Collection
Collection
涉及的知识点：
1、引用头部和底部的代码是require__R__.
2、栏目名称采用数组有意义的字符串健名来表示。
3、栏目名称和列表内容采用健名和键值来调用。
4、网站的系统标签设置
5、header部分的导航区域里面的栏目名称和链接采用标签的方式来调用，
头部区域代码
<?php //栏目数组 //索引数 //关联数组，使用有意义的字符串作为元素的健名 $cates = [ ['cate_id'=>1, 'name'=>'sm','alias'=>'关诗敏'], ['cate_id'=>2, 'name'=>'sr','alias'=>'汪苏泷'], ['cate_id'=>3, 'name'=>'dh','alias'=>'刘德华'], ]; //二维数组 //影视剧数组 $movies = [ [ 'mov_id'=>1, 'name'=>'晴天', 'image'=>'bxmykxq.jpg', 'detail'=>'故事的小黄花，故事的小黄花,从出生那年就飘着,童年的荡秋千,随记忆一直晃到现在,rui sou sou xi dou xi la,sou la xi xi xi xi la xi la sou,吹着前奏望着天空,我想起花瓣试着掉落,为你翘课的那一天,花落的那一天,教室的那一间,我怎么看不见,消失的下雨天,我好想再淋一遍.', 'cate_id'=>1 ], [ 'mov_id'=>2, 'name'=>'天空树', 'image'=>'qt.jpg', 'detail'=>'那一棵静静通往天空的树,看着幸福的变数,陪我青春的盲目 随着泪水而落幕,一步一步走上去,你已不知去哪里,你说够高 才看清晰,我在风里,独自拼命前进,你牵我爬上通往天空的树,说不再让我孤独,我们等着万里晴空,慢慢变星空.', 'cate_id'=>1 ], [ 'mov_id'=>3, 'name'=>'不远的情人', 'image'=>'dth.jpg', 'detail'=>'爱也总是当我们不需要它了之后完整,我们只属于这段过程,熟悉后陌生,不远的情人,没有时间的空城,不远的情人,要等就去等,不远的情人,我们只属于这段过程熟悉后陌生,世界再冷至少我还有不远的情人 一想你就好了这只是没有时间的空城.', 'cate_id'=>1 ], [ 'mov_id'=>4, 'name'=>'有点甜', 'image'=>'alt.jpg', 'detail'=>'摘一颗苹等你从门前经过送到你的手中帮你解渴,像夏天的可乐,像冬天的可可,你是对的时间对的角色,已经约定过,一起过下个周末,你的小小情绪对我来说,我也不知为何,伤口还没愈合,你就这样闯进我心窝,是你让我看见干枯,沙漠开出花一朵,是你让我想要每天,为你写一首情歌,用最浪漫的副歌,你也轻轻的附和,眼神坚定着我们的选择', 'cate_id'=>2 ], [ 'mov_id'=>5, 'name'=>'不分手的恋爱', 'image'=>'lm.jpg', 'detail'=>'不知不觉不问 不痛不痒,多少的时光,不确定的某个 夜晚小巷,泪悄悄流淌,街边天气微凉 淡淡月光,我沿路哼唱,找寻我们一直 找不到的,缘分被捆绑.感觉不到你为我坚强', 'cate_id'=>2 ], [ 'mov_id'=>6, 'name'=>'小星星', 'image'=>'qs.jpg', 'detail'=>'承认不勇敢,你能不能别离开,很多爱不能重来,我应该释怀,在街头徘徊,下雨时为你撑伞,对你的爱成阻碍', 'cate_id'=>2 ], [ 'mov_id'=>7, 'name'=>'忘情水', 'image'=>'rgkyzya.jpg', 'detail'=>'曾经年少爱追梦 一心只想往前*** 遍千山和万水 一路走来不能回 蓦然回首情已远 身不由已在天边 才明白爱恨情仇 最伤最痛是后悔如果你不曾心碎 你不会懂得我伤悲 当我眼中有泪 别问我是为谁', 'cate_id'=>3 ], [ 'mov_id'=>8, 'name'=>'谢谢你的爱', 'image'=>'tkzc.jpg', 'detail'=>'倾出一片真挚不变心溶化这障碍 栖身风冷中与她彼此点起这爱火 用火的光高唱爱歌 用温暖给我的瞩光擦亮了 希望用坚决的信心呀告别了失望 须知失意漂泊一切可凭爱心替代 是深信深爱深似海 可信任这份爱 亦相信相爱也可接受与忍耐', 'cate_id'=>3 ], [ 'mov_id'=>9, 'name'=>'冰雨', 'image'=>'yttlj.jpg', 'detail'=>'我是在等待一个女孩,还是在等待沉沦苦海,一段情默默灌溉,没有人去管花谢花开,无法肯定的爱 左右摇摆,只好把心酸往深心里塞,我是在等待你的回来,难道只换回一句活该', 'cate_id'=>3 ], ]; //$a = print_r($movies,ture); //echo '<pre>' . $a; //网站的系统配置 $system = [ 'sys_id'=>1, 'title'=>'天空树音乐网', 'desc'=>'音乐资源网让你听到美妙音乐', 'key'=>'关诗敏,汪苏泷,刘德华', 'copy'=>'天空树', ]; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content="<?php echo $system['desc'];?>"> <meta name="keywords" content="<?php echo $system['key'];?>"> <link rel="stylesheet" href="../../static/css/style.css"> <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=<?=$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>
点击 "运行实例" 按钮查看在线实例
列表页模版
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<?php
//公共头部加载
include __DIR__ . '/shiyan/header.php';
//获取栏目id
$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) {
// 判断当前影视剧所属栏目是否与当前的栏目ID一致?
if($cate['cate_id'] === $movie['cate_id']){
// 这里的影视剧的链接应该跳转到详情页的模版文件
echo "<li><a href='detail.php?mov_id=".$movie['mov_id']." '>{$movie['name']}</li></li>";
}
}
echo '</ol>';
}
}
//加载公共底部
include __DIR__ . '/shiyan/footer.php';点击 "运行实例" 按钮查看在线实例
详情页模版
<?php
//公共头部加载
include __DIR__ . '/shiyan/header.php';
//获取栏目id
$mov_id = intval($_GET['mov_id']);
//遍历栏目二位数组
//遍历的影视剧
foreach($movies as $movie) {
// 判断当前影视剧所属栏目是否与当前的栏目ID一致?
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__ . '/shiyan/footer.php';点击 "运行实例" 按钮查看在线实例
首页代码
<?php
//公共头部加载
include __DIR__ . '/shiyan/header.php';
//遍历栏目二位数组
foreach ($cates as $cate) {
echo "<h2>{$cate['alias']}</h2>";
echo '<ol>';
//遍历的影视剧
foreach($movies as $movie) {
// 判断当前影视剧所属栏目是否与当前的栏目ID一致?
if($cate['cate_id'] === $movie['cate_id']){
// 这里的影视剧的链接应该跳转到详情页的模版文件
echo "<li><a href='detail.php?mov_id=".$movie['mov_id']." '>{$movie['name']}</li></li>";
}
}
echo '</ol>';
}
//加载公共底部
include __DIR__ . '/shiyan/footer.php';点击 "运行实例" 按钮查看在线实例
