简介

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

  • 你可以拿它作为前端Vue2.0学习的练手教程;
  • 你也可以把它作为springboot技术的学习项目;
  • 你还可以将其视为一个前后端分离的项目实践;

站点演示

www.dblearn.cn

模块分层

后端模块

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

前端模块

后台管理页面

├── 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         # 首页
│   │   └── 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插件(百度一下)

部署步骤:

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

前端

前端环境:

  • Node.js 8.0+
  • WebStorm编辑器

部署步骤:

  1. 导入项目,运行 npm install(如果失败,清空包后试试cnpm install)
  2. 启动项目:npm run dev

界面预览

碎碎念

上大学的时候做过博客,技术选型也从一开始的SSM+JSP 博客1

–> 过渡到分模块的SpringBoot 博客2

–> 到现在的前后端分离博客 博客3

如果是初学Java的朋友也可以跟着流程借鉴借鉴这些代码,试着实现一个自己的博客,相信能对你的成长有所帮助!

如果有心,不妨请博主喝杯茶:?:

最后的最后,我的github地址是https://github.com/llldddbbb/dbblog,开源不易,一定要给我Star哦!!

推荐一个基于Springboot+Vue的开源博客系统相关推荐

  1. 基于SpringBoot + Vue的个人博客系统12——使用vue-admin-template展示文章列表(后台管理)

    简介 前面我们实现了博客系统的前台展示页面,还有留言功能没有实现,实现留言功能无非就是在后端增加留言表,对留言进行增删改查.和文章表类似,这里就不在赘述. 既然作为一款动态博客,那么后台管理是必不可少 ...

  2. 基于SpringBoot + Vue的个人博客系统07——文章列表和文章详情

    简介 由于本人不是专业的前端,所以写出来的界面可能会稍微有些丑陋,甚至有些地方的写法不是很专业,还请大家见谅 主界面 JS 部分 首先是 js 逻辑部分 我们先在@/http/request.js中定 ...

  3. 基于SpringBoot + Vue的个人博客系统16——文章的修改和删除

    简介 删除文章 删除功能比较简单,只需进行如下操作: 调用删除接口删除文章 然后再刷新文章列表 修改文章 在文章列表页面点击修改文章按钮 跳转到写文章页面,同时带上文章 id 作为参数 在写文章界面创 ...

  4. 基于springboot + vue 的个人博客搭建过程(上线)

    承接上文: 基于springboot + vue 的个人博客搭建过程(续) 目录 1. 搭建环境 1. 安装docker 2. 拉取并运行 2.1 拉取服务 2.2 部署运行mysql 2.3 部署运 ...

  5. 基于springboot + vue 的个人博客搭建过程(续)

    承接上文:基于springboot + vue 的个人博客搭建过程 目录 1. 评论列表 1.1 接口说明 1.2 controller 1.3 service 1.4 mapper 1.5 实体类 ...

  6. 基于springboot搭建的个人博客系统

    源码下载地址:blog blog是基于springboot搭建的个人博客,响应式 前端技术:html.css.js.jq.bootstrap 后台技术:springboot.thymeleaf.myb ...

  7. 基于SpringBoot + Vue的个人博客

    博客介绍 基于Springboot + Vue 开发的前后端分离博客 在线地址 项目链接: www.ttkwsd.top 后台链接: admin.ttkwsd.top Github地址: https: ...

  8. java基于springboot+vue的旅游博客旅游经验分享系统

    如今社会飞快发展,人们生活节奏不断加快,压力也随之变大.为了释放压力,缓解疲劳,大多数人会选择旅游.但是现在基本上很少有免费网站注重介绍张家界的,大部分都是以"商"为主提供导游.酒 ...

  9. 有故事的程序员必看的六个开源博客系统 | Gitee项目推荐

    程序员除了需要具备写代码的能力,还要有写作能力,项目开发过程中需要清晰的文字记录.发布开源项目,如果想让更多人使用或贡献代码,也必须有一份生动又明了的 Readme 文档.程序员很热衷通过博客写作,不 ...

最新文章

  1. 智能车竞赛技术报告 | 智能视觉组 - 大连海事大学 - 菜鸡啄米
  2. msf 启动报[-] * WARNING: No database support: No database YAML file解决方法
  3. java.lang包—基本类型的封装类
  4. PC端连接Android设备进行adb调试
  5. mysql、oracle知识点总结
  6. C++(STL):36---关联式容器multiset、multimap源码剖析
  7. Java基础---循环结构+例题
  8. 【译】理解JavaScript闭包——新手指南
  9. 直播视频网站源码,静态时钟
  10. 超大图片的储存/处理/显示
  11. android cts测试超时设置,Android的CTS测试
  12. Lua IDE - x-studio 强大的IDE
  13. 关于使用VMware Workstation Pro16 创建Kali-Linux虚拟环境的操作办法以及库源的配置
  14. 风场可视化:绘制粒子
  15. 多次办理这项公积金业务都涉及到查询信用报告,是否会影响将来申请贷款?
  16. java马赛克_java实现图片缩放、旋转和马赛克化
  17. 企业数字化不是各自发展,而是全面SaaS化推进
  18. 【算法】实现打印汉字拼音首字母
  19. (212)Verilog HDL:四位移位寄存器和递减计数器
  20. jmeter使用入门(+influxdb+grafana)

热门文章

  1. 【愚公系列】2022年10月 微信小程序-优购电商项目-商品分类
  2. 最小二乘法与主成分分析法原理及应用详解和它们的联系
  3. 《Soft Filter Pruning for Accelerating Deep Convolutional Neural Networks》论文笔记
  4. 阿里巴巴 Excel工具easyExcel 导出 - 动态列扩展。
  5. 带大家写一波微信公众号的爬取!谁说微信爬不了的!
  6. OCR光学字符识别方法汇总
  7. 小白重装系统的时候遇到的小问题
  8. Mybatis基础学习之一级缓存和二级缓存的简单使用
  9. 帷幕的帷是什么意思_毕业是什么意思?孩子给出了自己的答案
  10. IT类工作在武汉找的心累