博客效果网址 ：YipSouL的个人博客

一.个人博客功能思维导图

二.技术栈

• 前端 ： JQuery + Semantic UI 框架
• 后端 ： SpringBoot + SpringDataJpa + MySQL + Redis + Thymeleaf

三.开发工具与环境

• Maven 3以上
• JDK8
• IDEA
• Redis
• MySQL

四.功能简介

前台功能

• 博客编辑器 ：开源Markdown编辑器 Editor.md
• 中文网页的排版 ： typo.css
• 博客内容代码块语法高亮显示 ：Prism.js
• 博客目录生成 ：tocbot.js
• 博客二维码生成 ：qrcode.js
• 页面动画效果 ：animate.css
• 页面滚动检测 ： waypoint.js
• 页面平滑滚动 ： jquery.scrollTo
• PC端页面地板娘动画人物 ：github地址

以上就是前端网页展示功能，对于我这种前端大捞比来说有这么多好用的第三方插件真是太好了，哈哈，在此还得感谢一波我们大前端工程师郑某阳的技术大力支持。

后台功能

• 博客管理 ：增删改查
• 标签管理 ：增删改查
• 分类管理 ：增删改查
• 博客后台管理 ：使用拦截器进行登录拦截
• 日志记录 ：使用AOP与自定义注解进行对用户每次访问浏览数据的记录
• 异常处理 ：使用springmvc的自定义异常处理，可在源码里的枚举自定义异常
• 表单重复提交 ：用户评论时提交表单可能因为各种网络因素导致重复提交，使用redis与自定义注解，对指定的提交表单接口在指定时间内不可重复提交
• 防脚本网站访问攻击：简单的使用redis记录每个用户的请求次数，在指定时间内超过该次数则抛出异常

以上就是后台功能的全部内容，十分简单，就不再多概述了，源码有注释，也比较语义化。

五.博客项目导入IDEA本地运行使用

1. 导入项目

1. 到GitHub上下载项目 个人博客下载

2. 解压然后导入IDEA工具

3. 选择好解压的文件夹，Maven导入，一直next就完事了。

2.数据库连接配置

1. 在本地MySQL创建数据库
2. 在代码里修改数据库与Redis配置

3.直接启动项目，会自动生成数据库表。

1. 对tb_user表插入一条管理员数据

INSERT INTO `tb_user` VALUES ('2', 'https://unsplash.it/id/628/100/100', '2019-07-02 10:00:36', 'root@qq.com', 'root', '63a9f0ea7bb98050796b649e85481845', '1', '2019-07-02 10:00:52', 'root');

2. 项目启动成功后直接访问localhost为博客展示首页，localhost/admin为博客后台管理页面，用户名 ： root,密码 ： root。