刚刚接触前后端分离的童鞋,如果不是很大的项目的话,优先选择vue+springboot+element-ui,以下简单介绍搭建的过程

1.前端vue

需安装node.js,下载npm淘宝镜像,npm其实就是包管理工具,里面存有很多需要的依赖包,我们用的时候直接import导入,不用逐一引入,开发比较简洁

准备工作做完之后,需创建项目,我一般使用cmd创建一个项目,具体命令可百度。。


创建完成的项目大体目录如图,

vue其实是单页面,也就是只有一个html,其他的组件都是嵌入到html中,所以路由非常重要,贴出我的路由配置


所需要的页面都要写到路由里面,首先要引入vue-router插件,注意:必须要写成routes,不能是其他的名字!!!

然后在main.js中使用路由就ok了,现在说一下element-ui的集成

(1)推荐使用npm的方式,npm i element-ui -S

  (2) 然后在main.js中导入,可以按需导入,也可以全部导入,import ElementUI from 'element-ui';

(3)接下来,全局配置,Vue.use(Element, { size: 'small', zIndex: 3000 });

以上完成就可以使用Element--ui写页面了

2.Springboot部分

只需接收请求的路径即可,可使用vue-resource插件与后台交互,也可选axios,以下是axios


对应的boot部分如下图


至此,一个简单的搭建过程已经完成了,啦啦啦