![[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基础--电影详情页布局--数组填充。公共文件分割
<?php
// 加载公共头部
include __DIR__ . '/header.php';
$mov_id = intval($_GET['mov_id']);
$acc = '';
foreach($movie_arr as $key=>$value){
if(is_numeric($key)){
foreach($value['movies'] as $k=>$v){
if ($v['mov_id'] === $mov_id) {
echo "<h3>{$v['name']}</h3>";
echo '<img src="/0920/static/img/'.$v['image'].'" alt="" width="300">';
echo "<p style='text-indent: 2em'>{$v['detail']}</p>";
echo'<div class="comment">
<h3>观影评论：</h3>
<ul>';
$acc =$v['mov_id'];
}
}
foreach($value['comment'] as $k2=>$v2){
if($v2['mov_id'] === $mov_id){
echo'<li>
<img src="/0920/static/img/'.$v2['image'].'">
<span>'.$v2['name'].'</span>
<p>'.$v2['detail'].'</p>
</li>';
}
}
}
}
echo'</ul><textarea name="desc" id="tt1">一时摸鱼一时爽，一直摸鱼一直爽！</textarea><br>
<button type="button" onclick="click_cc();">提交</button>
</div>';
?>
<script type="text/javascript" src="static/js/jquery-2.2.4.min.js"></script>
<script type="text/javascript">
function click_cc(){
var textarea = $('#tt1').val();
console.log(textarea);
var comment = '<li><img src="/0920/static/img/gir.gif"><span>浑水摸鱼</span><p>'+textarea+'</p></li>';
$('.comment>ul').append(comment);
}
</script>
<?php
// 加载公共底部
include __DIR__ . '/footer.php';点击 "运行实例" 按钮查看在线实例
//拼接数组 <?php $movie_arr = [ // 网站系统设置 'system'=>[ 'sys_id'=>1, 'copyright'=>'吨吨熊', 'title'=>'私人影院', 'desc'=>'收集全网最新最全的影视资源', 'key'=>'国产,欧美,日韩', 'copy'=>'php中文网' ], [ 'cate_id'=>1, 'name'=>'gc', 'alias'=>'国产好剧', 'movies'=>[ [ 'mov_id'=>1, 'name'=>'倚天屠龙记', 'image'=>'laohu.jpg', 'detail'=>'元朝末年，群雄纷起，武林动荡。江湖传闻，得到屠龙刀倚天剑者，可以成为武林至尊，号令天下，莫敢不从。一时间风云四起，引发了武林中对屠龙刀倚天剑的争夺，几段姻缘和孽缘也由此产生。武当派张翠山与天鹰教殷素素… ', 'cate_id'=>1 ], [ 'mov_id'=>2, 'name'=>'都挺好', 'image'=>'laoshu.jpg', 'detail'=>' 苏母的的突然离世打破了这个家庭外表的平静，意想不到的隐患层层显露，对毫无主见却又自私、小气的苏父的安置和后续生活问题，引发了远在国外的大哥与本城的二哥、小妹三家规律生活的不再。一直被苏母压制的苏父翻… ', 'cate_id'=>1 ], [ 'mov_id'=>3, 'name'=>'如果可以这样爱', 'image'=>'gir.gif', 'detail'=>'一对已婚男女突然徇情自杀，以为可以结束这一切，却不料悲剧才刚刚开始——他们的爱人，耿墨池和白考儿，同时在葬礼上邂逅。面对同样的背叛他们同时选择报复但又同时爱上彼此，注定饱受打击和折磨。然而他们想真心拥… ', 'cate_id'=>1 ] ], 'comment'=>[ [ 'mov_id'=>1, 'name'=>'逗逼网友', 'image'=>'laohu.jpg', 'detail'=>'演的太假，感情戏太多，主角光环太强大。。。', 'cate_id'=>1 ], [ 'mov_id'=>2, 'name'=>'奔波儿灞', 'image'=>'laohu.jpg', 'detail'=>'演员不***', 'cate_id'=>1 ], [ 'mov_id'=>3, 'name'=>'灞波尔奔', 'image'=>'laohu.jpg', 'detail'=>'水经验。。。。', 'cate_id'=>1 ], [ 'mov_id'=>3, 'name'=>'逗比网友', 'image'=>'laohu.jpg', 'detail'=>'没我***。。。', 'cate_id'=>1 ], [ 'mov_id'=>2, 'name'=>'奔波儿霸', 'image'=>'laohu.jpg', 'detail'=>'不喜欢没理由', 'cate_id'=>1 ], [ 'mov_id'=>1, 'name'=>'霸波尔奔', 'image'=>'laohu.jpg', 'detail'=>'我就看看。。。不说话', 'cate_id'=>1 ], ] ], [ 'cate_id'=>2, 'name'=>'om', 'alias'=>'欧美猛片', 'movies'=>[ [ 'mov_id'=>4, 'name'=>'复仇者联盟4', 'image'=>'11.jpg', 'detail'=>'《复仇者联盟4：终局之战》将是漫威宇宙“无限传奇”（The Infinity Saga)的终结篇，是漫威电影宇宙十年的一个重要节点，结束部分英雄电影的故事，但也将展开新的剧情，呈现新的更为广阔宏大的宇…', 'cate_id'=>2 ], [ 'mov_id'=>5, 'name'=>'波西米亚狂想曲', 'image'=>'laoshu.jpg', 'detail'=>'弗雷迪·默丘里成名前在机场做行李搬运工。有一天，默丘里毛遂自荐加入杰·泰勒与布莱恩·梅的乐团，恰巧当天原本的主唱辞职，默丘里用自己横跨四个八度的超广音域说服两人，从此开启皇后乐团的摇滚传奇!', 'cate_id'=>2 ], [ 'mov_id'=>6, 'name'=>'阿丽塔:战斗天使', 'image'=>'111.jpg', 'detail'=>'弗雷迪·默丘里成名前在机场做行李搬运工。有一天，默丘里毛遂自荐加入杰·泰勒与布莱恩·梅的乐团，恰巧当天原本的主唱辞职，默丘里用自己横跨四个八度的超广音域说服两人，从此开启皇后乐团的摇滚传奇!', 'cate_id'=>2 ], ], 'comment'=>[ [ 'mov_id'=>4, 'name'=>'逗逼网友', 'image'=>'laohu.jpg', 'detail'=>'演的太假，感情戏太多，主角光环太强大。。。', 'cate_id'=>2 ], [ 'mov_id'=>5, 'name'=>'奔波儿灞', 'image'=>'laohu.jpg', 'detail'=>'演员不***', 'cate_id'=>2 ], [ 'mov_id'=>6, 'name'=>'灞波尔奔', 'image'=>'laohu.jpg', 'detail'=>'水经验。。。。', 'cate_id'=>2 ], [ 'mov_id'=>6, 'name'=>'逗比网友', 'image'=>'laohu.jpg', 'detail'=>'没我***。。。', 'cate_id'=>2 ], [ 'mov_id'=>5, 'name'=>'奔波儿霸', 'image'=>'laohu.jpg', 'detail'=>'不喜欢没理由', 'cate_id'=>2 ], [ 'mov_id'=>4, 'name'=>'霸波尔奔', 'image'=>'laohu.jpg', 'detail'=>'我就看看。。。不说话', 'cate_id'=>2 ], ] ], [ 'cate_id'=>3, 'name'=>'rh', 'alias'=>'日韩新片', 'movies'=>[ [ 'mov_id'=>7, 'name'=>'情书', 'image'=>'laoshu.jpg', 'detail'=>'***神户某个飘雪的冬日，渡边博子（中山美穗）在前未婚夫藤井树的三周年祭日上又一次悲痛到不能自已。正因为无法抑制住对已逝恋人的思念，渡边博子在其中学同学录里发现“藤井树” 在小樽市读书时的地址时，依循着…', 'cate_id'=> 3 ], [ 'mov_id'=>8, 'name'=>'天空之城', 'image'=>'gir.gif', 'detail'=>'韩书珍将两个女儿的教育问题和对丈夫的贤内助工作都做得井井有条，在天空之城之中也是备受瞩目的女王，但其实书珍一直隐藏着不为人所知的秘密。李秀林是个充满了关怀和情感丰沛的童话作家，在书珍的引导之下成为了天…', 'cate_id'=>3 ], [ 'mov_id'=>9, 'name'=>'龙猫', 'image'=>'laoshu.jpg', 'detail'=>'为了方便妻子草壁靖子养病，草壁达郎决定带着两个女儿草壁皋月和草壁米搬到草壁靖子所在疗养院附近的乡下，父女三人入住了一间年久失修的老房子。小姐妹俩很快发现看似平凡无奇的乡下有很多神奇的事物，无人居住的房…', 'cate_id'=>3 ] ], 'comment'=>[ [ 'mov_id'=>7, 'name'=>'逗逼网友', 'image'=>'laohu.jpg', 'detail'=>'演的太假，感情戏太多，主角光环太强大。。。', 'cate_id'=>3 ], [ 'mov_id'=>8, 'name'=>'奔波儿灞', 'image'=>'laohu.jpg', 'detail'=>'演员不***', 'cate_id'=>3 ], [ 'mov_id'=>9, 'name'=>'灞波尔奔', 'image'=>'laohu.jpg', 'detail'=>'水经验。。。。', 'cate_id'=>3 ], [ 'mov_id'=>9, 'name'=>'逗比网友', 'image'=>'laohu.jpg', 'detail'=>'没我***。。。', 'cate_id'=>3 ], [ 'mov_id'=>8, 'name'=>'奔波儿霸', 'image'=>'laohu.jpg', 'detail'=>'不喜欢没理由', 'cate_id'=>3 ], [ 'mov_id'=>7, 'name'=>'霸波尔奔', 'image'=>'laohu.jpg', 'detail'=>'我就看看。。。不说话', 'cate_id'=>3 ], ] ] ]; ?>
点击 "运行实例" 按钮查看在线实例
总结：利用数组来填充页面类容，将头部，页脚等公共部分分割成独立的php文件，要使用时利用include或require等函数引入即可。然后利用foreach来遍历数组，利用字符串拼接，将所需要的类容单独输出出来。
