![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：案例不错, 理解了流程最关键
Collection
Collection
<!--引入公共头部-->
<?php include __DIR__.'\inc\header.php' ?>
<!--网站的主体-->
<!--遍历栏目-->
<?php
foreach ($categroy as $cate){
echo "<h2>{$cate['alias']}</h2>";
// 遍历对应的栏目信息
echo '<ol>';
foreach ($kecheng as $kc)
if ($kc['categroy_id']==$cate['categroy_id']){
// a链接指向对应的详情页模板
echo "<ol><a href='detail.php?kecheng_id={$kc['kecheng_id']}'>{$kc['name']}</a></ol>";
}
echo '</ol>';
}
?>
<?php include __DIR__.'\inc\footer.php' ?>点击 "运行实例" 按钮查看在线实例
上面是index.php文件内容
<?php //栏目数组 $categroy = [ ['categroy_id'=>1,'name'=>'yw','alias'=>'语文'], ['categroy_id'=>2,'name'=>'sx','alias'=>'数学'], ['categroy_id'=>3,'name'=>'yy','alias'=>'英语'] ]; //课程数组 $kecheng=[ [ 'kecheng_id'=>1, 'name'=>'语文第一课', 'image'=>'./static/img/ywdyk.jpg', 'detail'=>'这里是语文第一课的详情内容', 'categroy_id'=>1 ], [ 'kecheng_id'=>2, 'name'=>'语文第二课', 'image'=>'./static/img/ywdek.jpg', 'detail'=>'这里是语文第二课的详情内容', 'categroy_id'=>1 ], [ 'kecheng_id'=>3, 'name'=>'语文第三课', 'image'=>'./static/img/ywdsk.jpg', 'detail'=>'这里是语文第三课的详情内容', 'categroy_id'=>1 ], [ 'kecheng_id'=>4, 'name'=>'数学第一课', 'image'=>'./static/img/sxdyk.jpg', 'detail'=>'这里是数学第一课的详情内容', 'categroy_id'=>2 ], [ 'kecheng_id'=>5, 'name'=>'数学第二课', 'image'=>'./static/img/sxdek.jpg', 'detail'=>'这里是数学第二课的详情内容', 'categroy_id'=>2 ], [ 'kecheng_id'=>6, 'name'=>'数学第三课', 'image'=>'./static/img/sxdsk.jpg', 'detail'=>'这里是数学第三课的详情内容', 'categroy_id'=>2 ], [ 'kecheng_id'=>7, 'name'=>'英语第一课', 'image'=>'./static/img/yydyk.jpg', 'detail'=>'这里是英语第一课的详情内容', 'categroy_id'=>3 ], [ 'kecheng_id'=>8, 'name'=>'英语第二课', 'image'=>'./static/img/yydek.jpg', 'detail'=>'这里是英语第二课的详情内容', 'categroy_id'=>3 ], [ 'kecheng_id'=>9, 'name'=>'英语第三课', 'image'=>'./static/img/yydsk.jpg', 'detail'=>'这里是英语第三课的详情内容', 'categroy_id'=>3 ] ]; ?> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>神仙不在</title> <link rel="stylesheet" href="./static/css/index.css"> </head> <body> <!--网站的头部--> <div class="header"> <!--导航--> <ul class="nav"> <li><a href="index.php">首页</a></li> <!-- foreach遍历出导航--> <?php foreach ($categroy as $value): ?> <!-- a链接的地址是个列表模板--> <li><a href=" list.php?categroy_id=<?php echo $value['categroy_id'] ?>"><?php echo $value['alias'] ?></a></li> <?php endforeach;?> </ul> </div>
点击 "运行实例" 按钮查看在线实例
上面是header.php文件内容
<!--网站底部--> <div class="footer"> <p>Powered by 神仙不在</p> </div> </body> </html>
点击 "运行实例" 按钮查看在线实例
上面是footer.php文件内容，里面写死的，我就没用php来写
<!--引入公共头部-->
<?php include __DIR__.'\inc\header.php' ?>
<?php
$categroy_id=(int)$_GET['categroy_id'];
?>
<!--网站的主体-->
<!-- 找到对应的栏目-->
<?php
foreach ($categroy as $cate){
if ($categroy_id==$cate['categroy_id']){
echo "<h2>{$cate['alias']}</h2>";
// 遍历对应的栏目信息
echo '<ol>';
foreach ($kecheng as $kc)
if ($kc['categroy_id']==$cate['categroy_id']){
// a链接指向对应的详情页模板
echo "<ol><a href='detail.php?kecheng_id={$kc['kecheng_id']}'>{$kc['name']}</a></ol>";
}
echo '</ol>';
}
}
?>
<?php include __DIR__.'\inc\footer.php' ?>点击 "运行实例" 按钮查看在线实例
上面是list.php文件
<!--引入公共头部-->
<?php include __DIR__.'\inc\header.php' ?>
<?php
$kecheng_id=(int)$_GET['kecheng_id'];
?>
<!--网站的主体-->
<?php
// 遍历对应的详情页信息
echo '<ol>';
foreach ($kecheng as $kc){
if ($kc['kecheng_id']===$kecheng_id){
echo "<h3>{$kc['name']}</h3>";
echo "<p><img src='{$kc['image']}' alt=''></p>";
echo "<p>{$kc['detail']}</p>";
}
echo '</ol>';
}
?>
<?php include __DIR__.'\inc\footer.php' ?>点击 "运行实例" 按钮查看在线实例
上面是detail.php
发个真实效果网页
http://www.shenxianbuzai.com/0723/index.php
