![[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
以一个视频网站为例：将视频网站分为首页、列表页、详情页、公共头部与尾部这几部分分。
这几个部分与其它一些网站相比较，结构相似，只是数据不同。对于此类现象创建模板克大大提高效率，在应用时只需修改参数即可。
数组:
索引数组: 键名是默认递增整数索引关联数组:
键名是字符串 数组成员的访问: 按键名访问
数组的遍历: foreach()
__DIR__绝对地址 include引入文件，如果这个文件不存在，并不会终止脚本的执行。 require如果引入的文件不存在，将终止执行
3.公共头部与尾部
<?php $cates = [ ['cate_id'=> 1,'name'=> 'ds','alias'=>'电视剧'], ['cate_id'=> 2,'name'=> 'dy','alias'=>'电影'], ['cate_id'=> 3,'name'=> 'zy','alias'=>'综艺'], ]; $movies =[ [ 'mov_id'=>1, 'name'=>'长安十二时辰', 'image'=>'alt.jpg', 'detail'=>'上元节前夕，长安城混入可疑人员，身陷囹圄的张小敬临危受命，与少年天才李必携手在十二时辰内破除隐患。全篇运用了创新的探案剧集结构与人物关系设定，把故事嵌套在当时的世界文化中心城市长安这样一个完美的切入点。在展现跌宕紧凑的故事架构、反脸谱化的英雄人物、脑洞大开的细节设计同时，也带给观众丰富的文化价值', 'cate_id'=>1 ], [ 'mov_id'=>2, 'name'=>'亲爱的热爱的', 'image'=>'alt.jpg', 'detail'=>'该剧改编自墨宝非宝的小说《蜜汁炖鱿鱼》，讲述了软萌学霸佟年（杨紫 饰）对热血青年韩商言（李现 饰）一见钟情并甜蜜倒追，二人日常相处中甜蜜碰撞，在实现梦想的路上互相扶持，最终韩商言在佟年的陪伴与支持下，带领“K&K战队”成员实现心中冠军梦、为国夺冠争光的故事。', 'cate_id'=>1 ], [ 'mov_id'=>3, 'name'=>'流淌的美好时光', 'image'=>'alt.jpg', 'detail'=>'从小失去父爱的易遥与似乎毫不关心她的母亲在弄堂里生活了十九年。她不如意的生活里却也有着真正关心她爱护她的好朋友——发小齐铭和大学同学郝湉。齐铭虽损友，仍会在关键时刻保护她；进入大学后，郝湉的单纯善良与热情也让易遥感到少有的舒心。 ', 'cate_id'=>1 ], [ 'mov_id'=>4, 'name'=>'何以为家', 'image'=>'alt.jpg', 'detail'=>'法庭上，十二岁的男孩赞恩向法官状告他的亲生父母，原因是，他们给了他生命。是什么样的经历让一个孩子做出如此不可思议的举动？故事中，赞恩的父母在无力抚养和教育的状况下依然不停生育，作为家中的长子赞恩，弱小的肩膀承担了无数生活的重压。当妹妹被强行卖给商贩为妻时，赞恩愤怒离家，之后遇到一对没有合法身份的母子，相互扶持勉强生活。然而生活并没有眷顾赞恩，重重磨难迫使他做出了令人震惊的举动…… ', 'cate_id'=>2 ], [ 'mov_id'=>5, 'name'=>'夏目友人帐', 'image'=>'alt.jpg', 'detail'=>'在人与妖怪之间过着忙碌日子的夏目，偶然与以前的同学结城重逢，由此回忆起了被妖怪缠身的苦涩记忆。此时，夏目认识了在归还名字的妖怪记忆中出现的女性·津村容莉枝。和玲子相识的她，现在和独子椋雄一同过着平稳的生活。夏目通过与他们的交流，心境也变得平和。但这对母子居住的城镇，却似乎潜伏着神秘的妖怪。在调查此事归来后，寄生于猫咪老师身体的“妖之种”，在藤原家的庭院中，一夜之间就长成树结出果实。而吃掉了与自己形状相似果实的猫咪老师，竟然分裂成了3个——！', 'cate_id'=>2 ], [ 'mov_id'=>6, 'name'=>'千与千寻', 'image'=>'alt.jpg', 'detail'=>'千寻和爸爸妈妈一同驱车前往新家，在郊外的小路上不慎进入了神秘的隧道——他们去到了另外一个诡异世界—一个中世纪的小镇。远处飘来食物的香味，爸爸妈妈大快朵颐，孰料之后变成了猪！这时小镇上渐渐来了许多样子古怪、半透明的人。', 'cate_id'=>2 ], [ 'mov_id'=>7, 'name'=>'这就是街舞', 'image'=>'alt.jpg', 'detail'=>'《这！就是街舞》第二季是由优酷、灿星出品的街舞选拔类综艺。节目采用“明星队长+专业舞者”的模式，在四位队长的带领下组成四支战队，通过个人选拔、团队作战的表演方式展开比拼，并最终产生总冠军。五月将在优酷独播。', 'cate_id'=>3 ], [ 'mov_id'=>8, 'name'=>'王牌对王牌', 'image'=>'alt.jpg', 'detail'=>'第四季《王牌对王牌》是浙江卫视推出的星素结合暖情互动挑战类棚内综艺节目，由浙江卫视节目中心制作，2019年第一季度每周五晚间在浙江卫视播出。每期根据不同主题，揭开“王牌守护使者”设置的层层关卡，由沈腾、贾玲、华晨宇、关晓彤组成“王牌家族”，与另一队主题嘉宾互动挑战。', 'cate_id'=>3 ], [ 'mov_id'=>9, 'name'=>'熟悉的味道', 'image'=>'alt.jpg', 'detail'=>'《熟悉的味道》第四季继续由浙江卫视和千足传媒联合出品，旨在打造一档明星美食传情感恩真人秀。每期节目，一位大咖嘉宾在两位 MC 的帮助下，寻找过往生命中的一位重要人士，用一道记忆中的美食进行感恩，同时也寻回最初的自己。', 'cate_id'=>3 ], ]; $system =[ 'sys_id '=> 1, 'title' => '私人影院', 'desc' => '最新最全的影视资源', 'key' => '电视剧，电影，综艺', 'copy' => 'php中文网' ] ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../static/css/css1.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="index1.php">首页</a></li> <?php foreach ($cates as $cate): ?> <li><a href=" list.php?$cate_id=<?=$cate['cate_id']?>"><?php echo $cate['alias']; ?></a></li> <?php endforeach; ?> </ul> </div> <div class="footer"> <p class="copyright"><?php echo $system['copy']?> © 版权所有</p> </div> </body> </html>
点击 "运行实例" 按钮查看在线实例
4.首页
<?php
include __DIR__.'/inc1/header.php';
foreach ($cates as $cate){
echo "<h2> {$cate['alias']}</h2>";
echo '<ol>';
foreach ($movies as $movie){
if ($cate['cate_id'] === $movie['cate_id']){
echo "<li><a href='detail.php?mov_id=".$movie['mov_id']."'>{$movie['name']}</a></li>";
}
}
echo '</ol>';
}
include __DIR__ .'/inc1/footer.php';点击 "运行实例" 按钮查看在线实例
5.列表页
<?php
include __DIR__.'/inc1/header.php';
$cate_id =intval($_GET['$cate_id']);
foreach ($cates as $cate) {
if ($cate['cate_id'] === $cate_id) {
echo "<h2>{$cate['alias']}</h2>";
echo '<ol>';
foreach ($movies as $movie) {
if ($cate['cate_id'] === $movie['cate_id']) {
echo "<li><a href='detail.php?mov_id=" .$movie['mov_id']. "'>{$movie['name']}</a></li>";
}
}
echo '</ol>';
break;
};
}
include __DIR__ .'/inc1/footer.php';点击 "运行实例" 按钮查看在线实例
6.详情页
<?php
include __DIR__.'/inc1/header.php';
$mov_id = intval($_GET['mov_id']);
foreach ($movies as $movie){
if ($movie['mov_id'] === $mov_id){
echo "<h3>{$movie['name']}</h3>";
echo '<img src="../static/images/'.$movie['image'].'" alt="" width="300">';
echo "<p style='text-indent: 2em'>{$movie['detail']}</p>";
}
}
include __DIR__ .'/inc1/footer.php';点击 "运行实例" 按钮查看在线实例
![[2IK47((659(QRS}E5A2]IW.png](https://img.php.cn/upload/image/223/704/426/1564497132711632.png "1564497132711632.png")