二十五、Spring项目三(2)

第3章 预约管理-检查组管理

1 新增检查组(query、insert)

1.1 前台代码

A: 点击新建触发handleCreate事件:

  1. 清空数据
  2. 设置表单可见
    在这里插入图片描述
    3.发送ajax请求,回显操作检查项信息
    在这里插入图片描述

B: 点击确定按钮触发handleAdd事件,新增检查组操作
提交数据分为两部分:
在这里插入图片描述
检查组基本信息(对应的模型数据为formData)和检查项id数组(对应的模型数据为checkitemIds)

在这里插入图片描述

  1. 校验数据
  2. 发送数据添加:ids通过地址栏给过去,formdata通过post的表单数据提交过去

1.2 后台代码

  1. 回显检查项信息:findAll.do
    查询所有检查项checkItems返回

1.3 测试

  1. 回显检查项信息
    在这里插入图片描述

2 分页查询显示

3 编辑检查组(回显操作query)

编辑事件绑定handleUpdate:

编辑操作:发送三个请求:注意三个请求不能并列,有限制关系,比如勾选请求要在数据项回显之后显示  
	1 基本信息回显  findById
	2 检查项信息回显(checkitem添加时已经做了)/checkitem/findAll.do
	3 回显勾选的检查项信息

第三点较难:
	要根据检查组的id查检查项的id
	查出之后以此形式返回给前端data:[id1, id2, id3 ...],赋值给checkitemids

在这里插入图片描述

4 编辑检查组(确定操作update)

确定提交绑定事件为handleEdit:

类似于上面的新增检查组,发送数据为两部分:
1 checkGroupid,新检查项的ids存入外键关系表
		先清除旧关系delete
		再insert新关系
2 检查组信息formData存入检查组表中
		直接update新数据即可

5 main.html页面布局

在这里插入图片描述

6 如何快速从界面定位前端代码?

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值