10分钟上手dbblog:从零开始构建你的第一篇技术博客
dbblog是一个基于SpringBoot2.x+Vue2.x+ElementUI+Elasticsearch等技术栈的多模块前后端分离博客项目,通过它你可以快速搭建属于自己的技术博客平台。本文将带你在10分钟内完成从环境准备到发布第一篇博客的全过程。## 📋 准备工作:环境与工具开始前请确保你的电脑已安装以下环境:- JDK 8+- MySQL 5.7+- Redis 5.0+
10分钟上手dbblog:从零开始构建你的第一篇技术博客
dbblog是一个基于SpringBoot2.x+Vue2.x+ElementUI+Elasticsearch等技术栈的多模块前后端分离博客项目,通过它你可以快速搭建属于自己的技术博客平台。本文将带你在10分钟内完成从环境准备到发布第一篇博客的全过程。
📋 准备工作:环境与工具
开始前请确保你的电脑已安装以下环境:
- JDK 8+
- MySQL 5.7+
- Redis 5.0+
- Maven 3.6+
- Node.js 12+
快速获取项目代码
git clone https://gitcode.com/gh_mirrors/db/dbblog
cd dbblog
🚀 后端部署:3分钟配置与启动
1. 数据库配置
- 新建MySQL数据库:
CREATE DATABASE dbblog CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
- 导入数据库脚本:
# 脚本位于项目的db目录下
mysql -u root -p dbblog < dbblog-backend/db/dbblog.sql
数据库脚本包含了完整的表结构和初始数据,包括用户表(dbblog_sys_user.sql)、文章表(dbblog_article.sql)等核心表结构。
2. 修改配置文件
编辑配置文件 dbblog-backend/dbblog-core/src/main/resources/application-dev.yml,修改数据库连接信息:
spring:
datasource:
druid:
url: jdbc:mysql://localhost:3306/dbblog?useUnicode=true&characterEncoding=UTF-8
username: 你的数据库用户名
password: 你的数据库密码
3. 启动后端服务
cd dbblog-backend
mvn clean package -Dmaven.test.skip=true
java -jar dbblog-search/target/dbblog-search-0.0.1-SNAPSHOT.jar
服务默认会在8080端口启动,项目访问路径为:http://localhost:8080/dbblog
💻 前端部署:2分钟启动管理后台
1. 安装依赖
# 进入管理前端目录
cd dbblog-manage-frontend
npm install
2. 启动开发环境
npm run dev
管理后台默认会在8081端口启动,访问:http://localhost:8081
✍️ 发布你的第一篇博客
1. 登录管理后台
- 默认管理员账号:admin
- 默认密码:123456
2. 创建文章分类
- 进入【运营管理】→【分类管理】
- 点击"新增分类",填写分类名称和排序
- 保存分类信息
3. 发布文章
- 进入【内容管理】→【文章管理】
- 点击"写文章",填写标题、内容、选择分类
- 设置标签(可在【运营管理】→【标签管理】预先创建)
- 点击"发布"按钮完成发布
🔍 访问你的博客
前端博客系统启动:
cd dbblog-frontend
npm install
npm run dev
访问 http://localhost:8082 即可看到你的博客网站和刚发布的文章。
🎯 核心功能模块介绍
dbblog采用多模块架构设计,主要包含以下核心模块:
- dbblog-core:核心功能模块,包含通用工具类和配置
- dbblog-auth:认证授权模块,基于Shiro实现身份验证
- dbblog-manage:后台管理模块,提供内容和系统管理功能
- dbblog-portal:前台展示模块,面向用户的博客页面
- dbblog-search:搜索模块,基于Elasticsearch实现文章搜索
通过这些模块的组合,dbblog提供了完整的博客系统功能,包括文章管理、分类标签、用户权限、搜索等功能。
📝 总结
通过本文的步骤,你已经成功搭建并运行了dbblog博客系统,并发布了第一篇文章。这个基于SpringBoot和Vue的前后端分离项目不仅适合个人博客使用,也可以作为学习企业级JavaWeb开发的优秀案例。
接下来你可以尝试自定义主题样式、扩展功能模块或优化性能,打造属于你自己的个性化博客平台!
更多推荐

所有评论(0)