总体架构来源于某站个人博客系统的教程,我们经过半个月的学习和进一步开发,得到了2.0版本。
(以下为本项目小组相关人员撰文)
综述
我们实现了一个简单的个人博客系统,技术栈为后端Java+SpringMVC+JSP+MySQL,前端LayUI+ElementUI。在整个系统的设计中应用MySQL数据库来完成数据存储,具体根据博客系统的现状来进行开发的,具体根据现实的需求来实现博客系统网络化的管理,各类信息有序地进行存储。
进入博客系统页面之后,方可开始操作主控界面,主要功能包括:首页、我的博客、博客类别管理、写博客等。在主页中更有查看最新博客、发表评论留言、按日志类别、发布日期查看等等功能。此外,管理员和游客也有相应合适的功能,详情见“功能模块”。
2.功能模块划分与描述
用户分为三种:
【游客:】
1、浏览最新博客
2、文章检索
3、博主留言
4、文章评论
【普通用户:】
1、注册登录(防重名检测、邮箱正则检测、简单算式验证码等)
2、主页显示自己写的文章(按时间排序,同时可以按日志类别、发布年月份选择性查看)
3、文章检索
4、查看留言
5、查看自己博客并增改删(可以按照编号、点击量、发布日期正序或倒序查看)
6、博客类别管理(增改删)
7、写博客(富文本、插入图片等)
【管理员:】
查看所有文章并可删除特定文章
其他亮点功能:
查看当地天气预报(可更换城市)
用户登陆后“欢迎…”样式滚动字符
友情链接跳转
登录状态判断(如保持登录状态10小时后强制退出,保证个人信息安全)
过滤器(防止非登录状态下的非法访问,如阻止访问主页或特定文章页)
3.运行效果
(1)登录注册
登录——
![](https://img-blog.csdnimg.cn/img_convert/4ee935188e8978d147e1df96a9159509.png)
注册——
![](https://img-blog.csdnimg.cn/img_convert/2ae49cd06cda2cb0c60340aad872c4de.png)
(2)个人博客管理页
主页——
![](https://img-blog.csdnimg.cn/img_convert/75a9c25c2a1eb93f593cf12157abc407.png)
博文管理——
![](https://img-blog.csdnimg.cn/img_convert/4bba8c1baa5ef0d081ca65e95ec8eabc.png)
写博客——
![](https://img-blog.csdnimg.cn/img_convert/e934725f65369b2698583205907178e0.png)
(3)博客详情页
博文内容——
![](https://img-blog.csdnimg.cn/img_convert/2c068e5ca04fcd4acea05852ebffc3ba.png)
博文列表——
![](https://img-blog.csdnimg.cn/img_convert/28ce23e82a4eae719efb3b39159b3c03.png)
博客留言板——
![](https://img-blog.csdnimg.cn/img_convert/dcdd1745eaf5f3d8f3711e38dd670426.png)
BTW:更多功能无法一一展示,包括相关暂时无法解决的BUG等,小组将继续攻坚解决。
毕竟是初学者开发,项目本身还是比较简陋以及不成熟,故仅供初学者学习参考,相关源码将在后续公布获取方式。
更详细的演示视频请移步https://www.bilibili.com/video/BV1yb411o7xd