一、技术选型
- 后端:springboot + mybatis-plus + thymeleaf2
- 数据库:mysql
- 前端UI:semantic
二、项目构建
1、maven依赖
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.2.4.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.it</groupId>
<artifactId>blog</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>blog</name>
<description>Demo project for Spring Boot</description>
<properties>
<java.version>1.8</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-jdbc</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-boot-starter</artifactId>
<version>3.4.1</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>druid-spring-boot-starter</artifactId>
<version>1.1.17</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-aop</artifactId>
</dependency>
<!--StringUtils-->
<dependency>
<groupId>commons-lang</groupId>
<artifactId>commons-lang</artifactId>
<version>2.6</version>
</dependency>
<dependency>
<groupId>com.atlassian.commonmark</groupId>
<artifactId>commonmark</artifactId>
<version>0.10.0</version>
</dependency>
<dependency>
<groupId>com.atlassian.commonmark</groupId>
<artifactId>commonmark-ext-heading-anchor</artifactId>
<version>0.10.0</version>
</dependency>
<dependency>
<groupId>com.atlassian.commonmark</groupId>
<artifactId>commonmark-ext-gfm-tables</artifactId>
<version>0.10.0</version>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<configuration>
<excludes>
<exclude>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
</exclude>
</excludes>
</configuration>
</plugin>
</plugins>
</build>
</project>
2、项目配置application.yml
spring:
thymeleaf:
mode: HTML
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
username: root
url: jdbc:mysql://localhost:3306/my_blog?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=UTC
password: 12345
mvc:
static-path-pattern: /static/**
messages:
basename: i18n/messages
# 开启日志
logging:
level:
com.it.blog: debug
# mybatis-plus配置
mybatis-plus:
type-aliases-package: com.it.blog.entity
global-config:
db-config:
id-type: auto
configuration:
lazy-loading-enabled: true
aggressive-lazy-loading: false
server:
port: 80
说明:项目开启了全局懒加载,以便减少数据库压力
3、项目结构
说明:
(1)、utils包存放一些常用的工具类
(2)、resources下的i18n目录存放用于国际化的文件
三、数据库设计
项目共设计了六张表,每张表的字段有相应的注释,博客类型和标签均是选自菜鸟教程
1、t_user表用于保存用户数据
2、t_blog表用于保存博客数据
3、t_type表用于保存博客类型
4、t_tag表用于保存博客标签
5、t_blogs_tags表用于保存博客和标签的归属关系
6、t_comment表用于保存评论数据
说明:
在多对多数据关系中,要建立一张中间表用于查询数据,在t_blog表中增加了tag_ids字段,是一个id列表所组成的字符串如:2,4,6,然后查询一对多的数据就可以直接访问这个字段,不必再去浏览中间表,减少了数据库的压力。虽然加了这个字段,但也保存了中间表,方便后续统计
四、具体实现举例
mybatis-plus单表动态sql
private Map<String, Object> getBlogMap(BlogEntity blogEntity) {
Map<String, Object> map = new HashMap<>();
map.put("type_id", blogEntity.getTypeId());
map.put("recommend", blogEntity.getRecommend());
return map;
}
private Wrapper<BlogEntity> getBlogWrapper(BlogEntity blogEntity) {
QueryWrapper<BlogEntity> queryWrapper = new QueryWrapper<>();
queryWrapper.like(blogEntity.getTitle() != null && !"".equals(blogEntity.getTitle()), "title", blogEntity.getTitle());
queryWrapper.allEq(this.getBlogMap(blogEntity), false);
return queryWrapper;
}
说明:
(1)、allEq(Map<R, V> params, boolean null2IsNull)
params : key为数据库字段名,value为字段值
null2IsNull : 为true则在map的value为null时调用 isNull 方法,为false时则忽略value为null的
(2)、like(boolean condition, R column, Object val)
condition为条件,只有满足条件才查询
五、最终效果
1、首页
2、分类页
3、标签页
4、归档页
5、后台博客管理页
6、后台分类管理页
7、后台标签管理页