使用vue + element-ui作为前端spring boot作为后端，构建前后端分离的的CUID简单案例

一.环境准备：

1.安装Nodejs https://nodejs.org

2. 安装webpack----------------------------------------------------------------

　　npm install -g webpack

3. 安装Vue-cli----------------------------------------------------------------

　　npm install -g vue-cli

4. 建立一个simpleVue模板项目--------------------------------------------------

　　vue init webpack my-project

5. cd my-project

6. 安装项目依赖库文件-------------------------------------------------------

　　npm install

7. 安装element UI 库--------------------------------------------------------

　　npm i element-ui -S

　　npm i axios -S

8. 引入elementUI ,axios库到项目,在main.js文件中添加--------------------------

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

import axios from "axios";

Vue.prototype.$axios = axios;

Vue.use(ElementUI);

9. npm run dev

二，使用工具

idea,mysql

二.项目目标：

实现用户的登录和增删改查

登录界面

增删改界面

三.实操

后台源码：
https://github.com/ilovedanzi521/demo.git

前端源码：

https://github.com/ilovedanzi521/demo-vew.git