为了账号安全,请及时绑定邮箱和手机立即绑定

Vue部落博客管理平台开源啦!SpringBoot+Vue强强联合!

标签:
Java Vue.js

V部落是一个多用户博客管理平台,采用Vue+SpringBoot开发。

演示地址: http://45.77.146.32:8081/index.html

项目地址:https://github.com/lenve/VBlog

项目效果图
登陆页面

图片描述

文章列表

图片描述

发表文章

图片描述

用户管理

图片描述

栏目管理

图片描述

数据统计

图片描述

技术栈
后端技术栈

后端主要采用了:

1.SpringBoot
2.SpringSecurity
3.MyBatis
4.部分接口遵循Restful风格
5.MySQL

前端技术栈

前端主要采用了:

1.Vue
2.axios
3.ElementUI
4.vue-echarts
5.mavon-editor
6.vue-router

还有其他一些琐碎的技术我就不在这里一一列举了。

快速运行

1.克隆本项目到本地

git@github.com:lenve/VBlog.git

2.找到blogserver项目中resources目录下的vueblog.sql文件,在MySQL数据库中执行
3.根据自己本地情况修改数据库配置,数据库配置在SpringBoot项目的application.properties中
4.在IntelliJ IDEA中运行blogserver项目

OK,至此,服务端就启动成功了

5.进入到vueblog目录中,在控制台依次输入如下命令:

# 安装依赖
npm install

# 在 localhost:8080 启动项目
npm run dev

项目启动之后,在浏览器中输入http://localhost:8080就可以访问了。

步骤5中需要大家对NodeJS、NPM等有一定的使用经验,不熟悉的小伙伴可以先自行搜索学习下,推荐Vue官方教程

项目依赖

1.vue-echarts
2.mavonEditor

欢迎小伙伴们star。

点击查看更多内容
21人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
1.4万
获赞与收藏
3885

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消