接上12月26号的保存多人 拼接 取出 回显 再来一个例子。

接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第1张图片
接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第2张图片
以上为文件夹
接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第3张图片
在这里插入图片描述

1、所用到前台和后端的文件夹 以及所用到的3个字段属性 ↑

接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第4张图片
2、前台的添加页面(下拉框)------在info中
接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第5张图片
2、效果为上图

接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第6张图片

3、在保存中对页面中的userList进行处理(是一个对象) 将对象的id 和名字对应存放到userList中
上图 userVO中的 userId 和 userName 为 后台中 userVo中保存时所对应的的属性 。
接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第7张图片
4、在对应接口里面对cwzdysp.getUserList进行处理 拼接 详细分解看 12.26 日。
接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第8张图片
5、数据库中的数据为 上图
接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第9张图片
5、回显操作 因为点击添加和编辑 会跳转到 cwzdysp页面
所以在init 方法里面写 也可以写在 findAllByPerson 外面
对 escort 和 escoetIds 进行 “,”的删除 并 重新放入 userList 中
接上12月26号的保存多人 拼接 取出 回显 再来一个例子。_第10张图片
6、 回显时注意 对应

对应 12.26 日的 例子看

你可能感兴趣的:(vue,Java)