
永远相信美好的事情即将发生
前言
欸,朋友们好啊,我是国家一级写Bug运动员Am0xil。
掐指一算,从最开始有搭建自己的博客系统这个想法开始,差不多也一年了。想了一年,拖了一年,啥也没干。这两天一寻思,不行啊,马上就2021年了,这再拖下去云服务器都快过期了。不能再这样下去了,是时候做出点什么了。
于是决定从今天开始 Zero Blog 系统的搭建,不要为什么要给自己的系统起这么个名字,可乐人(零度可乐),可乐魂。系统初步决定采用 Spring Boot 框架,暂时不做前后端分离,技术栈这边的话再根据后期开发的情况适当添加,加油,打工人。

准备工作
JDK:1.8
Maven:3.5.4
GIT:2.20.1
MySQL:8.0.22
以上是本地开发环境中一些软件的版本,这里建议大家不用使用最新版的,特别是 Maven 和 GIT ,总觉得在使用过程中最新版的老是有奇奇怪怪的Bug,别问我为什么知道

开始挖坑
首页预览

这是搭建好之后首页的一个效果,前端页面以及静态文件来自于 JQuery插件库 提供的一套开源免费模板,对 CSS,JS 以及部分 HTML 进行了本地修改,喜欢的同学也可以自行研究
接下来我们就要一步一步开始搭建
Spring Boot搭建
- 首先打开我们的 IDEA ,创建一个Maven项目,这里我使用的是2019的版本

- 选择 Spring Initializr,这是 Spring官方提供的一款能够快速初始化Spring Boot项目的工具,然后点击右下角的 Next

- 这里需要稍微等一会(主要取决你网速的快慢),然后我们如图所示填入项目的信息,然后点击右下角的 Next

- 这里我们可以提前勾选上后面会用到的一些组件,当然不勾选也行,后期我们可以自行在 pom.xml 中手动添加。这里我们还需要注意一下有些组件的名称在 Spring Boot各个版本的名称可能不是完全一致的,这里建议大家和我的版本(2.4.1)保持一致

- 然后我们选择项目的本地存储路径,点击 Finish ,如果有弹窗说选择的路径不存在,点击 OK 创建即可

- 如图所示,是我们成功创建后项目的一个项目基础架构,到这我们就完成了一个简单的 Spring Boot 项目的搭建

环境配置
1. Maven配置
这里我们主要是对setting.xml中本地仓库路径以及中央仓库的地址进行配置,建议使用阿里云中央仓库,这方面的教程网上的教程也很多,我们就不过多的讲解
修改好setting.xml文件后,我们需要在 IDEA 中进行修改,首先使用 Ctrl+Alt+S 快捷键进入设置选项,然后如图所示,依次选择

然后点击右下角的 Import ,稍等片刻(还是取决于你的网速),我们便完成了 Maven 的配置

2. Application.yml配置
首先我们先将 Application.properties 文件通过rename操作修改为 Application.yml ,其实两种格式都是可是使用的,但我总觉得 yml 的层级显示会更加明显一些

然后在 Application.yml 中添加相关配置信息,这里就简单以 Server 和 MySQL 为例
# 服务器端口配置
server:
port: 8088
# 数据库连接
spring:
datasource:
url: jdbc:mysql://127.0.0.1:3306/blog?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTC # 注意修改为本地的数据库名称
driver-class-name: com.mysql.cj.jdbc.Driver # 如果MySQL版本比较老,请使用 com.mysql.jdbc.Driver
username: root
password: 本地安装MySQL时设置的密码
静态文件添加
现在我们需要将我们的JS,HTML等静态文件进行导入,导入后的效果如图(需要相关静态文件的可以在我的 GitHub仓库 中下载,也可以到 JQuery插件库 自行下载修改)

测试
首先我们启动一下本地项目的 Tomcat

若出现以下结果,则证明 Tomcat 启动成功,否则就需要根据报错信息进行修改

然后我们打开浏览器,输入 http://localhost:8088/,回车



随着页面的一顿加载,项目变得索然无味

总结
搭建的过程其实还是挺简单的,也没啥好讲的,有几个小坑注意一下就好了
- 一定不要用最新版的Maven,一定不要用最新版的Maven,一定不要用最新版的Maven
- HTML中引用 JS 以及 CSS 文件时一定要注意路径问题,多用用 Chrome 的 F12
- 一定不要用最新版的Maven,一定不要用最新版的Maven,一定不要用最新版的Maven(重要的事情说6遍)
本文记录了使用SpringBoot框架从零开始搭建个人博客系统ZeroBlog的过程,包括环境配置、静态文件引入及测试等内容。
447

被折叠的 条评论
为什么被折叠?



