推荐一个基于Springboot+Vue的开源博客系统
简介
这是一个基于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插件(百度一下)
部署步骤:
- 创建数据库dbblog,并导入dbblog-backend -> db里的所有sql文件
- 修改dbblog-backend -> dbblog-> dbblog-core里的application-*.yml的数据库连接和redis连接
- 导入项目,并且运行dbblog-backend -> dbblog-portal -> BlogApplication里的main方法
前端
前端环境:
- Node.js 8.0+
- WebStorm编辑器
部署步骤:
- 导入项目,运行 npm install(如果失败,清空包后试试cnpm install)
- 启动项目:npm run dev
界面预览
碎碎念
上大学的时候做过博客,技术选型也从一开始的SSM+JSP 博客1
–> 过渡到分模块的SpringBoot 博客2
–> 到现在的前后端分离博客 博客3
如果是初学Java的朋友也可以跟着流程借鉴借鉴这些代码,试着实现一个自己的博客,相信能对你的成长有所帮助!
如果有心,不妨请博主喝杯茶:?:
最后的最后,我的github地址是https://github.com/llldddbbb/dbblog,开源不易,一定要给我Star哦!!
推荐一个基于Springboot+Vue的开源博客系统相关推荐
- 基于SpringBoot + Vue的个人博客系统12——使用vue-admin-template展示文章列表(后台管理)
简介 前面我们实现了博客系统的前台展示页面,还有留言功能没有实现,实现留言功能无非就是在后端增加留言表,对留言进行增删改查.和文章表类似,这里就不在赘述. 既然作为一款动态博客,那么后台管理是必不可少 ...
- 基于SpringBoot + Vue的个人博客系统07——文章列表和文章详情
简介 由于本人不是专业的前端,所以写出来的界面可能会稍微有些丑陋,甚至有些地方的写法不是很专业,还请大家见谅 主界面 JS 部分 首先是 js 逻辑部分 我们先在@/http/request.js中定 ...
- 基于SpringBoot + Vue的个人博客系统16——文章的修改和删除
简介 删除文章 删除功能比较简单,只需进行如下操作: 调用删除接口删除文章 然后再刷新文章列表 修改文章 在文章列表页面点击修改文章按钮 跳转到写文章页面,同时带上文章 id 作为参数 在写文章界面创 ...
- 基于springboot + vue 的个人博客搭建过程(上线)
承接上文: 基于springboot + vue 的个人博客搭建过程(续) 目录 1. 搭建环境 1. 安装docker 2. 拉取并运行 2.1 拉取服务 2.2 部署运行mysql 2.3 部署运 ...
- 基于springboot + vue 的个人博客搭建过程(续)
承接上文:基于springboot + vue 的个人博客搭建过程 目录 1. 评论列表 1.1 接口说明 1.2 controller 1.3 service 1.4 mapper 1.5 实体类 ...
- 基于springboot搭建的个人博客系统
源码下载地址:blog blog是基于springboot搭建的个人博客,响应式 前端技术:html.css.js.jq.bootstrap 后台技术:springboot.thymeleaf.myb ...
- 基于SpringBoot + Vue的个人博客
博客介绍 基于Springboot + Vue 开发的前后端分离博客 在线地址 项目链接: www.ttkwsd.top 后台链接: admin.ttkwsd.top Github地址: https: ...
- java基于springboot+vue的旅游博客旅游经验分享系统
如今社会飞快发展,人们生活节奏不断加快,压力也随之变大.为了释放压力,缓解疲劳,大多数人会选择旅游.但是现在基本上很少有免费网站注重介绍张家界的,大部分都是以"商"为主提供导游.酒 ...
- 有故事的程序员必看的六个开源博客系统 | Gitee项目推荐
程序员除了需要具备写代码的能力,还要有写作能力,项目开发过程中需要清晰的文字记录.发布开源项目,如果想让更多人使用或贡献代码,也必须有一份生动又明了的 Readme 文档.程序员很热衷通过博客写作,不 ...
最新文章
- 智能车竞赛技术报告 | 智能视觉组 - 大连海事大学 - 菜鸡啄米
- msf 启动报[-] * WARNING: No database support: No database YAML file解决方法
- java.lang包—基本类型的封装类
- PC端连接Android设备进行adb调试
- mysql、oracle知识点总结
- C++(STL):36---关联式容器multiset、multimap源码剖析
- Java基础---循环结构+例题
- 【译】理解JavaScript闭包——新手指南
- 直播视频网站源码,静态时钟
- 超大图片的储存/处理/显示
- android cts测试超时设置,Android的CTS测试
- Lua IDE - x-studio 强大的IDE
- 关于使用VMware Workstation Pro16 创建Kali-Linux虚拟环境的操作办法以及库源的配置
- 风场可视化:绘制粒子
- 多次办理这项公积金业务都涉及到查询信用报告,是否会影响将来申请贷款?
- java马赛克_java实现图片缩放、旋转和马赛克化
- 企业数字化不是各自发展,而是全面SaaS化推进
- 【算法】实现打印汉字拼音首字母
- (212)Verilog HDL:四位移位寄存器和递减计数器
- jmeter使用入门(+influxdb+grafana)
热门文章
- 【愚公系列】2022年10月 微信小程序-优购电商项目-商品分类
- 最小二乘法与主成分分析法原理及应用详解和它们的联系
- 《Soft Filter Pruning for Accelerating Deep Convolutional Neural Networks》论文笔记
- 阿里巴巴 Excel工具easyExcel 导出 - 动态列扩展。
- 带大家写一波微信公众号的爬取!谁说微信爬不了的!
- OCR光学字符识别方法汇总
- 小白重装系统的时候遇到的小问题
- Mybatis基础学习之一级缓存和二级缓存的简单使用
- 帷幕的帷是什么意思_毕业是什么意思?孩子给出了自己的答案
- IT类工作在武汉找的心累