继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

江南一点雨
关注TA
已关注
手记 318
粉丝 1.4万
获赞 3885

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。

打开App,阅读手记
21人推荐
发表评论
随时随地看视频慕课网APP

热门评论

网站访问不了。。。

表示这个项目根本起不来啊!

VUE和java 后台都正常启动,但vue页面登录不和java后台交互,


查看全部评论