Blogger Information
Blog 27
fans 0
comment 0
visits 43704
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
​详情页增加评论数组,并使用php动态输出_201909222225
xingzhi的博客
Original
975 people have browsed it

运行截图

微信截图_20190922223733.png

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>';

		}
	}
 ?>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Correction status:qualified

Teacher's comments:完成的不错,继续加油
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post