独家新闻日记

别让我一个人醉,兰博基尼egoista,手机掉水里怎么办-精选玫瑰好新闻

简介

直接上软件效果图

登陆页面

文章列表

发表文章

用户办理

栏目办理

数据计算

技能栈

  • 后端技能栈

后端首要采用了:

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 clone https://github.com/lenve/VBlog.git

2.找到blogserver项目中resources目录下的vueblog.sql文件,在MySQL数据库中履行

3.依据自己本地状况修正数据库装备,数据库装备在SpringBoot项目的application.properties中

4.在IntelliJ IDEA中运转blogserver项目

服务端就发动成功了,此刻咱们直接在地址栏输入http://localhost:8081/index.html即可拜访咱们的项目,

假如要做二次开发,请持续看第五、六步。

5.进入到vueblog目录中,在指令行顺次输入如下指令:

# 装置依靠
npm install
# 在 localhost:8080 发动项目
npm run dev

因为我在vueblog项目中现已装备了端口转发,将数据转发到SpringBoot上,因而项目发动之后,在浏览器中输入http://localhost:8080就可以拜访咱们的前端项目了,一切的恳求经过端口转发将数据传到SpringBoot中(留意此刻不要封闭SpringBoot项目)。

6.最终可以用WebStorm等东西翻开vueblog项目,持续开发,开发完成后,当项目要上线时,仍然进入到vueblog目录,然后履行如下指令:

npm run build

该指令履行成功之后,vueblog目录下生成一个dist文件夹,将该文件夹中的两个文件static和index.html拷贝到SpringBoot项目中resources/static/目录下,然后就可以像第4步那样直接拜访了。

推荐新闻