修改数据

最新推荐文章于 2022-10-23 19:34:37 发布
最新推荐文章于 2022-10-23 19:34:37 发布
阅读量174 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44551950/article/details/89946891
版权
这篇博客详细介绍了前端如何实现数据修改功能。首先，通过点击修改按钮弹出模态框并清空表单以避免旧数据影响新数据。接着，通过数据接口和控制器回填表单，特别是处理下拉框数据的回填，需要根据ID查询相关数据。在保存数据时，检查表单完整性，如果数据完整则提交，成功后关闭模态框并刷新页面，否则提示错误。最后，文章讨论了如何在控制器中进行数据修改，包括异常处理、数据一致性检查以及多表修改操作。
摘要由CSDN通过智能技术生成

首先我们要通过点击修改按钮弹出修改模态框，然后清空一下表单，为什么要清空表单呢，是为了防止第一次点击弹出的模态框内容保存到下一次的模态框里面，导致数据发生错误，既然是修改，模态框里面的数据肯定是和我们点击修改那一行的数据要一样才好利于我们修改数据，所以我们要回填表单里面所有的数据，要回填表单我们使用数据接口和控制器产生连接，然后在控制器那里进行我们需要的表单进行查询，查询到我们需要的数据，然后进行回填，但里面还有着其他表单的数据，而且还是下拉框数据，该怎么回填呢，首先我们把我们的下拉框数据查询出来，然后再进行回填，这里要特别提醒一下大家，因为我们查询的这个数据在我们查询的表单里是ID，所以我们要通过这个ID去这个ID为主键的表单查询我们需要的数据，回填数据中后面需要的ID要是我们用来查询的数据为主键的ID，如果用的ID不是用来这个表单查询数据的ID，就回填不了这个下拉框数据，这里一定要注意哦。
在这里插入图片描述

回填表单后，我们就要修改数据然后保存，我们要先获取到表单里面的数据，然后判断里面有没有填写数据，没有的话则需要提醒数据不完整，全填写完整则提交表单，如果保存成功了，就关闭模态框，提示修改成功，然后刷新页面，没成功则提

