图书馆信息新增

最新推荐文章于 2022-06-12 00:10:01 发布

LHJ0_0

最新推荐文章于 2022-06-12 00:10:01 发布

阅读量108

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/LHJ0_0/article/details/119507455

版权

图书馆信息新增

今天我要讲的是，图书馆信息的新增。首先我们先看看布局：就是一些input标签button按钮，还有两个模态框
在这里插入图片描述

因为我们今天要讲的是新增，我就打开新增的模态框，给大家看看布局
在这里插入图片描述

现在看看页面的效果
在这里插入图片描述

现在写一个点击事件，当点击新增的时候就先清空表单，不然新增完一条数据，还要自己手动重置，然后就是打开模态框，通过ID获取到要打开的模态框，然后调用modal方法。
在这里插入图片描述

然后就将这个方法放在新增按钮上面
在这里插入图片描述

刚刚说了打开新增模态框的方法，现在我们看看保存新增的方法，先通过ID获取的图书馆名称的value值以及联系电话的value值还有所在地址的value值，然后就是验证数据，看看我们获取到的数据服不服要求，然后就是打开加载层，通过post请求，将控制器的地址，填写上，然后就是传参，然后再回调函数里面写一个值，用来接收控制器传的数据，然后就关闭加载层，然后判断state，满足条件就关闭模态框，刷新表格
在这里插入图片描述

然后将这个点击事件绑定到保存按钮上
在这里插入图片描述

现在我们看看控制器的代码，首先要接收数据，我们这里是以表的方式接收，然后数据验证，判断图书馆名称的value值满不满足条件，如果不满足,就输出图书馆名称为空，如果满足，就判断联系电话的value值满不满足条件，如果不满足,就输出电话号码不能为空，如果满足,就判断所在地址的value值满不满足条件，如果不满足就输出所在地址不能为空，如果满足就先去空格，在去重复，如果没有重复的数据，那就新增成功，否则新增失败
在这里插入图片描述

现在我们看看效果点击新增按钮，新增的模态框弹出来了
在这里插入图片描述

然后输入基本的信息，点击保存
在这里插入图片描述

如果新增成功就会将刚刚我们新增的数据显示在下面的数据列表里
在这里插入图片描述

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图书馆信息新增

图书馆信息新增今天我要讲的是，图书馆信息的新增。首先我们先看看布局：就是一些input标签button按钮，还有两个模态框因为我们今天要讲的是新增，我就打开新增的模态框，给大家看看布局现在看看页面的效果现在写一个点击事件，当点击新增的时候就先清空表单，不然新增完一条数据，还要自己手动重置，然后就是打开模态框，通过ID获取到要打开的模态框，然后调用modal方法。然后就将这个方法放在新增按钮上面刚刚说了打开新增模态框的方法，现在我们看看保存新增的方法，先通过ID获取的图书馆名称的valu
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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