# blog

**Repository Path**: qnmdgnmd/blog

## Basic Information

- **Project Name**: blog
- **Description**: SpringBoot整合Thymeleaf搭建一个简单的个人博客系统，包含前台展示和后台管理
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-09-11
- **Last Updated**: 2024-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# blog

### 介绍
使用SpringBoot整合thymeleaf的简单个人博客系统，包含前台展示和后台管理

> 此项目主要功能是SpringBoot整合Thymeleaf的使用，模块功能不是很完善。想开发的欢迎加入。

### 架构

- JDK 1.8
- SpringBoot v2.2.0.RELEASE
- Mybatis.spring.boot v1.3.0
- Lombok v1.16.18
- Druid v1.0.28
- Pagehelper v1.2.5
- Thymeleaf
- Bootstrap v4.2.1
- Mysql 5.7
- Maven

### 安装教程

1. 克隆代码：git clone https://gitee.com/typ1805/blog.git

2. 执行SQL脚本：src/main/sql/blog.sql

3. 启动项目,访问：http://localhost:8081   用户密码：admin/admin

### 关于Thymeleaf

##### 一、官网部分翻译：

- Thymeleaf是用来开发Web和独立环境项目的服务器端的Java模版引擎

- Spring官方支持的服务的渲染模板中，并不包含jsp。而是Thymeleaf和Freemarker等，而Thymeleaf与SpringMVC的视图技术，及SpringBoot的自动化配置集成非常完美，几乎没有任何成本，你只用关注Thymeleaf的语法即可。

##### 二、Thymeleaf的特点
1. 动静结合：Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

2. 开箱即用：它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

3. 多方言支持：Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

4. 与SpringBoot完美整合，SpringBoot提供了Thymeleaf的默认配置，并且为Thymeleaf设置了视图解析器，我们可以像以前操作jsp一样来操作Thymeleaf。代码几乎没有任何区别，就是在模板语法上有区别。

### 关于MdEditor

官网：https://pandao.github.io/editor.md/

1.Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面，Markdown文件的后缀名便是“.md”

2.MdEditor扩展了Markdown的功能（如表格、脚注、内嵌HTML等等），以使让Markdown转换成更多的格式，和更丰富的展示效果，这些功能原初的Markdown尚不具备。

3.MdEditor源于Pandao的JavaScript开源项目，开源地址Editor.md，并在MIT开源协议的许可范围内进行了优化，以适应广大用户群体的需求。


### 项目展示

1.前台主页

![主页](https://images.gitee.com/uploads/images/2020/0412/140221_08666b8a_1739235.png "前台主页")

2.查看博文

![查看文章详情](https://images.gitee.com/uploads/images/2020/0412/140550_957a7e49_1739235.png "文章详情")

3.联系我
![联系我页面](https://images.gitee.com/uploads/images/2020/0412/140346_9d06c1e2_1739235.png "留言")

4.登录

![后台登录页面](https://images.gitee.com/uploads/images/2020/0412/140637_87b27d26_1739235.png "登录")

5.后台管理页面

![文章管理列表](https://images.gitee.com/uploads/images/2020/0412/140837_dac06943_1739235.png "文章列表")

![菜单折叠、列表分页](https://images.gitee.com/uploads/images/2020/0412/140939_6a1ed08e_1739235.png "菜单折叠")

![二级菜单](https://images.gitee.com/uploads/images/2020/0412/141112_fa401230_1739235.png "多级菜单")

![使用 Markdown编辑器 MdEditor](https://images.gitee.com/uploads/images/2020/0412/141453_c3b2cbd7_1739235.png "Markdown编辑器")

![MdEditor上传图片](https://images.gitee.com/uploads/images/2020/0412/141912_6d6f1932_1739235.png "MdEditor上传图片")


> 由于现在正在使用vue开发此功能的项目，本项目不再更新。

### 欢迎关注公众号

![个人公众号](https://images.gitee.com/uploads/images/2020/0419/152211_dcca3f53_1739235.jpeg "个人公众号")