10分钟上手dbblog:从零开始构建你的第一篇技术博客

【免费下载链接】dbblog 基于SpringBoot2.x+Vue2.x+ElementUI+Iview+Elasticsearch+RabbitMQ+Redis+Shiro的多模块前后端分离的博客项目 【免费下载链接】dbblog 项目地址: https://gitcode.com/gh_mirrors/db/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. 数据库配置

  1. 新建MySQL数据库:
CREATE DATABASE dbblog CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
  1. 导入数据库脚本:
# 脚本位于项目的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. 创建文章分类

  1. 进入【运营管理】→【分类管理】
  2. 点击"新增分类",填写分类名称和排序
  3. 保存分类信息

3. 发布文章

  1. 进入【内容管理】→【文章管理】
  2. 点击"写文章",填写标题、内容、选择分类
  3. 设置标签(可在【运营管理】→【标签管理】预先创建)
  4. 点击"发布"按钮完成发布

🔍 访问你的博客

前端博客系统启动:

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开发的优秀案例。

接下来你可以尝试自定义主题样式、扩展功能模块或优化性能,打造属于你自己的个性化博客平台!

【免费下载链接】dbblog 基于SpringBoot2.x+Vue2.x+ElementUI+Iview+Elasticsearch+RabbitMQ+Redis+Shiro的多模块前后端分离的博客项目 【免费下载链接】dbblog 项目地址: https://gitcode.com/gh_mirrors/db/dbblog

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