文章优先发布在个人博客,后续修改可能忘记同步到CSDN,给你带来不便抱歉
个人博客本篇文章地址:https://www.xdx97.com/article?bamId=672122394537623552

每次做完一个功能,后面回想起来,好像没啥呢?不都是CURD嘛?我做了?我好像啥也没做呢
这次重构这个留言板,想记录一下它的生命历程。

1、该做一个怎样的 留言板

其实很早就打算把留言板重做了理由如下:

1、登录是一个很重的操作不适合个人博客这样的留言

2、QQ互联登录垃圾

自己也思索了很久,最后打算做成下面这种的

2020年1月29日终于下定决心去重写,但是发现了一种更好的模式。


考虑留言是及时显示,还是做个验证的时候,女朋友说可以每个留言都以邮件的形式通知我。

这个想法简直完美。1、给用户很好的体验问题,2、还可以让我第一时间查看留言的内容,防止垃圾内容。

然后通过一下午的时间,把页面模板写好了,如下:

2、怎么解决用户疯狂点击【发布】按钮

问题描述:
    上面说了,为了用户体验,留言实时显示,不做验证,但是可能有人恶意留言,疯狂点击发布。可能把服务器给玩崩溃了,也会带来很多垃圾的留言。

问题解决:

使用定时器,每次留言成功后,过60s之后才能继续留言。

3、支持MarkDown 语法

1、支持MarkDown语法是我必须要的一个功能,基本上用过MarkDown就再也回不去了

2、这次我使用 showdown 来支持MarkDown。 showdown的使用

3、思路:使用showdown把用户输入的markdown转化成Html

4、解决用户头像问题

1、其实个人博客这东西和用户没有很强的粘性,所有做用户上传图像这个功能简直是鬼扯。

2、这里我建个表,里面存一些头像的地址,然后每次随机选取一个就好了。图片存在 路过图床 上面,这样还节省了空间。

3、本来还以为要一个个去选择头像,后来想想 icon 里面全是啊,哈哈,然后直接下载了20来个,很方便。

5、恢复数据、代码修改

1、之前的数据需要手动恢复

2、这次重构的字段和之前的也不相同,所以代码也需要调整

其实这部分的工作,只是体力活,但是很烦,这种修改的东西是程序员最讨厌做的

6、在留言的时候怎么确定留言者是作者

1、因为我自己留言和别人留言是不同的,要让用户看到那些是作者的回复

2、但是因为去除了登录,所以前台留言全都不知道是谁,但是如果每次去后台修改数据库这太蛋疼了。

3、解决办法:我在昵称输入一个特殊的字符,用来判断是作者

7、后台更新

1、之前后台需要对评论进行审核,现在也不需要了。

2、还有一些字段啊,页面的细微调整

8、整理代码,删掉废弃代码

1、开始做新的评论的时候,旧的代码并没有删掉。怕还有用,实际上也是有用的,有些东西还是可以抄袭一下的。

2、考虑了半天,感觉不可能再回去使用之前的那种评论系统,就把之前的评论的代码删掉,免得冗余了。

9、看一下改版前和改版后

改版前


改版后

10、其它

其实很多东西我们的考虑和实际情况是不同的,就比如这个个人博客:

  • 用户头像是否要存储呢?
  • 是否需要对每条留言进行过滤呢?
  • 是否需要对每条留言的状态进行邮件或短信的通知呢?
  • 是否需要登录去确定用户呢?(如果你考虑这个,你到时候又会考虑,是基于QQ、还是微信?还是自己写个注册系统?)
  • 需求真的是要切合实际情况去考虑,个人博客用户的粘性很低,基本上就是一个过客。难道别人去“piaochang”,你还要验证一下人家的身份证嘛?
  • 结合实际再去考虑这个需求要轻松很多。
  • 这次的评论系统只写了一天,之前那个写了一个多星期呢,还写得那么垃圾。

可以关注我的个人微信公众号噢,一起努力成长。

