![[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
首先新建一个文件就叫tu.php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<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>
<title>文章留言</title>
</head>
<body>
</div>
</body>
</html>然后在herder.php添加数组在原有的基础下
$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' => '亲,这电影如果打十分我怕你骄傲。所以你只有一分' ] ];
然后我们找到详情页detail.php在原有的基础上添加数据
其实就是照抄list的格式
include __DIR__ . '/tu.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>';
// <div class="message">
// <img src="" alt="">
// <div class="msg">
// <time></time>
// <p></p>
// </div>
}
}intval — 获取变量的整数值
运行效果图
本次小项目中，给我最大的感受就是听懂了.动手犯尴尬***.为什么会犯尴尬***呢.对于样式的把握的确非常欠缺.
至于留言评论功能完全也是比葫芦画瓢。所以有些惭愧.
