运行截图
1、前端
在原基础上增加评论板块,使用flex布局;
实例
<div class="message"> <img src="" alt=""> <div class="msg"> <time></time> <p></p> </div> </div> <style> .message{ display: flex; flex-flow: row wrap; margin: 10px; } .message img{ width:60px; height:60px; border-radius: 50%; margin-right: 20px } .message .msg{ flex: 1; } </style>
运行实例 »
点击 "运行实例" 按钮查看在线实例
2、创建文章评论数组,使用 mov_id 键值与文章相关联
注:根据评论所涉及的内容创建相应的键值对,比如这里用到用户头像、评论时间、评论内容
实例
//评论数组 $messages = [ [ 'mov_id' => 1, 'user' => 'user_1.jpg', 'time' => '2019/09/12', 'msg' => '但凡有良心的人都会有所触动 说起电影,它是一种优秀的影视载体,很多网友和粉丝都很喜欢看电影' ], [ 'mov_id' => 2, 'user' => 'user_2.jpg', 'time' => '2019/09/12', 'msg' => '影人和休闲类群组,实时更新的电影微评,更多国内电影人及影评人的日志' ], [ 'mov_id' => 3, 'user' => 'user_3.jpg', 'time' => '2019/09/12', 'msg' => '不易接近,新电影又拿不准看个啥能轻松娱乐赏心悦目又不失逼格' ], [ 'mov_id' => 1, 'user' => 'user_3.jpg', 'time' => '2019/09/12', 'msg' => '从影片一开场,小市骑着单车在山路上轻快的骑行,长镜头在后面一路追随' ] ];
运行实例 »
点击 "运行实例" 按钮查看在线实例
3、使用GET方式获取内容页url中mov_id的值,并转换为整型,通过判断评论数组种mov_id与文章数组中mov_id值是否相同,输出对应文章的评论
实例
<?php $mov_id = intval($_GET['mov_id']);//函数转换 echo '<h4>文章留言</h4>'; foreach ($messages as $msg) { if ($msg['mov_id'] === $mov_id) { echo '<div class="message">'; echo '<img src="static/images/'.$msg['user'].'" alt="">'; echo '<div class="msg">'.'<time>'.$msg['time'].'</time>'; echo '<p>'.$msg['msg'].'</p>'.'</div>'; echo '</div>'; } } ?>
运行实例 »
点击 "运行实例" 按钮查看在线实例