个人博客【留言功能】生命历程相关推荐

  1. wordpress博客留言自动填写

    想起去年朋友,让我帮他写一个wordpress的自动留言程序.大概思路这样的,首先在百度搜索关键字Powered by WordPress,然后打开搜索结果,自动填写内容,提交. 功能也不复杂,就是为 ...

  2. 详细介绍如何自研一款博客搬家功能

    前言 现在的技术博客(社区)越来越多,比如:imooc.spring4All.csdn.cnblogs或者iteye等,有很多朋友可能在这些网站上都发表过博文,当有一天我们想自己搞一个博客网站时就会发 ...

  3. Lucene5.5.4入门以及基于Lucene实现博客搜索功能

    前言 一直以来个人博客的搜索功能很蹩脚,只是自己简单用数据库的like %keyword%来实现的,所以导致经常搜不到想要找的内容,而且高亮显示.摘要截取等也不好实现,所以决定采用Lucene改写博客 ...

  4. CSDN提供的博客搬家功能体验[持续跟踪]

    因为各种原因,我们可能在不同的的地方写下博客,如何轻松实现"一文多载",往往很难. CSDN算是早期写博客的地方了,之后也尝试过其他博客工具,尝试过那么多之后,发现还CSDN总体还 ...

  5. 博客新功能上线,可导出PDF……【2021.12.14】

    hello,大家好,这里是「CSDN产品周报」第21期.本次更新主要涉及首页榜单.博客.问答,具体细节请往下看. 一.CSDN榜单优化 1.排行榜导航栏从右侧移动到左侧 2.新增「原力月榜」,选取全站 ...

  6. 基于Lucene实现博客搜索功能

    前言: 最近毕设开会无意间听到小陈同学使用lucene整一个全文索引,出于好奇了解了一下发现其是结合相关分词器可以对一大段文字建立索引,然后可以实现搜索功能,本来博客一直差着一个搜索博客功能(不想通过 ...

  7. csdn插件新增“博客净化”功能,去掉广告,砍掉边栏……打造沉浸式阅读体验,你值得拥有!

    csdn插件新增"博客净化"功能,去掉广告,砍掉边栏--打造沉浸式阅读体验,你值得拥有! CSDN浏览器助手新版本 9 月强势上线! 插件官网链接下载地址 https://t.cs ...

  8. [Blog] CSDN站点VIP/博客专家功能设置 - 自定义模块/推广

    简介 CSDN官方在开通VIP功能或者博客专家时候,可以使用自定义模块进行外链推广自己的作品, 入口是CSDN右上角的博客模块 --> 创作权益 --> 自定义模块, 下面就来记录一下怎么 ...

  9. hexo 博客小功能添加-评论、相册、字数统计...

    前言 前段时间 个人博客全新上线(阿里域名+GitPages+hexo+Yelee) 搭建的博客 我的博客,基础的功能已经实现了,想着既然有了自己的博客就要好好的维护(折腾)一下,于是便参考着别人的博 ...

  10. hexo 博客小功能添加-评论、萌妹纸、相册、字数统计...

    前言 前段时间 个人博客全新上线(阿里域名+GitPages+hexo+Yelee) 搭建的博客 我的博客,基础的功能已经实现了,想着既然有了自己的博客就要好好的维护(折腾)一下,于是便参考着别人的博 ...

最新文章

  1. Revit结构2021专业人士的选择:从入门到专业
  2. 「AI初识境」深度学习模型中的Normalization,你懂了多少?
  3. java中String对象作为参数传递问题
  4. C++重载IO操作符
  5. android开发自定义选择器,创建自定义android选择器
  6. 【树莓派】:配置+SSH+VNC,实现深度学习目标检测
  7. 如何防范电改下分布式光伏的风险
  8. [转] Difference between Abstract classes and Interfaces
  9. inner join ,left join ,right join 以及java时间转换
  10. 在layui layer 弹出层中加载 layui table
  11. go-channel
  12. 谁有《线性系统理论习题与解答》郑大钟
  13. 邮箱大师手机版服务器异常,网易邮箱大师-高效强大的全平台邮箱客户端
  14. Tensorflow 中 learning rate decay 的奇技淫巧
  15. MySQL基础与navicat使用
  16. VS2008 中无法使用ACTIVEX控件的解决
  17. Tableau Desktop连接MongoDB
  18. 蓝桥杯2017年第八届真题-对局匹配
  19. Modelsim使用方法
  20. 电气防火限流式保护器在火灾预防中的应用

热门文章

  1. 淘宝CDN大规模并发优化学习和点评
  2. 计算机学院运动会搞笑解说词,趣味运动会搞笑解说词
  3. 图片从服务器在网页显示,Flash让服务器中图片在网页中显示的操作方法
  4. C# 笔记(怕电脑抽疯,存起来)
  5. Statefulset处理节点失效原理
  6. 8.13无限火力服务器维护到什么时候,2019LOL无限火力11月29日几点开 无限火力持续时间一览...
  7. python实现云服务器上12306自动化抢票功能
  8. 【超级表格创业谱】苏元:创业是一场豪赌,赌注是整个青春。
  9. 你的任务正常人每分钟心跳次数,一般为60~100次/分钟,若超出该范围则需要特别关注任务
  10. 【03】通过你的CPU主频,我们来谈谈“性能”究竟是什么?