基于springboot + Thymeleaf + vue开发的 个人博客，含前后端

  • 作者：ChenZhen

  • 本人不常看网站消息，有问题通过下面的方式联系：

    • 邮箱：1583296383@qq.com
    • vx: ChenZhen_7

  • 我的个人博客地址：https://www.chenzhen.space/🌐

  • 版权：本文为博主的原创文章，本文版权归作者所有，转载请附上原文出处链接及本声明。📝

  • 如果对你有帮助，请给一个小小的star⭐🙏

  • 文中源码地址：
    - github： https://github.com/chenzhen7/cz-blog
    - gitee：https://gitee.com/ChenZhen7/cz-blog

该博客是之前博客（https://www.chenzhen.space/blog/34）的一个2.0改造版本，对前端进行了全面的翻新！改用了bootstrap作为前端css框架，更加简约、美观，并且对项目的后台使用vue + axios进行了重构，框架进行重新选型，并且使用sa-token进行鉴权，博客的模板引擎还是使用thymeleaf（SEO优化友好）。

博客更新了很多实用的功能，并且后续会以能够开源的标准进行开发，代码全部开源，并且这次会作为稳定的版本持续的维护下去。

该博客作为一个刚学习springboot的java程序员而言是非常适合入门学习的一个项目，因为所用框架都是比较主流的开发框架，并且整个博客项目涵盖了前端、后端开发、域名购买、项目部署、CDN配置等等，知识全面，难度偏中等，当你完成后还可以得到属于自己的一个博客，非常推荐个人学习。

项目制作不易，如果对你有帮助，请给一个小小的star⭐支持一下

技术栈

前端

JS框架：JQuery + Vue
CSS框架：Bootstrap5
Markdown编辑器：editormd
代码高亮： prism
目录生成：Tocbot

后端

整体使用springboot + Thymeleaf + Mybatis进行开发

核心框架：SpringBoot 2.7.3
持久层框架：MybatisPlus
模板框架：Thymeleaf
分页插件：PageHelper
数据库：mysql8
工具包：Hutool
鉴权框架：Satoken
参数校验：hibernate-validator

功能模块

管理后台

  1. 登录：使用satoken提供的拦截器对管理员身份进行验证，拦截所有非管理员访问后台相关页面，管理员登录后拥有管理权限，能在后台管理页面对博客、标签和友链进行管理
  2. 博客管理：查询文章、写文章、编辑文章、删除文章、保存草稿。
  3. 标签管理：添加标签、删除标签、修改标签、查询标签。
  4. 友链管理：添加友链、删除友链、修改友链、审核友链。
  5. 系统参数管理：站点概览、站长名称、关于我内容的编辑。

博客主页

  1. 首页：博客列表、推荐文章、点击量、评论数、站长个人信息（QQ、微信、邮箱、地址）、网站总浏览量、较昨日浏览量增长量、博文总数、评论总数、留言总数
  2. 文章详情页：文章内容阅读、目录、评论区、相关推荐、悬浮条、博客赞赏、版权声明
  3. 搜索：按照关键词匹配文章列表
  4. 标签：可以查看所有标签、各个标签对应的文章
  5. 归档：可以按发布时间顺序查看每一篇文章
  6. 评论区：访客在留言板和每一篇文章底部可以发表评论，回复评论，并且会向回复对象、以及被回复时发送提醒邮件。点击评论者头像可以跳转到该评论者的博客。管理员评论有特殊标记，管理员可删除评论区的任意评论。
  7. 友链：查看友链、访问友链、申请友链
  8. 关于我：在这里查看栈主的个人信息
  9. 底部栏：网站的总运行时间、备案号

数据库设计

博文表 t_blog

CREATE TABLE `t_blog` (`id` bigint(20) NOT NULL AUTO_INCREMENT,`title` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '博客标题',`content` longtext CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci COMMENT '注释',`description` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL COMMENT '描述',`first_picture` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '博客首图',`commentabled` bit(1) NOT NULL COMMENT '是否开启评论',`appreciation` bit(1) NOT NULL COMMENT '是否开启赞赏',`published` bit(1) NOT NULL COMMENT '博客发布状态',`recommend` bit(1) NOT NULL COMMENT '是否推荐博客',`share_statement` bit(1) NOT NULL COMMENT '是否开启转载声明',`copyright` int(11) DEFAULT NULL COMMENT '版权',`views` int(11) DEFAULT '0' COMMENT '浏览数',`comment_count` int(11) DEFAULT '0' COMMENT '评论数',`update_time` datetime DEFAULT NULL COMMENT '更新时间',`create_time` datetime DEFAULT NULL COMMENT '创建时间',PRIMARY KEY (`id`),KEY `TITLE` (`title`)
)

用户表 t_user

