推荐资讯

最后更新

相关文章

    无相关信息
您当前的位置:首页 > 在线留言
个人网站评论留言区制作
时间:2019-01-08 07:24:58  来源:本站  作者:

  同一个评论区里,parent为0表示为评论,parent为某值时表示为哪个评论的回复,思路不复杂。

  我们根据自己的需要定下功能,首先我的网站并没有实现消息提醒,即时通讯的功能,所以评论回复并不会提示站长或者用户,只会对留言区产生效果,所以我们只要简单实现以下功能:

  实例化的时候我们需要传入的参数可能有:评论区的id、获取评论的php地址,提交评论的php地址。

  变量先不说,像我都是先写功能函数,然后需要添加属性变量再回头来添加,我们只需要看到构造函数最后执行了:

  这个没什么好讲的,很简单,这时我们的评论组件应该在页面显示了,只是现在没有加载评论列表,也不能评论,下面先讲加载评论列表

  首先是初始化列表,清空,显示加载gif图,隐藏没有评论的提醒字样,做好准备就发起ajax请求。

  如果加载成功,那么我们得到的是一堆的数据,我们现在是在success回调函数里,数据需要整理,才能显示,因为现在所有的评论回复都属于同一层。

  我的思路就是:this.lists放的都是评论(parent为0的留言),通过遍历获取的数据,如果parent为0,就push进this.lists;否则parent不为0表示这是个回复,就找到对应的评论,把该回复push进那条评论的response中。

  但是还有个问题,就是因为id是不断增长的,可能中间有些评论被删除了,所以id和index并不一定匹配,所以借助this.keys保存id和index的对应关系。

  遍历一遍就能将所有的数据整理好,并且全部存在了this.lists中,接下来剩下的事情就是将数据变成html放进页面就好了。

  这是刚才ajax,success回调函数的一部分,这是在整理完数据后,如果数据为空,那么就显示“暂时没有评论”。

  这个函数的参数为page,就是页数,我们根据页数,截取this.lists的数据,然后遍历生成html。

  上面截图来自我的个人网站,当我们点击回复时,我们希望能有地方写回复,可以提交,可以取消,由于这几个元素都是后来添加的,所以我们将行为都托管到评论列表这个元素。

  参数有3个:_btn, _text, _parent 之所以要有这三个参数是因为评论或者回复这样才能使用同一个函数,从而不用分开写。

  点击后就是常见的防止多次提交,检查一下cookie中有没有username、email等用户信息,没有就使用游客身份,然后处理一下内容,去去掉空白啊,\n换成 br 等等,检验过后发起ajax请求。

  留言板  摘要:   本课程设计的对象是一个留言板。本留言板有两个方向,五大模块,七大功能。五大模块:显示留言,删除留言,添加留言,版主登陆,用户登陆留言。七大功能:显示留言,删除留言,添加留言,...来自:g8gerrard的专栏

  友情提示:关于Web Storage本地存储功能的详细介绍,详见链接:,这里不再赘述...来自:lixiuxiu2017的博客

  每逢期末,各科专业课的课程设计相信会让许多和我一样的大学生磨破脑袋,本着与人为善,授人予鱼的思想,我决定。。。。。。好吧,你懂的,废话不多说,上菜!                       留言板...来自:18年3月萌新白帽子

  多说公共JS代码,每个网页只需要插入一次,但必须要插入0.插入公共代码每个页面插一次就可以,可以放在页面尾部,或者js代码里面 var duoshuoQuery = {short_name:liu...来自:言曌

  1. 用户注册和登陆,用户信息修改,用户权限管理。 2. 文章的发布、删除和修改。 3. 对文章的回复及对回复的回复等。 4. 添加好友和好友管理。 5. 个人主页自定义和保存功能。

  一、进入博客未登陆 1.首页显示最新5篇日志 2.我的日志 (所有日志)可分页 查看日志 对日志进行评论 3.留言板 (给我留言) 4.日志分类 按日志分类查询日志 5.搜索日志 可按标题和内容搜索,

  个人博客已经实现了文章的书写和显示功能,为了方便作者与阅读者的交流,我们要实现文章的评论功能。第一步:存储评论内容的数据库表的设计:对于数据库表结构的设计,我们要包含一下内容: 主键:id,自增,用来...来自:yums467的专栏

  学习Java Web有一段时间了,借此机会和大家分享一个小东西——在线留言系统,虽然low,小喷即可,大喷伤心,还是希望大家的指正和意见,话不多说,直接上:第一步:①.写一个注册页面,这一个页面主要是...来自:只说一次

  JavaScript是在静态页面下在网页上添加一些功能使其成为动态网页。 类似qq空间,可以对每条动态进行评论,点赞,回复等功能。 这里主要记录一下几个功能的实现。1、删除一条动态在每条动态的...来自:Gcalolin的博客

  实现背景 应用的使用流畅度,是衡量用户体验的重要标准之一。Android 由于机型配置和系统的不同,项目复杂App场景丰富,代码多人参与迭代历史较久,代码可能会存在很多UI线程耗时的操作,实际测...来自:chenrunhua的专栏

  本篇结合存储保存数据简要介绍数据保存、读取、清除的一个小demo。 简单的留言板 简单的评论/留言板     js: funct...来自:winson的专栏

  前言在这一篇博文中,咱们介绍了如何快速的搭建个人的博客网站,但是这个博客网站是基于Github Pages的纯静态网站,自身是不带任何的可交互的元素的,自然也就没有评论系统。但是,对于一个好的博客网站...来自:Walkerhau的博客

  前言 今天没什么想说的,直接上正文吧。。。。。。。。 正文 在前几天学习的基础上,自己重新把功能实现一遍,并把自己的总结都写在代码的注释里面。。。 上次忘了的sql+PHP的查询总结 ...来自:0verWatch的博客

  关于助力砍价及微信公众号评论刷点赞及精选文章留言评论区点赞刷赞方法,越来越多的人在平常生活中使用微信,以微信为载体的许多功能就被开发和使用了起来,比如——微信投票。于是乎,微信上兴起了各种投票,从小学...来自:c的博客

  原理:在网页中提交的内容是把表单里面的值提取出来,然后显示到下面的指定div中...来自:青鸟IT汇的博客

  、注册获取通用代码 2、播放js代码 在畅言的后台 还有统计功能,挺好使...来自:A9925的专栏

  搜索,CSDN还是有非常多的编程资源的,用它的搜索能搜出不少东西。代码类别也比较全面。简单实用的代码收集网...来自:zzzkiti的专栏

  前言 个人博客加入评论功能,方便交流与沟通,通常我们借助第三方评论系统,如: 畅言 网易云跟帖 多说 友言 来必力 Gitment 以上是评论系统,由于各种原因,如备案、收费、翻墙等原因...来自:PGzxc的专栏

  达人科技 2017-01-20 19:09 我开发的博客网站的地址:有了我的已成型的项目和代码,可以更容易理解这篇文章。 ...来自:u011277123的博客

  1、效果如下,盖楼形式,第一条是评论,下面是对评论的回复 2、数据库设计 remark表存储对博客的评论 外键:blog_id reply表存储对remark的回复 外键:remark_id3、...来自:Molly

  本文所有模板都在下方百度云链接,自取。多多交流1、先来一个好看的登录接界面2、环型图片轮播3、下拉菜单展示4、侧边栏5、阅读进度条ps:还有好几个九一一......来自:的博客

  实现跟qq空间和朋友圈一样的评论,回复功能,一个textView中的文字,部分字体颜色不同,而且部分具备点击效果...来自:的博客

  个人网站评论留言区制作victoryxa:楼主,链接可以在分享一下吗?我现在需要学习这个,万分感谢!

来顶一下
近回首页
返回首页