拾壹博客前后端分离的博客系统

联合创作 · 2023-10-02 13:34

一款vue+springboot前后端分离的博客系统,博客后台管理系统使用了vue+elmentui开发,后端使用Sa-Token进行权限管理,支持动态菜单权限,动态定时任务,文件支持本地和七牛云上传,使用ElasticSearch作为全文检索服务,支持QQ、微博、码云登录。

在线地址

项目链接: 拾壹博客

后台链接: 拾壹博客后台管理系统

账号:test 密码:123456

Gitee地址: https ://gitee.com/quequnlong/shiyi-blog

您的star是我坚持的动力,感谢大家的支持,欢迎提交pr共同改进项目。

目录结构

前端项目blog-web为前台,blog-admin为后台。

后端项目位于blog下。

SQL文件位于根目录下的shiyi-blog.sql

可直接导入该项目于本地,修改后端配置文件中的数据库等连接信息,项目中使用到的关于七牛云功能和第三方授权登录等需要自行开通。

当你克隆项目到本地后可使用账号:admin,密码:123456 进行登录

本地访问接口文档地址:http://127.0.0.1:8800/shiyi/doc.html

ps:请先运行后端项目,再启动前端项目,前端项目配置由后端动态加载。

blog
├── annotation    --  自定义注解
├── aspect        --  aop模块
├── config        --  配置模块
├── common        --  常量模块
├── controller    --  控制器模块
├── entity        --  实体类模块
├── dto           --  dto模块
├── enums         --  枚举模块
├── exception     --  自定义异常模块
├── mapper        --  框架核心模块
├── service       --  服务模块
├── strategy      --  策略模块(用于扩展第三方登录,搜索模式,上传文件模式等策略)
├── utils         --  工具类模块
├── quartz        --  定时功能模块
├── webmagic      --  文章爬虫模块
└── vo            --  vo模块

项目特点

  • 后台参考"vue-element-template"设计,侧边栏,历史标签,面包屑自动生成。
  • 采用Markdown编辑器,写法简单。
  • 评论支持表情输入回复等
  • 添加音乐播放器,支持在线搜索歌曲。
  • 前后端分离部署,适应当前潮流。
  • 接入第三方登录,减少注册成本。
  • 留言采用弹幕墙,更加炫酷。
  • 支持代码高亮和复制,图片预览,深色模式等功能,提升用户体验。
  • 搜索文章支持高亮分词,响应速度快。
  • 新增文章目录、推荐文章等功能,优化用户体验。
  • 新增aop注解实现日志管理
  • 支持动态权限修改,采用RBAC模型,前端菜单和后台权限实时更新。
  • 后台管理支持修改背景图片,博客配置等信息,操作简单,支持上传相册。
  • 代码支持多种搜索模式(Elasticsearch或MYSQL),可支持配置。
  • 代码支持多种文件上传模式(七牛云oss或本地上传),可支持配置。
  • 代码遵循阿里巴巴开发规范,利于开发者学习。
  • 使用websocket技术实现博客在线阅读人数。

技术介绍

前端: vue + vuex + vue-router + axios + vuetify + element + echarts

后端: SpringBoot + nginx + docker + sa-token + Swagger2 + MyBatisPlus + Mysql + Redis + elasticsearch

其他: 接入QQ、微博、码云第三方登录,接入七牛云对象存储

运行环境

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

对象存储: 七牛云OSS

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

开发环境

开发工具 说明
IDEA Java开发工具IDE
VSCode Vue开发工具IDE
Navicat MySQL远程连接工具
Another Redis Desktop Manager Redis远程连接工具
finalshell Linux远程连接和文件上传工具
开发环境 版本
JDK 1.8
MySQL 5.5.0
Redis 6.0.5
Elasticsearch 7.9.2
浏览 14
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报