割引カタログページ

5192 ワード
インスタントレコーダ 作業例 商品を投げ売りする 割引カタログ 目次 テキストリンク

コンテンツの作成


この授業で割引商品のカタログページを作ります.
プロジェクト名はproduct_list_saleです.
publishingオリジナルは、Start Bootstrapをインポートして修正されました.

作成するページのプレビュー



データせっけい


データベースに格納する構造を決定します。


必要なアイテムを抽出

  • 450*300画像
  • 商品名
  • 原価
  • セール価格

    • データベーステーブルの作成


    データベース・テーブルを作成します.
    CREATE TABLE `icdb`.`product_list_sale` ( 
    `id` INT NOT NULL AUTO_INCREMENT , 
    `main_image_url` VARCHAR(255) NULL , 
    `name` VARCHAR(255) NULL , 
    `price` VARCHAR(255) NULL , 
    `sale_price` VARCHAR(255) NULL ,     
    `insert_date` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP , 
    PRIMARY KEY (`id`)
) ENGINE = InnoDB;
    sale_price列がnullでなければ割引中です.

    サンプルデータの入力


    ソースコード
    INSERT INTO `product_list_sale` (`id`, `main_image_url`, `name`, `price`, `sale_price`) VALUES
 (1, 'https://cdn.pixabay.com/photo/2021/08/21/07/55/croissant-6562091__340.jpg', '맛있는 빵', '5000', '3000'),
 (2, 'https://cdn.pixabay.com/photo/2015/12/05/11/04/bread-1077984__480.jpg', '고소한 토스트', '10000', '8000'),
 (3, 'https://cdn.pixabay.com/photo/2016/03/05/20/02/sandwich-1238615__480.jpg', '나이스 샌드위치', '3500', null),
 (4, 'https://cdn.pixabay.com/photo/2017/09/18/14/49/egg-sandwich-2761894__480.jpg', '통삶은 계란빵', '4200', '3000'),
 (6, 'https://cdn.pixabay.com/photo/2021/08/21/07/55/croissant-6562091__340.jpg', '맛있는 빵', '5000', null),
 (7, 'https://cdn.pixabay.com/photo/2015/12/05/11/04/bread-1077984__480.jpg', '고소한 토스트', '10000', null),
 (8, 'https://cdn.pixabay.com/photo/2016/03/05/20/02/sandwich-1238615__480.jpg', '나이스 샌드위치', '3500', '1200'),
 (9, 'https://cdn.pixabay.com/photo/2017/09/18/14/49/egg-sandwich-2761894__480.jpg', '통삶은 계란빵', '4200', '500');

    プログラミングコード


    データをロードします。

    index.phpソースコード
    require_once($_SERVER['DOCUMENT_ROOT'] . "/ICL.php");
$data = ICL::db_select("select * from product_list_sale");

    割引中であれば、割引バッジが表示されます。

    index.phpソースコード
    <?php if ($row->sale_price != null) : ?>
    <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>                        
<?php endif ?>

    割引中の場合は、割引価格を表示してください。

    index.phpソースコード
    <?php if ($row->sale_price != null) : ?>
    <span class="text-muted text-decoration-line-through"><?= number_format($row->sale_price) ?></span>                          
<?php endif ?>

    開発者確認



    よく見える.

    開発サーバの配備


    すべてのプロジェクトディレクトリをコピーし、FTPで開発サーバにアップロードします.

    企画者の確認を求める


    Webエージェントのプランナーに確認を依頼します.
    開発依頼を依頼したい場合は、FAQを読み、適切であれば[email protected]に連絡してください.
    2018安恒5月試合(web)
    Python、スクロール、mongodbホームワーク