博主信息
博文 63
粉丝 1
评论 0
访问量 89643
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
制作一个商品的列表与详情模板
桃儿的博客
原创
1884人浏览过

 制作一个商品的列表与详情模板

首页:

首页.jpg

栏目页:

栏目页.jpg

详情页:

详情页.jpg

index.php文件

实例

<?php
// 加载公共头部
include __DIR__ . "/inc/header.php";

foreach ($cates as $cate) {
    echo "<h2>{$cate['alias']}</h2>";
    echo '<ol>';
    foreach ($foods as $food) {
        // 判断当前所属栏目是否与当前栏目id相同?
        if ($cate['cate_id'] === $food['cate_id']) {
            echo "<li><a href='detail.php?mov_id=" .$food['food_id']. "'>{$food['name']}</a></li>";
        }
    }
    echo '</ol>';
}

// 加载公共底部
include __DIR__ . '/inc/footer.php';

运行实例 »

点击 "运行实例" 按钮查看在线实例

list.php文件

实例

<?php
// 加载公共头部
include __DIR__ . '/inc/header.php';

$cate_id = $_GET['cate_id'];

// 注意: url中的内容都是字符串, 转换类型
$cate_id = (int)$cate_id;

foreach ($cates as $cate) {
    if ($cate['cate_id'] === $cate_id) {
        echo "<h2>{$cate['alias']}</h2>";
        echo '<ol>';
        foreach ($foods as $food) {
            if ($cate['cate_id'] == $food['cate_id']) {
                echo "<li><a href='detail.php?food_id=" .$food['food_id']. "'>{$food['name']}</a></li>";
            }
        }
        echo '</ol>';
    };
}

// 加载公共底部
include __DIR__ . '/inc/footer.php';

运行实例 »

点击 "运行实例" 按钮查看在线实例

detail.php文件

实例

<?php
// 加载公共头部
include __DIR__ . '/inc/header.php';

$food_id = intval($_GET['food_id']);


foreach ($foods as $food) {
    if ($food['food_id'] === $food_id) {
        echo  "<h3>{$food['name']}</h3>";
        echo '<img src="../static/images/'.$food['image'].'" alt="" width="300">';
        echo "<p style='text-indent: 2em'>{$food['detail']}</p>";
    }
};

// 加载公共底部
include __DIR__ . '/inc/footer.php';

运行实例 »

点击 "运行实例" 按钮查看在线实例


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学