vue+springboot+element-ui+axios增删改查（添加）

这几天我学习的vue+springboot+element-ui+axios这些技术 ，写了一个简单项目

首先是一个vue前端列表的一个展示：

然后弹出添加对话框以后

接下来
insertdialogVisible: false,
insertFormModel: {
name: ‘’,
phone: ‘’,
username: ‘’,
password: ‘’,
userface: ‘’,
rids:’’,
province:’’,
city:’’,
district:’’
},
nations: [], //存放所有三级联动的数据
props: {
value: ‘id’,
label: ‘name’,
children: ‘list’
}, //下拉框展示数据和组件的映射关系
value: [], //下拉菜单默认选中的下拉框 id
imageUrl: ‘’,//选中图片以后在对话框显示图片
roles:[],//存放所有role角色的对象数组
rids:[]//存放所有选中角色的id数组
最后是点击添加弹出的对话框一个

最后是添加触发的方法

上传图片 包括三级联动 controller 和 mapper