CREATE TABLE `t_user` (`id` bigint(20) NOT NULL AUTO_INCREMENT,`username` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '用户名/账号',`password` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '密码',`nickname` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '昵称',`email` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '邮件',`avatar` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '头像',`create_time` datetime DEFAULT NULL COMMENT '创建时间',`update_time` datetime DEFAULT NULL COMMENT '更新时间',PRIMARY KEY (`id`)
)

标签表 t_tag

CREATE TABLE `t_tag` (`id` int(11) NOT NULL AUTO_INCREMENT,`name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '标签名',`create_time` datetime DEFAULT NULL,`update_time` datetime DEFAULT NULL,PRIMARY KEY (`id`)
)

标签文章关联表 t_blog_tag

CREATE TABLE `t_blog_tag` (`id` int(11) NOT NULL AUTO_INCREMENT,`blog_id` int(11) DEFAULT NULL,`tag_id` int(11) DEFAULT NULL,PRIMARY KEY (`id`)
)

评论表 t_comment

CREATE TABLE `t_comment` (`id` bigint(20) NOT NULL AUTO_INCREMENT,`root_comment_id` bigint(20) DEFAULT NULL COMMENT '根评论ID，为空代表未根评论',`parent_comment_id` bigint(20) DEFAULT NULL COMMENT '父评论ID',`blog_id` bigint(20) DEFAULT NULL COMMENT '博客ID',`nickname` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '昵称',`email` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '邮箱',`content` text CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci COMMENT '内容',`address` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '评论者的博客地址',`avatar` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '头像',`admin_comment` bit(1) NOT NULL COMMENT '是否为管理员评论',`update_time` datetime DEFAULT NULL COMMENT '更新时间',`create_time` datetime DEFAULT NULL COMMENT '创建时间',PRIMARY KEY (`id`)
)

留言表 t_message

CREATE TABLE `t_message` (`id` bigint(20) NOT NULL AUTO_INCREMENT,`nickname` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '昵称',`email` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '邮箱',`content` text CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci COMMENT '留言内容',`avatar` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '头像',`address` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '留言者博客地址',`root_message_id` bigint(20) DEFAULT NULL COMMENT '根留言ID',`parent_message_id` bigint(20) DEFAULT NULL COMMENT '父留言ID',`admin_message` bit(1) NOT NULL COMMENT '是否为管理员留言',`create_time` datetime DEFAULT NULL COMMENT '创建时间',`update_time` datetime DEFAULT NULL,PRIMARY KEY (`id`)
)

友链表 t_friend


CREATE TABLE `t_friend` (`id` bigint(20) NOT NULL AUTO_INCREMENT,`blog_address` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '博客地址',`blog_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '博客名称',`blog_description` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '博客描述',`picture_address` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '图片地址',`email` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '审核通知邮箱地址',`status` int(2) DEFAULT '0' COMMENT '审核状态【0.审核中 1.通过 -1.不通过】',`reason` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '审核失败理由',`create_time` datetime DEFAULT NULL COMMENT '创建时间',`update_time` datetime DEFAULT NULL COMMENT '更新时间',PRIMARY KEY (`id`)
)

系统配置表


