博客列表 >​详情页增加评论数组,并使用php动态输出_201909222225

​详情页增加评论数组,并使用php动态输出_201909222225

xingzhi的博客
xingzhi的博客原创
2019年09月22日 22:38:37972浏览

运行截图

微信截图_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>';

		}
	}
 ?>

运行实例 »

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


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议