个人博客【留言功能】生命历程

水深无声 2023-07-02 15:23 97阅读 0赞

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

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

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

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

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

2、QQ互联登录垃圾

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]  
考虑留言是及时显示，还是做个验证的时候，女朋友说可以每个留言都以邮件的形式通知我。

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

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]

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

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

**问题解决：**

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 3]

## 3、支持MarkDown 语法 ##

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

2、这次我使用 showdown 来支持MarkDown。 [showdown的使用][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、看一下改版前和改版后 ##

**改版前**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 4]  
**改版后**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 5]

## 10、其它 ##

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

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

**可以关注我的个人微信公众号噢，一起努力成长。**  
![在这里插入图片描述][20200130195748447.jpg]

[https_www.xdx97.com_article_bamId_672122394537623552]: https://www.xdx97.com/article?bamId=672122394537623552
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200130195557694.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200130195606599.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200130195624183.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200130195635774.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy,size_16,color_FFFFFF,t_70
[showdown]: https://www.xdx97.com/article?bamId=672192777479520256
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200130195648122.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200130195655468.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy,size_16,color_FFFFFF,t_70
[20200130195748447.jpg]: https://img-blog.csdnimg.cn/20200130195748447.jpg