影视详情页面，增加评论展示功能2019//9/23 - 第8期前端开发

首先新建一个文件就叫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 — 获取变量的整数值

运行效果图

QQ截图20190923021157.jpg

本次小项目中，给我最大的感受就是听懂了.动手犯尴尬***.为什么会犯尴尬***呢.对于样式的把握的确非常欠缺.

至于留言评论功能完全也是比葫芦画瓢。所以有些惭愧.

全部评论