![[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
data.php
<?php // 影视剧数组 $movies = [ [ 'mov_id'=>1, 'name'=>'彩虹的力量', 'image'=>'img/彩虹的力量.jpg', 'detail'=>'一心一意要寻找“灵魂伴侣”的何彩虹爱上了志趣相投、博学、浪漫、冷傲的全能青年教授季篁。可她的母亲李明珠却坚决反对，认定理想的女婿是彩虹的富二代死党苏东霖', 'cate_id'=>1 ], [ 'mov_id'=>2, 'name'=>'陈情令', 'image'=>'img/陈情令.jpg', 'detail'=>'十六年前，天下五分，姑苏蓝氏，云梦江氏，清河聂氏，岐山温氏，兰陵金氏共治天下。温氏一家独大，其余四家均受其苦。众家青年中，江氏故人之子魏无羡性格开朗，和以雅正闻名的姑苏蓝氏弟子蓝忘机相识并引为知己', 'cate_id'=>1 ], [ 'mov_id'=>3, 'name'=>'明月照我心', 'image'=>'img/明月照我心.jpg', 'detail'=>'该剧由动漫《王爷不要啊》改编，讲述了北宣资王李谦（方逸伦 饰）和汐月公主李明月（凌美仕 饰）被迫和亲，互看不顺眼的两人在一起经历各种磨难后打开了自己的心防，最终修成正果携手一生。 ', 'cate_id'=>1 ], [ 'mov_id'=>4, 'name'=>'反击美版 第六季4', 'image'=>'img/反击美版 第六季.jpg', 'detail'=>'Cinemax与Sky1在上年宣布，他们将重启曾经的大热剧《反击 Strike Back》，不过这次将会用上新角色，Alin Sumarwata﹑Daniel MacPherson﹑Roxanne McKee及Warren Brown已在上年加盟复活', 'cate_id'=>2 ], [ 'mov_id'=>5, 'name'=>'女超人3', 'image'=>'img/女超人3.jpg', 'detail'=>'卡拉·丹弗斯一直隐藏着自己所拥有的超能力，但是她最终决定遵循命运的安排，展露她的能力，成为一名超级英雄的故事', 'cate_id'=>2 ], [ 'mov_id'=>6, 'name'=>'切尔诺贝利', 'image'=>'img/切尔诺贝利.jpg', 'detail'=>'《切尔诺贝利 Chernobyl》望文生义就是那宗出名的人为灾祸事情，布景在1986年的乌克兰，剧中将会描述其时终究发作了甚么引致这事端，并且当年英勇的世人是如何牺牲自己解救处于灾祸中的欧洲', 'cate_id'=>2 ], [ 'mov_id'=>7, 'name'=>'听雪楼', 'image'=>'img/听雪楼.jpg', 'detail'=>'拜月教荼毒众生、为祸江湖，武林三大高手白帝、雪谷、血魔携手听雪楼楼主萧逝水对战拜月。…', 'cate_id'=> 3 ], [ 'mov_id'=>8, 'name'=>'倚天屠龙记', 'image'=>'img/倚天屠龙记.jpg', 'detail'=>'元朝末年，群雄纷起，武林动荡。江湖传闻，得到屠龙刀倚天剑者，可以成为武林至尊，号令天下，莫敢不从。一时间风云四起，引发了武林中对屠龙刀倚天剑的争夺…', 'cate_id'=>3 ], [ 'mov_id'=>9, 'name'=>'陈情令', 'image'=>'img/陈情令.jpg', 'detail'=>'十六年前，天下五分，姑苏蓝氏，云梦江氏，清河聂氏，岐山温氏，兰陵金氏共治天下。温氏一家独大，其余四家均受其苦。众家青年中，江氏故人之子魏无羡性格开朗，和以雅正闻名的姑苏蓝氏弟子蓝忘机相识并引为知己…', 'cate_id'=>3 ], [ 'mov_id'=>10, 'name'=>'致我们暖暖的小时光', 'image'=>'img/致我们暖暖的小时光.jpg', 'detail'=>'司徒末毕业在即，从小便习惯服从安排的她对前途迷茫懵懂，随波逐流地尝试各种安排，总是鼓不起勇气为自己做出选择…', 'cate_id'=>4 ], [ 'mov_id'=>11, 'name'=>'少年派', 'image'=>'img/少年派.jpg', 'detail'=>'精灵活泼的少女林妙妙中考超常发挥，意外考入重点高中，妈妈王胜男扬眉吐气。高一住校，挣脱妈妈掌控的林妙妙如鱼得水，结交了三个好友，校花邓小琪、学霸钱三一和江天昊…', 'cate_id'=>4 ], [ 'mov_id'=>12, 'name'=>'满满喜欢你', 'image'=>'img/满满喜欢你.jpg', 'detail'=>'高三毕业在即，顾小满为了能与男神左岸继续做同学，拿出练习散打的精神死磕学习。自身刻苦努力加上天才学霸左岸的独家指导，顾小满达成最强逆袭，…', 'cate_id'=>4 ], ]; // 栏目数组 $cates = [ ['cate_id'=>1, 'name'=>'rb', 'alias'=>'热播剧场'], ['cate_id'=>2, 'name'=>'hw', 'alias'=>'海外剧场'], ['cate_id'=>3, 'name'=>'wx', 'alias'=>'经典武侠'], ['cate_id'=>4, 'name'=>'xy', 'alias'=>'甜蜜校园'], ]; // 网站的系统设置 $system = [ 'sys_id'=>1, 'title'=>'某某影院', 'desc'=>'收集全网最新最全的影视资源', 'key'=>'国产,欧美,日韩', 'copy'=>'某某影院' ] ?>
点击 "运行实例" 按钮查看在线实例
<?php include 'data.php'; ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="<?php echo $system['desc']; ?>" />
<meta name="keywords" content="<?php echo $system['key'] ;?>" />
<title><?php echo $system['title']; ?></title>
<link rel="stylesheet" type="text/css" href="css/css.css"/>
</head>
<body>
<!-- 头部 -->
<header>
<nav>
<a href="index.php">首页</a>
<?php
foreach($cates as $v )
{
echo '<a href="lm.php?cate_id='. $v['cate_id'].'">' . $v['alias'] . '</a>';
}
?>
</nav>
</header>点击 "运行实例" 按钮查看在线实例
<?php include 'header.php'; ?>
<!-- 主体 -->
<main>
<!-- 内容区块 -->
<?php
foreach($cates as $v )
{
$f_id = $v['cate_id'];
?>
<artical>
<!-- 内容区块标题 -->
<div><?php echo $v['alias']; ?></div>
<!-- 内容区块列表 -->
<ul>
<?php
foreach($movies as $vv )
{
if ($vv['cate_id'] == $f_id){
?>
<li>
<a href="">
<img src="<?php echo $vv['image']; ?>" alt="">
<p><?php echo $vv['name']; ?></p>
<p><?php echo $vv['detail']; ?></p>
</a>
</li>
<?php } } ?>
</ul>
</artical>
<?php } ?>
</main>
<?php include 'footer.php'; ?>点击 "运行实例" 按钮查看在线实例
<!-- 尾部 --> <footer> <?php echo $system['copy']; ?> 版权所有 </footer> </body> </html>
点击 "运行实例" 按钮查看在线实例
<?php include 'header.php';?>
<!-- 主体 -->
<main>
<!-- 内容区块 -->
<artical>
<!-- 内容区块标题 -->
<div>
<?php
// 获取浏览传过来的栏目ID值
$f_id=$_GET['cate_id'];
// 标题
foreach($cates as $v ){
if ($v['cate_id'] == $f_id){
echo $v['alias'];
}
}
?>
</div>
<!-- 内容区块列表 -->
<ul>
<?php
foreach($movies as $vv )
{
if ($vv['cate_id'] == $f_id){
?>
<li>
<a href="">
<img src="<?php echo $vv['image']; ?>" alt="">
<p><?php echo $vv['name']; ?></p>
<p><?php echo $vv['detail']; ?></p>
</a>
</li>
<?php } } ?>
</ul>
</artical>
</main>
<?php include 'footer.php'; ?>点击 "运行实例" 按钮查看在线实例
