QQ群号码:764251186 欢迎互相交流
这是一个基于Springboot2.x,vue2.x的前后端分离的开源博客系统,提供 前端界面+管理界面+后台服务 的整套系统源码。响应式设计,手机、平板、PC,都有良好的视觉效果!
- 你可以拿它作为前端Vue2.x学习的练手教程;
- 你也可以把它作为springboot2.x技术的学习项目;
- 你也可以拿它作为当下火热的ElasticSearch和RabbitMQ的学习Demo;
- 你也可以将其视为一个前后端分离的项目实践;
- 你还可以作为SpringCloud服务化**的学习理解;
- ...
- SpringBoot 2.x 后台基本框架
- Vue 2.x 前端基本框架
- ElementUI:后台管理页面UI库
- IView:前端UI库
- ElasticSearch 搜索层
- RabbitMQ 消息队列
- Shiro 鉴权层
- Redis 缓存层
- Swagger 文档
- Mybaits-Plus 好用的mybatis框架
- lombox getter setter插件
- druid 数据库连接池
- jasypt 加密
- 七牛云 图床
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
- 采用多模块的形式,便于后续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
│ ├── Classify
│ └── TimeLine
├── router # 路由
├── store # Vuex
└── utils # js工具类
项目后端环境
- JDK1.8
- Mysql5.7
- Redis
- IDEA编译器
- Lombox插件(百度一下)
- ElasticSearch
- RabbitMQ
- IDEA编译器
部署步骤:
- 创建数据库dbblog,并导入dbblog-backend -> db里的所有sql文件
- 修改dbblog-backend -> dbblog-> dbblog-core里的application-*.yml的数据库连接、redis连接、ElasticSearch连接、RabbitMQ连接
- 导入项目,并且运行dbblog-backend -> dbblog-search -> BlogApplication里的main方法
前端环境:
- Node.js 8.0+
- WebStorm编辑器
部署步骤:
- 导入项目,运行 npm install(如果失败,清空包后试试cnpm install)
- 启动项目:npm run dev
上大学的时候做过博客,技术选型也从一开始的SSM+JSP 博客1
--> 过渡到分模块的SpringBoot 博客2
--> 到现在的前后端分离博客 博客3
如果是初学Java的朋友也可以跟着流程借鉴借鉴这些代码,试着实现一个自己的博客,相信能对你的成长有所帮助!
如果有心,不妨请博主喝杯茶::laughing::
最后的最后,我的github地址是https://github.com/llldddbbb/dbblog,开源不易,一定要给我==Star==哦!!