[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8991":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},8991,"dbblog","llldddbbb\u002Fdbblog","llldddbbb","基于SpringBoot2.x+Vue2.x+ElementUI+Iview+Elasticsearch+RabbitMQ+Redis+Shiro的多模块前后端分离的博客项目","http:\u002F\u002Fwww.dblearn.cn",null,"Vue",1160,395,33,11,0,55.79,"Apache License 2.0",false,"master",true,[23,24,25,26,27,28,29,30,31],"blog","elasticsearch","element-ui","iview","rabbitmq","redis","shiro","sprinboot","vue","2026-06-12 04:00:42","> 工作时间原因，已不维护了，请见谅！\n\n\n![image.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20200314\u002Fbe0b7b34f536421690a41e4063ddecc5.png)\n\n## 简介\n这是一个基于Springboot2.x，vue2.x的前后端分离的开源博客系统，提供 前端界面+管理界面+后台服务 的整套系统源码。响应式设计，手机、平板、PC，都有良好的视觉效果！\n\n- 你可以拿它作为前端Vue2.x学习的练手教程；\n- 你也可以把它作为springboot2.x技术的学习项目；\n- 你也可以拿它作为当下火热的ElasticSearch和RabbitMQ的学习Demo;\n- 你也可以将其视为一个前后端分离的项目实践；\n- 你还可以作为SpringCloud服务化思想的学习理解；\n- ...\n## 使用技术\n- SpringBoot 2.x 后台基本框架\n- Vue 2.x 前端基本框架\n- ElementUI：后台管理页面UI库\n- IView：前端UI库\n- ElasticSearch 搜索层\n- RabbitMQ 消息队列\n- Shiro 鉴权层\n- Redis 缓存层\n- Swagger 文档\n- Mybaits-Plus 好用的mybatis框架\n- lombox getter setter插件\n- druid 数据库连接池\n- jasypt 加密\n- 七牛云 图床\n\n\n## 模块分层\n### 后端模块\n```shell\ndbblog\n├── dbblog-auth   # 鉴权模块：shiro\n│   ├── pom.xml\n│   └── src\n├── dbblog-core   # 核心模块：配置文件，Entity类，mapper类，工具类，异常过滤等\n│   ├── pom.xml\n│   └── src\n├── dbblog-manage # 后台管理界面Service\n│   ├── pom.xml\n│   └── src\n├── dbblog-portal # 前端界面Service\n│   ├── pom.xml\n│   └── src\n├── dbblog-search # 搜索模块：elasticSearch\n│   ├── pom.xml\n└── └── src\n```\n### 后台依赖关系\n\ndbblog-core -> dbblog-auth -> dbblog-manage -> dbblog-portal -> dbblog-search\n- 采用多模块的形式，便于后续SpringCloud微服务的改造升级\n\n### 前端模块\n#### 后台管理页面\n```shell\n├── assets\n├── components # 公共组件\n├── element-ui\n├── element-ui-theme # elementUI主题\n├── icons   \n├── router  # 路由\n├── store   # vuex\n├── utils   # js工具类\n└── views   \n    ├── common # 公共模块\n    └── modules\n        ├── article    # 文章模块\n        ├── book       # 阅读模块\n        ├── operation  # 运维模块\n        └── sys        # 系统模块\n\n\n```\n#### 前台页面\n```shell\n├── assets\n├── common\n├── components\n│   ├── content # 页面\n│   │   ├── ArticleContent.vue      # 文章详情页\n│   │   ├── ArticleListContent.vue  # 文章列表页\n│   │   ├── BookContent.vue         # 图书详情页\n│   │   ├── BookListContent.vue     # 图书列表页\n│   │   ├── BookNoteContent.vue     # 笔记详情页\n│   │   ├── HomeContent.vue         # 首页\n│   │   ├── SearchResult.vue        # 搜索结果页\n│   │   └── TimeLineContent.vue     # 归档页\n│   ├── footer\n│   ├── header\n│   ├── index\n│   ├── utils\n│   └── views # 页面组件库\n│       ├── Archive \n│       ├── Article\n│       ├── Book\n│       ├── BookNote\n│       ├── Classify\n│       └── TimeLine\n├── router # 路由\n├── store  # Vuex\n└── utils  # js工具类\n\n```\n## 项目部署\n### 服务端\n项目后端环境\n- JDK1.8\n- Mysql5.7\n- Redis\n- IDEA编译器\n- Lombox插件（百度一下）\n- ElasticSearch 6.x\n- RabbitMQ\n- IDEA编译器\n\n部署步骤：\n1. 创建数据库dbblog，并导入dbblog-backend -> db里的所有sql文件\n2. 修改dbblog-backend -> dbblog-> dbblog-core里的application-*.yml的数据库连接、redis连接、ElasticSearch连接、RabbitMQ连接\n3. 导入项目，并且运行dbblog-backend -> dbblog-search -> BlogApplication里的main方法\n\n### 前端\n前端环境：\n- Node.js 8.0+\n- WebStorm编辑器\n\n部署步骤：\n1. 导入项目，运行 npm install（如果失败，清空包后试试cnpm install）\n2. 启动项目：npm run dev\n3. 前端地址：localhost:8002 管理界面地址：localhost:8888  账号admin，密码123456\n\n## 界面预览\n\n![博文图片1.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F34c7f3a92bae478c882caaed586042dc.png)\n\n![博文图片2.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F2403f9585bf64dd2a90b180314a93403.png)\n\n![博文图片3.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002Fc1af8818cbac486394eb083463c3c2d7.png)\n\n![博文图片6.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F558c14cbdee84be99f32c267033df276.png)\n\n![博文图片7.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F9289e11d4e2b489885246c6023924458.png)\n\n![1.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F61b8efb183144323b4138b2b9eecdfb7.png)\n\n![2.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F4e0874dc164e44028e500769f829d7e1.png)\n\n![3.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F7c641e6681ef468599dbe152bc0ea02a.png)\n\n![4.png](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002Fee69937e2bd9494f882da788932123ca.png)\n\n\n## 碎碎念\n上大学的时候做过博客，技术选型也从一开始的SSM+JSP [博客1](https:\u002F\u002Fgithub.com\u002Fllldddbbb\u002FBlog) \n\n--> 过渡到分模块的SpringBoot [博客2](https:\u002F\u002Fgithub.com\u002Fllldddbbb\u002FBlog2) \n\n-->  到现在的前后端分离博客 [博客3](https:\u002F\u002Fgithub.com\u002Fllldddbbb\u002Fdbblog) \n\n如果是初学Java的朋友也可以跟着流程借鉴借鉴这些代码，试着实现一个自己的博客，相信能对你的成长有所帮助！\n\n如果有心，不妨请博主喝杯茶::laughing::\n\n![支付.jpg](http:\u002F\u002Foss.dblearn.cn\u002Fdbblog\u002F20190310\u002F7517419c57e14d548ec13f4a550edbc0.jpg)\n\n最后的最后，我的github地址是[https:\u002F\u002Fgithub.com\u002Fllldddbbb\u002Fdbblog](https:\u002F\u002Fgithub.com\u002Fllldddbbb\u002Fdbblog)，开源不易，一定要给我==Star==哦！！\n","这是一个基于SpringBoot 2.x和Vue 2.x的前后端分离架构的开源博客系统，提供了从前端界面到后台服务的完整解决方案。项目采用多模块设计，集成了Elasticsearch用于全文搜索、RabbitMQ作为消息队列、Redis进行数据缓存以及Shiro框架实现权限控制等技术特性。它适用于个人或团队搭建响应式博客网站的需求，同时也非常适合开发者用来学习Vue.js前端开发、Spring Boot后端服务构建及微服务架构实践。尽管该项目已不再维护，但其丰富的功能和清晰的结构仍使其成为相关技术栈研究的良好参考案例。",2,"2026-06-11 03:20:42","top_language"]