课前导读：

你学完一篇，你就多会一项技能，多多少少对你还是有点帮助的不是吗？~~~

这是博主网页的url：优文共享社区

开发环境：JDK1.8，IDEA2021，MySQL5.7，Windows11

开发技术：html+css+JavaScript+ajax

MySQL+SpringBoot+Spring MVC+MyBatis+Redis+Spring AOP

有需要源码的可以联系博主。

---

目录

课前导读：

一、登陆页面/注册页面

二、个人文章主页

三、文章展示页

四、文章编写页

五、文章草稿页

六、个人密码修改页面

七、附加功能

总结：

---

一、登陆页面/注册页面

简介：本页面实现登陆功能

通过hutools的工具包实现验证码的自动生成，本页面支持没有登陆的用户实现游客访问功能， 也可直接跳转注册页面！

简介：本页面实现注册功能

首先需要对用户名和密码以及确认密码进行输入，然后进行注册提交，也实现已注册后的登陆页面直接跳转！ 

---

二、个人文章主页 

简介：本页面主要展示个人所写文章和一些个人设置

右上角实现导航栏的跳转，通过注销可消除登陆的session，左侧个人资料区显示个人上传的头像和文章数，下方有个人编辑草稿页的上传、个人密码的重新设置和个人头像的上传功能，右侧文章列表展示区，展示部分文章内容，可通过查看全文跳转，也可进行文章的修改和删除。

---

三、文章展示页

简介：本页面实现所有作者文章的展示

上方导航栏支持多页面跳转，下方查看全文可进入文章详情页查看，文章下方支持分页功能进行页面元素的显示，通过上方url定位不同的页面。 

---

四、文章编写页

---

简介：本页面支持文章的编写

上方导航栏支持多页面跳转，下面编写标题处支持草稿保存和文章发布，下方正文部分支持markdown文本编辑文章，实现不同功能的显示。

---

五、文章草稿页

---

简介：本页面支持未写完的文章进行保存的页面

上方导航栏支持跳转，左侧个人信息，右侧实现草稿文章的续写和删除。 

---

六、个人密码修改页面

---

 简介：本页面实现密码的修改

上方导航栏实现跳转，下面设置框实现密码的修改。

---

七、附加功能

1、密码加盐算法

通过uuid+md5的方式，将用户前端注册的密码进行加盐加密保存到数据库，大大提高了密码的安全性，再返回的响应中也将密码进行了置空处理，提高安全性。

2、文章展示页分页功能

通过上方url的querystring进行页码的传输，实现分页展示功能，大大提高了可读性和页面的美观度，给读者更好地阅读体验。

3、拦截器实现

通过Spring AOP思想，使用spring内置的拦截器，进行个人主页和文章编写页的拦截，如果不登录就无法进入个人主页和文章编写页，提高了用户的隐私数据安全性。

4、Redis持久化存储

通过Redis数据库的连接，将用户登陆后的session持久化存储到Redis中，用户下次登陆时自动读取相应的key值，同一客户端多次登录不需要进行用户名密码的输入，大大提高了用户的使用体验。

---

总结：

所有成功的开始还得基于牢靠的基础，努力学习，坚持编码，编程伴随每一天！