基于SpringBoot + Vue的个人博客

博客介绍

基于Springboot + Vue3 开发的前后端分离博客

在线地址

项目链接:

后台链接:

Github 地址:

Gitee 地址:

接口文档: https://www.ttkwsd.top/api/doc.html

本地运行

  1. SQL 文件位于根目录下的blog.sql,将其中的数据导入到自己本地数据库中
  2. ES 映射文件位于deploy文件夹下
  3. 修改后端配置文件中的数据库等连接信息,项目中使用到的关于阿里云、腾讯云功能和第三方授权登录等需要自行开通
  4. 一定要将前端shoka-admin和shoka-blog的 utils 下的 token.ts 中的{ domain: domain }给删除,然后再npm install、npm run dev
  5. 项目启动后,使用管理员账号登录后台,密码为123456

项目特点

技术介绍

前端: Vue3 + Pinia + Vue Router + TypeScript + Axios + Element Plus + Naive UI + Echarts + Swiper

后端: SpringBoot + Mysql + Redis + Quartz + Thymeleaf + Nginx + Docker + Sa-Token + Swagger2 + MyBatisPlus + ElasticSearch + RabbitMQ + Canal

运行环境

服务器: 腾讯云 2 核 4G CentOS7.6

对象存储: 阿里云 OSS、腾讯云 COS

最低配置: 2 核 2G 服务器(关闭 ElasticSearch)

开发环境

开发工具 说明 IDEA Java 开发工具 IDE VSCode Vue 开发工具 IDE Navicat MySQL 远程连接工具 Redis Desktop Manager Redis 远程连接工具 Xshell Linux 远程连接工具 Xftp Linux 文件上传工具
开发环境 版本 OpenJDK 11 MySQL 8.0.27 Redis 6.2.6 Elasticsearch 7.17.3 RabbitMQ 3.9.11

后续计划

    整合 EasyExcel 导出 Excel 第三方登录使用 JustAuth 博客文章导入导出 移动端文章目录 图片瀑布流布局 B 站追番页 B 站图床 聊天室

项目总结

整个项目花费了大量的心血,开发过程中参考了很多优秀的开源项目,在这里感谢大家的开源项目,收获了很多,希望我的项目能给你带来收获。

鸣谢项目:

经验分享 程序员 微信小程序 职场和发展