springboot/element-ui登陆操作/前后端分离 （文字版）

#springboot/element-ui登陆操作/前后端分离 （文字版）

---

##1.1流程（前端） 1使用vue-cli脚手架创建vue项目
2在终端输入命令 安装axios 和 element-ui
3 在main.js中引入element-ui和ajax
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
import axios from "axios"
Vue.prototype.$ajax=axios
3在main.js中设置baseUrl属性
axios.defaults.baseURL="http://localhost:8090
4在login.vue中引入element.ui表单样式
5定义 submit方法 发送使用this.$ajax 发送post请求（get请求不能除url拼接参数外提交数据）
-----这里引入ES6中异步发送axios请求的方式
async 方法名（）{
let {data}=await this.$axios.get(url)
//这里将返回值直接当作变量data处理
this.xxx=data.data
}
好处:代码结构更清晰，有更好的语义，写复杂业务的时候阅读起来更快更爽。
##1.2 流程（后端）
1 mysql创建数据库
2 idea新建项目，导入pom依赖，配置application.properties