CREATE TABLE `t_sys_config` (`id` int(11) NOT NULL AUTO_INCREMENT,`name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '参数名',`value` text CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci COMMENT '参数值',`description` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '描述',`create_time` datetime DEFAULT NULL,`update_time` datetime DEFAULT NULL,PRIMARY KEY (`id`)
)

项目展示

地址：https://www.chenzhen.space/

首页1

在这里插入图片描述

首页2

在这里插入图片描述

首页3

在这里插入图片描述

文章详情页1

文章内容和目录
在这里插入图片描述

文章详情页2

底部推荐文章
在这里插入图片描述

文章详情页3

文章评论区
在这里插入图片描述

赞赏

文章赞善码
在这里插入图片描述

搜索

关键词搜索
在这里插入图片描述

文章标签页

在这里插入图片描述

归档

根据时间顺序展示文章
在这里插入图片描述

留言板

游客可以评论，并留下自己的博客网站，其他游客点击头像可以跳转
在这里插入图片描述

友链

在这里插入图片描述

友链2

友链申请，后台审核后可以留下友链
在这里插入图片描述

关于我

在这里插入图片描述

后台登录界面

在这里插入图片描述

文章管理

在这里插入图片描述

编辑文章

主流markdown编辑器
在这里插入图片描述

标签管理

在这里插入图片描述

友链管理

友链管理、审核
在这里插入图片描述

系统参数管理

管理网站的系统参数（个人简介、栈主名称、QQ、微信。。。）
在这里插入图片描述

用户管理

在这里修改密码
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/255475.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【深度学习】实验7布置，图像超分辨

【深度学习】实验7布置，图像超分辨

清华大学驭风计划 因为篇幅原因实验答案分开上传， 实验答案链接http://t.csdnimg.cn/P1yJF 如果需要更详细的实验报告或者代码可以私聊博主 有任何疑问或者问题，也欢迎私信博主，大家可以相互讨论交流哟~~ 深度学习训练营 案例 7 &#xff1…
阅读更多...
Python爬虫——请求库安装

Python爬虫——请求库安装

目录 1.打开Anaconda Prompt 创建环境2.安装resuests3.验证是否安装成功4.安装Selenium5.安装ChromeDriver5.1获取chrom的版本5.1.1点击浏览器右上三个点5.1.2点击设置5.1.3下拉菜单，点击最后关于Chrome，获得其版本 5.2 打开网址 [chromedriver](https:/…
阅读更多...
vue3：25—其他API

vue3：25—其他API

目录 1、shallowRef和shallowReactive 2、readonly与shallowReadonly readonly shallowReadonly 3、toRaw和markRaw toRaw markRaw 4、customRef 1、shallowRef和shallowReactive shallowRef 1.作用:创建一个响应式数据，但只对顶层属性进行响应式处理。2…
阅读更多...
2024-02-07（Sqoop，Flume）

2024-02-07（Sqoop，Flume）

1.Sqoop的增量导入 实际工作中，数据的导入很多时候只需要导入增量的数据，并不需要将表中的数据每次都全部导入到hive或者hdfs中，因为这样会造成数据重复问题。 增量导入就是仅导入新添加到表中的行的技术。 sqoop支持两种模式的增量导入&a…
阅读更多...
基于javaEE的ssm仓库管理系统

基于javaEE的ssm仓库管理系统

仓库管理系统的重中之重是进销存分析这一板块，在这一板块中，顾名思义能够查询到近期的进货记录，包括每日的进货单据，单品推移(即某一商品的库存变化)，方便我们核对库存差异。同时也需要查询到每日的销售数据&#xff0…
阅读更多...
【开源】JAVA+Vue.js实现衣物搭配系统

【开源】JAVA+Vue.js实现衣物搭配系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、研究内容2.1 衣物档案模块2.2 衣物搭配模块2.3 衣物收藏模块 三、系统设计3.1 用例设计3.2 E-R图设计3.3 数据库设计3.3.1 衣物档案表3.3.2 衣物搭配表3.3.3 衣物收藏表 四、系统实现4.1 登录页4.2 衣物档案模块4.3 衣物搭配模块4.4…
阅读更多...
[HTTP协议]应用层的HTTP 协议介绍

[HTTP协议]应用层的HTTP 协议介绍

目录 1.前言 2.使用fiddler抓包来观察HTTP协议格式 3.HTTP协议的基本格式 2.1请求 2,1.1首行 2.1.2请求头 2.1.3空行 2.2响应 2.2.1首行 2.2.2响应头 键值对 ​编辑2.2.3空行 2.2.4载荷(响应正文) 3.认识URL 3.1关于URL encode 1.前言 我们在前面的博客中,简单的…
阅读更多...
如何实现视线(目光)的检测与实时跟踪

如何实现视线(目光)的检测与实时跟踪

如何实现视线(目光)的检测与实时跟踪 核心步骤展示说明 找到人脸 检测人脸特征点 根据特征点找到人眼区域 高精度梯度算法检测瞳孔中心 根据眼睛周边特征点计算眼睛中心 瞳孔中心和眼睛中心基于视线模型计算视线方向 视线方向可视化 详细实现与说明： https://stud…
阅读更多...
QT Linux下无法使用CTRL+ALT+P快捷键，不生效

QT Linux下无法使用CTRL+ALT+P快捷键，不生效

文章目录 一、背景二、排查（1）检查创建，发现没问题。（2）查看 shortcutMap 是否注册（3）排查xcb有没有获取到该事件（4）排查是否是系统的问题（5）www.…
阅读更多...
YUM | 包安装 | 管理

YUM | 包安装 | 管理

YUM 功能 软件包安装&#xff1a; 通过yum命令安装软件包。例如&#xff0c;安装一个名为 example-package 的软件包 yum install example-package更新包 检查更新&#xff1a; 检查可用更新&#xff1a; sudo yum check-update <package_name>软件包更新&#xff1a; y…
阅读更多...
【MySQL】数据库的基础——数据库的介绍、MySQL的介绍和架构、SQL分类、MySQL的基本使用、MySQL的存储引擎

【MySQL】数据库的基础——数据库的介绍、MySQL的介绍和架构、SQL分类、MySQL的基本使用、MySQL的存储引擎

文章目录 MySQL1. 数据库的介绍1.2 主流数据库 2. MySQL的介绍2.1 MySQL架构2.2 SQL分类2.3 MySQL的基本使用2.4 MySQL存储引擎 MySQL 1. 数据库的介绍 数据库&#xff08;Database&#xff0c;简称DB&#xff09;是按照数据结构来组织、存储和管理数据的仓库。它是长期存储在计…
阅读更多...
vue+vite项目，动态导入静态资源的几种方式

vue+vite项目，动态导入静态资源的几种方式

博主的桌面工具软件已经正式开发&#xff0c;获取方式&#xff1a; 可以关注我的小程序【中二少年工具箱】获取。&#xff08;若小程序更新有延迟&#xff0c;可先收藏小程序&#xff09; 通过下载链接 百度网盘: 链接&#xff1a;https://pan.baidu.com/s/15zDnSoEzJGSZLjpD…
阅读更多...
Swift Combine 发布者publisher的生命周期 从入门到精通四

Swift Combine 发布者publisher的生命周期 从入门到精通四

Combine 系列 Swift Combine 从入门到精通一Swift Combine 发布者订阅者操作者 从入门到精通二Swift Combine 管道 从入门到精通三 1. 发布者和订阅者的生命周期 订阅者和发布者以明确定义的顺序进行通信&#xff0c;因此使得它们具有从开始到结束的生命周期&#xff1a; …
阅读更多...
python+flask+django医院预约挂号病历分时段管理系统snsj0

python+flask+django医院预约挂号病历分时段管理系统snsj0

技术栈 后端&#xff1a;python 前端&#xff1a;vue.jselementui 框架&#xff1a;django/flask Python版本&#xff1a;python3.7 数据库&#xff1a;mysql5.7 数据库工具&#xff1a;Navicat 开发软件&#xff1a;PyCharm . 第一&#xff0c;研究分析python技术&#xff0c…
阅读更多...
NLP_神经概率语言模型(NPLM)

NLP_神经概率语言模型(NPLM)

文章目录 NPLM的起源NPLM的实现1.构建实验语料库2.生成NPLM训练数据3.定义NPLM4.实例化NPLM5.训练NPLM6.用NPLM预测新词 NPLM小结 NPLM的起源 在NPLM之前&#xff0c;传统的语言模型主要依赖于最基本的N-Gram技术&#xff0c;通过统计词汇的共现频率来计算词汇组合的概率。然而…
阅读更多...
C#使用哈希表对XML文件进行查询

C#使用哈希表对XML文件进行查询

目录 一、使用的方法 1.Hashtable哈希表 2.Hashtable哈希表的Add方法 &#xff08;1&#xff09;定义 &#xff08;2&#xff09;示例 3.XML文件的使用 二、实例 1.源码 2.生成效果 可以通过使用哈希表可以对XML文件进行查询。 一、使用的方法 1.Hashtable哈希表…
阅读更多...
Go指针探秘：深入理解内存与安全性

Go指针探秘：深入理解内存与安全性

目录 1. 指针的基础1.1 什么是指针&#xff1f;1.2 内存地址与值的地址1.2.1 内存中的数据存储1.2.2 如何理解值的地址 2. Go中的指针操作2.1 指针类型和值2.1.1 基本数据类型的指针2.1.2 复合数据类型的指针 2.2 如何获取一个指针值2.3 指针&#xff08;地址&#xff09;解引用…
阅读更多...
14.0 Zookeeper环球锁实现原理

14.0 Zookeeper环球锁实现原理

全局锁是控制全局系统之间同步访问共享资源的一种方式。 下面介绍zookeeper如何实现全民锁&#xff0c;讲解他锁和共享锁两类全民锁。 排他锁 排他锁&#xff08;Exclusive Locks&#xff09;&#xff0c;又被称为写锁或独占锁&#xff0c;如果事务T1对数据对象O1加上排他锁…
阅读更多...
MongoDB部署策略

MongoDB部署策略

内 容 简 介 本文介绍了MongoDB数据库的优点的数据存储模式的安装部署过程。 利用MongoDB在存储海量数据上的优势&#xff0c;部署存储空间大数据。 欢迎批评指正补充 由于编者水平有限&#xff0c;所搜集资料也很有限&#xff0c;制定的规范肯定有考虑不周全、甚至完全错误…
阅读更多...
【RT-DETR有效改进】利用SENetV2重构化网络结构 (ILSVRC冠军得主，全网独家首发)

【RT-DETR有效改进】利用SENetV2重构化网络结构 (ILSVRC冠军得主，全网独家首发)

👑欢迎大家订阅本专栏，一起学习RT-DETR👑 一、本文介绍 本文给大家带来的改进机制是SENetV2，其是2023.11月的最新机制(所以大家想要发论文的可以在上面下点功夫)，其是一种通过调整卷积网络中的通道关系来提升性能的网络结构。SENet并不是一个独立的网络模型，而…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023