Blogger Information
Blog 34
fans 0
comment 0
visits 22866
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
第3-5章 php基础-2019年09月20日20时00分
Tommy-黄天浩的博客
Original
1100 people have browsed it

我们在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进行判断,未生效,继续研究下。

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
1 comments
王红伟 2019-09-22 14:58:27
你是怎么做到的, 学的怎么快...
1 floor
Author's latest blog post