开发一个考试系统——完善丰富表格数据修改的提交和处理实现

107 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第17天,点击查看活动详情

上一篇我们编写后端代码和前端处理逻辑,实现编辑数据的提交。这一篇我们继续完善这个功能。

这个项目的链接是:https://github.com/Amor122/MyTest.git

我已经设置了公开权限,大家都可以访问,项目每天的进度基本上是和文章更新一致的,或者略快于文章,我也是边写边发的,有些代码在后续版本说不定就更改了。代码的字数意义不大,有需要的都可以去项目上直接看,这里我都换成了图片。

一、     实现步骤

(一)      提示消息不显示颜色的处理

上一篇的后续使用中发现提示消息不显示颜色,排查后发现,一定要检查是否有样式定义上的冲突,建议把toastr的css文件放到自定义的后面来覆盖。

 

(二)      增加下拉数据框

  下拉数据框中的数据也是通过ajax方式获取的,ajax的语法介绍请移步上一篇查看。在后台我们定义好接口以后,前台拿到数据,对选择框进行动态添加选项。

image.png

  以组织数据的下拉框举个例子。在代码实现上先将这个下拉框置空,然后通过请求拿到全部的组织数据。如果组织数据和当前列的数据是一样的,那么这个就是选中的,如果不一样那么不是默认选中的。 image.png

(三)      修改后台逻辑

在修改数据的后台处理逻辑上,增加的对组织和职位的处理,使用的是筛选取得模型实体的方式,如果校验过程没有实体就是失败的。

image.png

 

一个人的关键信息就是账号、姓名、组织和职位。表格里显示的是否主要负责人是由职位附带的信息,这里不需要做修改。

至此一个人员管理的修改功能就完整的实现了。