![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：Uncorrected
Teacher's comments：
Collection
Collection
首页代码
<?php
// 加载公共头部
include __DIR__ . "/inc/tb.php";
foreach ($cates as $cate){
// 先把标题遍历出来
echo "<h2>{$cate['alias']}</h2>";
// 遍历商品数据
foreach($movies as $movie){
// 判断一下当前商品所属栏目是否与当前栏目id相同
if ($cate['cate_id'] === $movie['cate_id']){
// 相同就把数据遍历出来
echo "<li><a href='list.php?cate_id={$movie['sp_id']}'>{$movie['name']}</a></li>";
}
}
}
include 'inc/db.php';
// <!--底部版权-->
// <div class="footer">
// <p class="copyright"><?php echo $system['copy']; ?>© 版权所有</p>
// </div>
// </body>
// </html>点击 "运行实例" 按钮查看在线实例
栏目代码
<?php
// 导入头部
include "inc/tb.php";
// 获取当前GET
$cate_id = $_GET['cate_id'];
$cate_id = (int)$cate_id;
foreach($cates as $cate){
if($cate['cate_id'] === $cate_id){
echo "<h2>{$cate['alias']}</h2>" ;
foreach($movies as $movi){
if($cate['cate_id'] == $movi['cate_id']){
echo "<li><a href='sp.php?sp_id={$movi['sp_id']}'>{$movi['name']}</a></li>";
};
};
};
}
include 'inc/db.php';
// <!--底部版权-->
// <div class="footer">
// <p class="copyright"><?php echo $system['copy']; ?>© 版权所有</p>
// </div>
// </body>
// </html>点击 "运行实例" 按钮查看在线实例
商品页代码
<?php
// 加载头部
include "inc/tb.php";
// 1.获取当前商品id get
$sp_id = (int)$_GET['sp_id'];
// 遍历商品
foreach($movies as $movie){
// 判断,获取当前访问的id商品
if($movie['sp_id'] === $sp_id ){
echo "<h2>{$movie['name']}</h2>";
echo "<p>{$movie['detail']}</p>";
echo "<img src='{$movie['image']}'>";
}
}
// 加载公共底部
include 'inc/db.php';
// <!--底部版权-->
// <div class="footer">
// <p class="copyright"><?php echo $system['copy']; ?>© 版权所有</p>
// </div>
// </body>
// </html>点击 "运行实例" 按钮查看在线实例
头部代码
<?php // 商品信息 $movies = [ [ 'sp_id'=>1, 'name'=>'华为手机', 'image'=>'ytt1j.jpg', 'detail'=>'华为手机阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>1 ], [ 'sp_id'=>2, 'name'=>'苹果手机', 'image'=>'ytt1j.jpg', 'detail'=>'苹果手机阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>1 ], [ 'sp_id'=>3, 'name'=>'oppo手机', 'image'=>'ytt1j.jpg', 'detail'=>'oppo阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>1 ], [ 'sp_id'=>4, 'name'=>'华为笔记本', 'image'=>'ytt1j.jpg', 'detail'=>'华为笔记本阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>2 ], [ 'sp_id'=>5, 'name'=>'苹果笔记本', 'image'=>'ytt1j.jpg', 'detail'=>'苹果笔记本阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>2 ], [ 'sp_id'=>6, 'name'=>'oppo笔记本', 'image'=>'ytt1j.jpg', 'detail'=>'oppo笔记本阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>2 ], [ 'sp_id'=>7, 'name'=>'笔记本', 'image'=>'ytt1j.jpg', 'detail'=>'笔记本阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>3 ], [ 'sp_id'=>8, 'name'=>'洗衣机', 'image'=>'ytt1j.jpg', 'detail'=>'相应年级阿瓦打我打我就看你的饭卡武汉发我', 'cate_id'=>3 ], ]; // 栏目数据 $cates = [ ['cate_id'=>1,'name'=>'sj', 'alias'=>'手机'], ['cate_id'=>2,'name'=>'bjb', 'alias'=>'笔记本'], ['cate_id'=>3,'name'=>'zw', 'alias'=>'杂物'], ]; // 网站的系统设置 $system = [ 'sys_id'=>1, 'title'=>'傻雕商场', 'desc'=>'收集全网最新最全的物品', 'key'=>'手机，笔记本，杂物', 'copy'=>'傻雕国际贸易商场' ] ?> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../static/css/style.css"> <meta name="description" content="<?php echo $system['desc'] ?>"> <meta name="keywords" content="<?php echo $system['key'] ?>"> <title><?php echo $system['title'] ?></title> </head> <body> <!--头部导航--> <div class="header"> <ul class="nav"> <li><a href="index.php">首页</a></li> <?php foreach ($cates as $cate) : ?> <li><a href="list.php?cate_id=<?php echo $cate['cate_id']; ?>"><?php echo $cate['alias'] ?></a></li> <?php endforeach; ?> </ul> </div>
点击 "运行实例" 按钮查看在线实例
这些代码里面一共应用了以下知识点
1.模块化代码{将可以共用的php代码分成多个文件,使用include导入}
2.GET请求,页面动态化
3.foreach遍历数组
4.if判断