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

2024-04-16 15:48

本文主要是介绍个人博客【留言功能】生命历程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章优先发布在个人博客,后续修改可能忘记同步到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”,你还要验证一下人家的身份证嘛?
  • 结合实际再去考虑这个需求要轻松很多。
  • 这次的评论系统只写了一天,之前那个写了一个多星期呢,还写得那么垃圾。



可以关注我的个人微信公众号噢,一起努力成长。
在这里插入图片描述

这篇关于个人博客【留言功能】生命历程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/909220

相关文章

SpringBoot整合DeepSeek实现AI对话功能

《SpringBoot整合DeepSeek实现AI对话功能》本文介绍了如何在SpringBoot项目中整合DeepSeekAPI和本地私有化部署DeepSeekR1模型,通过SpringAI框架简化了... 目录Spring AI版本依赖整合DeepSeek API key整合本地化部署的DeepSeek

Python实现多路视频多窗口播放功能

《Python实现多路视频多窗口播放功能》这篇文章主要为大家详细介绍了Python实现多路视频多窗口播放功能的相关知识,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下... 目录一、python实现多路视频播放功能二、代码实现三、打包代码实现总结一、python实现多路视频播放功能服务端开

css实现图片旋转功能

《css实现图片旋转功能》:本文主要介绍了四种CSS变换效果:图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例,详细内容请阅读本文,希望能对你有所帮助... 一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transfo

C语言小项目实战之通讯录功能

《C语言小项目实战之通讯录功能》:本文主要介绍如何设计和实现一个简单的通讯录管理系统,包括联系人信息的存储、增加、删除、查找、修改和排序等功能,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录功能介绍:添加联系人模块显示联系人模块删除联系人模块查找联系人模块修改联系人模块排序联系人模块源代码如下

Java中使用Java Mail实现邮件服务功能示例

《Java中使用JavaMail实现邮件服务功能示例》:本文主要介绍Java中使用JavaMail实现邮件服务功能的相关资料,文章还提供了一个发送邮件的示例代码,包括创建参数类、邮件类和执行结... 目录前言一、历史背景二编程、pom依赖三、API说明(一)Session (会话)(二)Message编程客

Java CompletableFuture如何实现超时功能

《JavaCompletableFuture如何实现超时功能》:本文主要介绍实现超时功能的基本思路以及CompletableFuture(之后简称CF)是如何通过代码实现超时功能的,需要的... 目录基本思路CompletableFuture 的实现1. 基本实现流程2. 静态条件分析3. 内存泄露 bug

C#实现系统信息监控与获取功能

《C#实现系统信息监控与获取功能》在C#开发的众多应用场景中,获取系统信息以及监控用户操作有着广泛的用途,比如在系统性能优化工具中,需要实时读取CPU、GPU资源信息,本文将详细介绍如何使用C#来实现... 目录前言一、C# 监控键盘1. 原理与实现思路2. 代码实现二、读取 CPU、GPU 资源信息1.

Java中Springboot集成Kafka实现消息发送和接收功能

《Java中Springboot集成Kafka实现消息发送和接收功能》Kafka是一个高吞吐量的分布式发布-订阅消息系统,主要用于处理大规模数据流,它由生产者、消费者、主题、分区和代理等组件构成,Ka... 目录一、Kafka 简介二、Kafka 功能三、POM依赖四、配置文件五、生产者六、消费者一、Kaf

Go语言实现将中文转化为拼音功能

《Go语言实现将中文转化为拼音功能》这篇文章主要为大家详细介绍了Go语言中如何实现将中文转化为拼音功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 有这么一个需求:新用户入职 创建一系列账号比较麻烦,打算通过接口传入姓名进行初始化。想把姓名转化成拼音。因为有些账号即需要中文也需要英

基于WinForm+Halcon实现图像缩放与交互功能

《基于WinForm+Halcon实现图像缩放与交互功能》本文主要讲述在WinForm中结合Halcon实现图像缩放、平移及实时显示灰度值等交互功能,包括初始化窗口的不同方式,以及通过特定事件添加相应... 目录前言初始化窗口添加图像缩放功能添加图像平移功能添加实时显示灰度值功能示例代码总结最后前言本文将