![[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
1. 创建一个二维数组，进行遍历，并分析结果
<?php $arr = [ [0,'张三','男'], [1,'李四','女'], [2,'王五','男'] ]; ?> <!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>遍历二维数组</title> </head> <body> <table> <thead> <tr> <th>序</th> <th>姓名</th> <th>性别</th> </tr> </thead> <tbody> <?php foreach($arr as $i) : ?> <tr> <?php foreach($i as $j) : ?> <td><?php echo $j ?> </td> <?php endforeach ; ?> </tr> <?php endforeach ; ?> </tbody> </table> </body>
点击 "运行实例" 按钮查看在线实例
2. 模仿课堂案例， 制作一个商品的列表与详情模板
index.php
<?php
// 加载公共头部
include __DIR__ . "/inc/header.php";
foreach ($cates as $cate) {
echo "<h2>{$cate['alias']}</h2>";
echo '<ol>';
// 遍历数组
foreach ($goods as $good) {
// 判断当前影视剧所属栏目是否与当前栏目id相同?
if ($cate['cate_id'] === $good['cate_id']) {
echo "<li><a href='detail.php?id=" .$good['id']. "'>{$good['name']}</a></li>";
}
}
echo '</ol>';
}
// 加载公共底部
include __DIR__ . '/inc/footer.php';点击 "运行实例" 按钮查看在线实例
header.php
<?php // 影视剧数组 $goods = [ [ 'id'=>1, 'name'=>'华为 HUAWEI P30', 'image'=>'p30.jpg', 'detail'=>'华为 HUAWEI P30 超感光徕卡三摄麒麟980AI智能***片全面屏屏内指纹版手机8GB+64GB亮黑色全网通双4G手机双...', 'cate_id'=>1 ], [ 'id'=>2, 'name'=>'华为 HUAWEI Mate 20 Pro', 'image'=>'mate20.jpg', 'detail'=>'华为 HUAWEI Mate 20 Pro 麒麟980***片全面屏超微距影像超大广角徕卡三摄6GB+128GB极光色全网通版双4G手机...', 'cate_id'=>1 ], [ 'id'=>3, 'name'=>'华为 HUAWEI nova 4', 'image'=>'nova4.jpg', 'detail'=>'华为新品 HUAWEI nova 4 极点全面屏手机 2000万超广角三摄 8GB+128GB 苏音蓝 全网通双卡双待...', 'cate_id'=>1 ], [ 'id'=>4, 'name'=>'华为HUAWEI MateBook X', 'image'=>'MateBook.jpg', 'detail'=>'华为HUAWEI MateBook X Pro 2019款 英特尔酷睿i7 13.9英寸全面屏轻薄笔记本(i7 16G 1T MX250 3K触控) 灰...', 'cate_id'=>2 ], [ 'id'=>5, 'name'=>'联想(Lenovo)拯救者Y7000P', 'image'=>'jjz.jpg', 'detail'=>'联想(Lenovo)拯救者Y7000P 2019英特尔酷睿i715.6英寸游戏笔记本电脑(i7-9750H 8G 1T SSD GTX1660Ti 144Hz)...', 'cate_id'=>2 ], [ 'id'=>6, 'name'=>'***革命(MECHREVO)X9Ti-R', 'image'=>'MECHREVO.jpg', 'detail'=>'***革命(MECHREVO)X9Ti-R 九代英特尔酷睿i7 17.3英寸游戏笔记本电脑(i7-9750H 16G 512G PCIE+1T RTX2060 144Hz ***键盘）...', 'cate_id'=>2 ], [ 'id'=>7, 'name'=>'AOC 24P1U', 'image'=>'AOC.jpg', 'detail'=>'AOC 24P1U 23.8英寸 1.5mm微边框IPS屏 电脑显示器4台+乐歌四屏显示器支架...', 'cate_id'=> 3 ], [ 'id'=>8, 'name'=>'戴尔（DELL）S2417DG', 'image'=>'DELL.jpg', 'detail'=>'戴尔（DELL）S2417DG 23.8英寸2K旋转升降G-Sync 165Hz刷新 1毫秒响应 微边框专业电竞显示器自营（支持3D）...', 'cate_id'=>3 ], [ 'id'=>9, 'name'=>'优派 23.8', 'image'=>'viewsonic.jpg', 'detail'=>'优派 23.8英寸高清显示器 三边微边旋转升降IPS电脑显示屏 Type-C接口 办公设计 液晶电脑显示器 VG2455...', 'cate_id'=>3 ], ]; // 栏目数组 $cates = [ ['cate_id'=>1, 'name'=>'phone', 'alias'=>'手机'], ['cate_id'=>2, 'name'=>'notebook', 'alias'=>'笔电'], ['cate_id'=>3, 'name'=>'moniter', 'alias'=>'显示器'], ]; // 网站的系统设置 $system = [ 'sys_id'=>1, 'title'=>'达人购物', 'desc'=>'收集全网最新最全的3C产品', '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>
点击 "运行实例" 按钮查看在线实例
footer.php
<!--底部版权--> <div class="footer"> <p class="copyright"><?php echo $system['copy']; ?>© 版权所有</p> </div> </body> </html>
点击 "运行实例" 按钮查看在线实例
detail.php
<?php
// 加载公共头部
include __DIR__ . '/inc/header.php';
$id = intval($_GET['id']);
// 复制list.php模板直接修改
foreach ($goods as $good) {
if ($good['id'] === $id) {
echo "<h3>{$good['name']}</h3>";
echo '<img src="../static/images/'.$good['image'].'" alt="" width="300">';
echo "<p style='text-indent: 2em'>{$good['detail']}</p>";
}
};
// 加载公共底部
include __DIR__ . '/inc/footer.php';点击 "运行实例" 按钮查看在线实例
