/blog

这是一个个人博客系统

Primary LanguageJavaScript

一、博客介绍:

**项目名称:**是叶十三-个人博客系统

项目描述:

用于个人博客书写的一个简约型博客网站【yerenping.cn】,主要用于博主分享学习经验,书写 技术文章,笔记以及日常生活的记录。

涉及技术:

前端: Semantic-UI框架
后端: JDK1.8+SpringBoot+ Spring Data JPA +MySQL5.7

1、整个项目前端采用 Semantic-UI,后端基于 SpringBoot,分为:前台展示(首页、分类、标签、 归档、站长信息、搜索详情页、博客详情页)、后台管理(登录、欢迎页、博客管理、新增/编辑博客、 分类管理、分类编辑/新增、标签管理)

2、密码加密采用 MD5 进行加密,使得项目安全性有所提高。

3、博客编辑页面采用 Markdown 放行进行书写,集成了 Markdown 编辑器插件。期间使用 MarkdownUtil 工具将 Markdown 转化成 HTML 格式。

4、使用 CommentUtil 工具类以及 Semantic-UI 中自带的留言组件实现评论功能,让评论显示为层级

5、采用 SpringData JAP 连接数据库,简化 SQL 编写方式。

项目收获: 整个项目部署和测试阶段的调试 通过该项目的开发,让我对项目开发的整体流程有了一个全面的了解,加深了我对前后

端的技术栈的 掌握,以及使我能够独立部署项目,Linux 服务器相关操作更佳熟练。对自己的代码有了更佳严格的要求、 有了不同的

代码和业务**,巩固了后端技术栈的知识,对代程序编写有更加深刻的认识!

个人博客系统分析导图

个人博客系统分析 (1)

(注:图片若无法显示,需要在有网络的环境下进行观看,或者观看pdf版)

在线脑图https://urlify.cn/qm6BRv

二、视频分析

image-20201105130019677

(注:图片若无法显示,需要在有网络的环境下进行观看,或者观看pdf版)

方式1:

https://www.bilibili.com/video/BV1wE411e7r9(复制到浏览器地址栏打开)

方式2:

点击跳转

三、博客演示地址

前台页面(http://yerenping.cn)

单击跳转

image-20201105130306452

(注:图片若无法显示,需要在有网络的环境下进行观看,或者观看pdf版)

后台页面(http://yerenping.cn/admin)

点击跳转

image-20201105130405752

(注:图片若无法显示,需要在有网络的环境下进行观看,或者观看pdf版)

四、GitHub

地址:https://github.com/yerenping/blog

image-20201105131441330

(注:图片若无法显示,需要在有网络的环境下进行观看,或者观看pdf版)