使用SpringBoot整合thymeleaf的简单个人博客系统

柔光的暖阳◎ 2023-07-24 14:38 11阅读 0赞

## 一、项目介绍 ##

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

项目地址：[https://gitee.com/typ1805/blog][https_gitee.com_typ1805_blog]

### 二、架构 ###

*  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/blogweb.git][https_gitee.com_typ1805_blogweb.git]
2.  执行SQL脚本：src/main/sql/blog.sql
3.  启动项目,访问：[http://localhost:8081][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/][https_pandao.github.io_editor.md]

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

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

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

### 六、项目展示 ###

![ä¸»é¡µ][format_png]

![æ¥çæç« è¯¦æ][format_png 1]

![åå°ç»å½é¡µé¢][format_png 2]

![æç« ç®¡çåè¡¨][format_png 3]

![èåæå ãåè¡¨åé¡µ][format_png 4]![èåæå ãåè¡¨åé¡µ][format_png 4]

![ä½¿ç¨ Markdownç¼è¾å¨ MdEditor][Markdown_ MdEditor]

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

**欢迎关注**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R5cDE4MDU_size_16_color_FFFFFF_t_70][]

[https_gitee.com_typ1805_blog]: https://gitee.com/typ1805/blog
[https_gitee.com_typ1805_blogweb.git]: https://gitee.com/typ1805/blogweb.git
[http_localhost_8081]: http://localhost:8081/
[https_pandao.github.io_editor.md]: https://pandao.github.io/editor.md/
[format_png]: /images/20230528/1ac535cd2d464fb18447f4bb1ffcf499.png
[format_png 1]: /images/20230528/7bfa06d8653e4ea99246659709ab5a2a.png
[format_png 2]: /images/20230528/ea43e015328640a8ad96e48e6d77e23f.png
[format_png 3]: /images/20230528/43ee8d0b6af44121975bee38c232681b.png
[format_png 4]: /images/20230528/4eacc1b637c548c2ad3cc8d81f7bfaeb.png
[Markdown_ MdEditor]: /images/20230528/e436fc1e776d4faca579ba6af3f88a25.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R5cDE4MDU_size_16_color_FFFFFF_t_70]: /images/20230528/3428b0a3e3f54cbe8d28fd982e1f31b7.png