博客列表 >第3-5章 php基础-2019年09月20日20时00分

第3-5章 php基础-2019年09月20日20时00分

Tommy-黄天浩的博客
Tommy-黄天浩的博客原创
2019年09月21日 19:00:461099浏览

我们在header.php头部文件里面新增评论区的数据,当然以后是存在数据库里面的。

实例

	//评论区数据
	$pinglun =[
	 [
		'mov_id'=>1,
		'userid'=>1,
		'img_id'=>1,
		'username'=>'木木啊',
		'time'=>'2019-07-03',
		'content'=>'新版《倚天》远超预期,服化道考究,新老演员演技在线,特效吊打一众玄幻剧,画面清晰有质感。从片花和特辑中,作为内地第一位赵敏,陈钰琪所饰演的赵敏,完美诠释了什么叫灿若***,顾盼生花,演技出色,值得期待。总之一句话,此剧值得追。',
		'zan'=>10,
	],
	[
		'mov_id'=>1,
		'userid'=>2,
		'img_id'=>2,
		'username'=>'舒舒',
		'time'=>'2019-07-16',
		'content'=>'开头十分钟,我一直以为我调了0.5倍速看电视剧。。',
		'zan'=>0,
	],
	[
		'mov_id'=>1,
		'userid'=>3,
		'img_id'=>3,
		'username'=>'mverge',
		'time'=>'2019-08-16',
		'content'=>'看剧照女主挺***的,片头居然还是周华健的《刀剑如梦》突然就好怀念老版啊,也怀念那时候看电视的时光',
		'zan'=>7,
	],
	[
		'mov_id'=>2,
		'userid'=>1,
		'img_id'=>1,
		'username'=>'白楼小生',
		'time'=>'2019-08-06',
		'content'=>'正午最近的剧都相当靠谱啊,聚焦现实主义题材,开篇重男轻女的情节也过于真实了吧!戏骨阵容rio硬核,明玉在苏母葬礼离开时候那一场车里的哭戏真的nb,看似吵架一句不饶人,但是独自一个人的时候撑起的坚强一下子就崩溃了。姚晨还是厉害啊。',
		'zan'=>27,
	],
	];

运行实例 »

mov_id是对应哪一部电影,userid是用户的id,img_id是用户的头像名称(以数字命名的),使用的时候直接加后缀.jpg,这里统一图片格式必需为jpg格式,username是用户的用户名,time用于记录用户评论的时间,content是评论的内容,zan是点赞数,因为没有学js只做静态展示。

QQ截图20190921184551.png

在static/images目录下新建一个user目录用于存放用户的头像。

接下来在style.css文件里面新增样式。

实例

/* 评论区CSS */

.pinglun {
    width: 100%;
    display: inline-block;
}

.pinglun .pl-list {
    margin-top: 20px;
}

.pinglun .pl-list>a:nth-of-type(1) {
    float: left;
}

.pinglun .pl-list ul li:first-of-type a {
    text-decoration: none;
    margin-right: 10px;
    color: green;
}

.pinglun .pl-list ul li:last-of-type a {
    text-decoration: none;
    margin-left: 10px;
    font-size: 14px;
}

.pinglun .pl-list img {
    width: 32px;
    height: 32px;
}

.pinglun .pl-list ul {
    margin: 0;
}

.pinglun .pl-list li {
    list-style: none;
}

.pinglun .pl-list li span {
    font-size: 14px;
}

.pinglun .text {
    width: 400px;
    height: 80px;
}

运行实例 »

在detail.php文件里面新增代码如下:

实例

<!-- 评论区 -->
<div class="pinglun">
	<h2>网友评论</h2><span>文明上网理性发言,请遵守 新闻评论服务协议</span><br>
	<textarea class="text"></textarea><br>
	<input type="button" value="提交"></input>
		<?php
			foreach ($pinglun as $pl) {
					if($pl['mov_id'] === $mov_id){
						echo '<div class="pl-list">';
						echo '<a href=""><img src="static/images/user/'.$pl['img_id'].'.jpg" alt=""></a>';
						echo '<ul>';
						echo '<li><a href="">'.$pl['username'].'</a><span>'.$pl['time'].'</span></li>';
						echo '<li><p>'.$pl['content'].'</p></li>';
						echo '<li><span>赞+'.$pl['zan'].'</span><a href="">回复</a></li>';
						echo '</ul>';
						echo '</div>';
					}
			}
		?>

</div>

运行实例 »

运行后效果如图所示:

QQ截图20190921185547.png

QQ截图20190921185627.png

QQ截图20190921185718.png

总结:

还可以改进的点是可以判断下是否存在GET过来的$mov_id在数组里面存不存在,如果不存在输出暂无评论,如果存在执行代码输出评论,还在研究这个问题,百度了是可以使用in_array进行判断,未生效,继续研究下。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议
王红伟2019-09-22 14:58:271楼
你是怎么做到的, 学的怎么快...