Springboot vue java 博客框架系统 前后台分离 源码 源代码程序

PS：本店出售的源码均测试上架，请大家放心购买！希望源码可以给需要的亲们提供少量帮助和捷径。建议没有编码基础的勿拍，提供技术支撑是要收费的，而且不在正常上班时间提供技术支撑~（少年不努力，一生做IT）

简介

这是一个基于Springboot2.x，vue2.x的前后台分离的开源博客系统，提供 前台界面+管理界面+后端服务 的整套系统源码。响应式设计，手机、平板、PC，都有良好的视觉效果！

1. 你可以拿它作为前台Vue2.x学习的练手教程；
2. 你也可以把它作为springboot2.x技术的学习项目；
3. 你也可以拿它作为当下火热的ElasticSearch和RabbitMQ的学习Demo;
4. 你也可以将其视为一个前后台分离的项目实践；
5. 你还可以作为SpringCloud服务化思想的学习了解；
6. ...

使用技术

1. SpringBoot 2.x 后端基本框架
2. Vue 2.x 前台基本框架
3. ElementUI：后端管理页面UI库
4. IView：前台UI库
5. ElasticSearch 搜索层
6. RabbitMQ 消息队列
7. Shiro 鉴权层
8. Redis 缓存层
9. Swagger 文档
10. Mybaits-Plus 好用的mybatis框架
11. lombox getter setter插件
12. druid 数据库连接池
13. jasypt 加密
14. 七牛云 图床

模块分层

后台模块

dbblog

├── dbblog-auth   # 鉴权模块：shiro

│   ├── pom.xml

│   └── src

├── dbblog-core   # 核心模块：配置文件，Entity类，mapper类，工具类，异常过滤等

│   ├── pom.xml

│   └── src

├── dbblog-manage # 后端管理界面Service

│   ├── pom.xml

│   └── src

├── dbblog-portal # 前台界面Service

│   ├── pom.xml

│   └── src

├── dbblog-search # 搜索模块：elasticSearch

│   ├── pom.xml

└── └── src

后端依赖关系

dbblog-core -> dbblog-auth -> dbblog-manage -> dbblog-portal -> dbblog-search

1. 采用多模块的形式，便于后续SpringCloud微服务的改造更新

前台模块

后端管理页面

├── assets

├── components # 公共组件

├── element-ui

├── element-ui-theme # elementUI主题

├── icons   

├── router  # 路由

├── store   # vuex

├── utils   # js工具类

└── views   

    ├── common # 公共模块

    └── modules

        ├── article    # 文章模块

        ├── book       # 阅读模块

        ├── comment    # 评论模块

        ├── operation  # 运维模块

        └── sys        # 系统模块

 

前端页面

├── assets

├── common

├── components

│   ├── content # 页面

│   │   ├── ArticleContent.vue      # 文章介绍页

│   │   ├── ArticleListContent.vue  # 文章列表页

│   │   ├── BookContent.vue         # 图书介绍页

│   │   ├── BookListContent.vue     # 图书列表页

│   │   ├── BookNoteContent.vue     # 笔记介绍页

│   │   ├── BookNoteListContent.vue # 笔记列表页

│   │   ├── HomeContent.vue         # 首页

│   │   ├── SearchResult.vue        # 搜索结果页

│   │   └── TimeLineContent.vue     # 归档页

│   ├── footer

│   ├── header

│   ├── index

│   ├── utils

│   └── views # 页面组件库

│       ├── Archive

│       ├── Article

│       ├── Book

│       ├── BookNote

│       ├── c-lassify

│       └── TimeLine

├── router # 路由

├── store  # Vuex

└── utils  # js工具类

项目部署

服务端

项目后台环境

1. JDK1.8
2. Mysql5.7
3. Redis
4. IDEA编译器
5. Lombox插件（百度一下）
6. ElasticSearch
7. RabbitMQ
8. IDEA编译器

部署步骤：

1. 创立数据库dbblog，并导入dbblog-backend -> db里的所有sql文件
2. 修改dbblog-backend -> dbblog-> dbblog-core里的application-*.yml的数据库连接、redis连接、ElasticSearch连接、RabbitMQ连接
3. 导入项目，并且运行dbblog-backend -> dbblog-search -> BlogApplication里的main方法

前台

前台环境：

1. Node.js 8.0+
2. WebStorm编辑器

部署步骤：

1. 导入项目，运行 npm install（假如失败，清空后试试cnpm install）
2. 启动项目：npm run dev