最低0.47元/天 解锁文章
埋年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个“保存”按钮同时存在“增删改”三种操作，该如何去实现？
weixin_40050195的博客
07-25 672
稿件来源：阿里云开发者社区 一般情况下，对表格中的数据进行“增删改”操作，都是直接操作数据库。现在有些项目因为设计或者优化的缘故，不对表格中的数据进行“增删改”，而是通过最后“保存”按钮的操作，一次性将数据传至服务器，由服务器对数据进行“增删改”。 以下通过给用户分配角色这样的功能进行说明。 操作界面大致如下（直接手画，略显粗糙，能看明白就行）： 说明： “新增”、...
api增删改查接口
weixin_46495501的博客
12-12 2631
一个真正的php小白就在今天开始给大家分享我在学习php过程中遇到的问题，首先声明我是直接学的fastadmin框架，并没有去了解原生php php写增删改查接口(没有进行验证)如果你也和我一样是小白，那么鉴权和验证也要了解一下的,我是用ApiPost进行接口测试的。 <?php namespace app\api\controller; use app\common\controller\Api; use think\Db; use think\Controller; class Cs extend
麦谈帮数据：万年历接口修改查询参数
up2021的博客
10-23 77
万年历接口查询参数修改为：年-月-日 例如：2018-12-08。
弹出（新增和修改）模态框
weixin_44550190的博客
04-28 1980
（作者：薛明展，撰写时间：2019年4月27日） 这次我要讲解的是弹出新增模态框和弹出修改的模态框，接下来我们就从html部分开始。 首先讲的是弹出新增模态框，请看下面这张截图： 图1 我们看到图1，这是弹出新增的模态框，也就是图1代码的第一句。第二句代码的意思是重置表单，接下来的第三句代码的意思是弹出模态框。 然后我们看下一步，请看下面截图： 图2 我们也看到，图2的代码这是下拉框数据的绑定...
修改数据标签
06-02
启用宏，修改数据标签 非常方便，不用安装系统，直接下载下来打开就可以使用
Docker修改数据目录及相关配置.docx
01-13
Docker修改数据目录及相关配置
DataGridView 直接修改数据_datagridview_
10-02
3. 数据源同步：当你在`DataGridView`中修改数据后，通常需要将这些更改同步回数据源。这可以通过调用`EndEdit`方法来实现，它会提交当前单元格的更改，并更新与之关联的数据源。 ```csharp dataGridView1.EndEdit...
ORACLE查询表最近更改数据的方法
12-16
在Oracle数据库管理中，了解如何查询表的最近更改数据对于跟踪和审计数据库的变化至关重要。当进行项目修改，如增加字段、删除字段或修改表的注释等操作时，记录这些变动变得尤为重要，尤其是在多版本环境或者团队...
Laravel框架Eloquent ORM修改数据操作示例
10-15
主要介绍了Laravel框架Eloquent ORM修改数据操作,结合实例形式详细分析了laravel框架更新数据的两种常见操作技巧,需要的朋友可以参考下
当修改时模态框input会修改表格的数据要怎么解决？
weixin_50540540的博客
03-16 407
修改时模态框input数据 会修改表格的数据要怎么解决？
vue中使用v-model在对多个数据进行一键录入之后，进行修改出现整列数据都会被改变的问题
am123999的博客
05-31 1036
vue中使用v-model在对多个数据进行一键填充之后，进行修改单行出现整列数据都会被改变的问题 现象：其他输入框的值也会随之改变 代码: //需要一键填充的数据 const newScore = data; for(let i=0;i<this.tableDate[0].scores.length;i++){ //存到数组里 newScores.push(newScore); } co
自己封装的Thinkphp+Bootstrap 模态iframe其他页面
云上人间钦自赏
04-22 1876
Bootstrap的模态框效果不错，写js太麻烦了，忍了很久，还是自己封装一下吧。 1、首先把父页面的模态框的html稍微改一下：   &lt;div class="modal fade" role="dialog" id="JuShiModal"&gt; &lt;div class="modal-dialog" role="document"&gt;//通过这里设
倍加福ENA58IL-R-ProfiNET手册(译文)
最新发布
07-11
本手册描述了配备PROFINET接口的Pepperl+Fuchs绝对旋转编码器如何集成到PROFINET网络中。 本手册适用于以下绝对旋转编码器类型： ■■Exx58N-...PN... ■Exx58N-。。。请注意。。。 ■■ENA58IL-...B17 ■ENA58IL-。。。B17
vuex怎么保存更改数据
08-13
在 Vuex 中，你可以使用 `mutations` 来保存更改的数据。`mutations` 是用来修改 Vuex 中的状态数据的方法集合，它们是同步操作，且只能通过调用 `commit` 方法来触发。 以下是保存更改数据的一般步骤： 1. 在 Vuex 的 `store.js` 文件中定义状态数据和相应的 `mutations` 方法： ```javascript state: { data: '' }, mutations: { setData(state, payload) { state.data = payload; } }, ``` 2. 在组件中导入 Vuex 的 `mapMutations` 辅助函数（可选步骤）： ```javascript import { mapMutations } from 'vuex'; ``` 3. 在组件的 `methods` 中使用保存数据的 `mutations` 方法： - 如果没有使用 `mapMutations` 辅助函数，直接在方法中通过 `$store.commit` 调用 `mutations` 方法： ```javascript methods: { saveData() { this.$store.commit('setData', newData); } } ``` - 如果使用了 `mapMutations` 辅助函数，可以将 `mutations` 方法映射为组件的方法： ```javascript methods: { ...mapMutations(['setData']), saveData() { this.setData(newData); } } ``` 4. 在需要保存更改数据的地方调用保存方法，即可触发 `mutations` 方法来修改 Vuex 中的状态数据。 需要注意的是，在 Vue 组件中直接修改 Vuex 中的状态数据是不被允许的，必须通过 `mutations` 来修改数据，以保证状态的变更被追踪和记录。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值