开发一个考试系统——考试安排界面新增按钮、删除按钮功能和修改提交的功能实现

92 阅读2分钟

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

上一篇实现了考试安排界面的基本数据展示和编辑按钮的实现,这一篇将新增按钮和修改的数据提交都实现。

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

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

一、     修改提交的实现

这部分的实现在人员管理讲解后也算是轻车熟路。

首先还是编写修改框提交按钮的按钮点击函数。

image.png

 

这里将几个数据提交到服务器上进行处理。

服务器端代码如下。

image.png 服务器端获取数据后进行验证与处理,验证通过后保存模型。

再传回前台页面,页面根据处理结果进行不同的响应并刷新表格。

二、     删除的实现

删除按钮的实现也是类似的原理,删除只需要提交该行数据的id给后台即可。

因为删除一个考试涉及的数据量太大,这里考虑后决定加上一个删除状态字段,将这个字段设为True,代表已经删除,标记式的删除也是比较认可的一种安全的删除方式。

 

image.png

数据表格中显示的数据将删除状态的排除即可不显示。

 

 

三、     新增的实现

新增的实现形式与过去的人员新增类似,逻辑上与修改的提交类似,都是将数据封装好后提交给后台保存。

因为考试名称不需要去重,所以我们后台不需要额外检查名称是否已经存在。这是与人员增加时检查账号重复不同的。这里不再赘述,需要的在代码库中查询。

 

此时考试安排的基本功能已经实现了。后面将会对考试人员、组织、监考人的信息配置功能进行实现。