零基础开发小程序第五课-修改数据

简介: 零基础开发小程序第五课-修改数据



新手开发往往对修改和删除的功能不是特别理解。我们先按照开发的思路捋一下逻辑,如果想修改数据,首先需要知道修改哪一条数据,然后要把上一次存储的结果填充到页面上。

当我们再次修改了数据的时候,还需要将数据库的记录进行更新。删除的话就需要知道删除哪一条记录。

这就存在一个问题,我们怎么知道是需要修改或者删除哪一条记录呢?在无代码工具中,标识记录的唯一性叫ID,通过这个整数字段就可以知道是哪一条记录被修改

1 创建修改页面

要想实现修改功能,我们先需要创建一个页面,点击页面旁边的+号,进行创建

修改页面和新增页面的功能是类似的,先点击创建组件的+号,拖入图片选择器

然后拖入文字和文字输入组件,修改文字的内容为名称

按照上述方法依次输入价格、描述

字段搭建好之后,我们还需要一个按钮用来更新信息

2 创建远程数据

我们的更新页面需要根据页面传入的ID来进行更新,首先创建一个链接数据来接收从其他页面传入的ID

ID的类型需要修改为整数

接着创建一个远程数据,数据表选择我们的商品表,过滤条件让表的ID字段等于我们的链接数据

3 给组件绑定默认值

远程数据创建好之后,我们就需要给组件绑定默认值,先绑定图片,选择数据绑定,从远程数据里选择对应的字段

然后依次给文字输入组件绑定默认值

设置好默认值之后我们要给按钮绑定行为,选中按钮,切换到交互页签,绑定点击时行为

依次选择请求->修改表数据->更新商品

展开我们的行为,依次将表单上的字段绑定到参数里

一定要记录设置过滤条件,否则就更新所有的数据,过滤条件我们让ID等于我们的链接数据

成功后我们设置一个行为提示一个更新成功的信息

4 从详情页跳转到更新页

回到详情页,添加一个按钮,修改内容为更新商品,配置行为为跳转,跳转到更新页面

展开行为,传入ID

5 刷新页面

我们修改数据成功后,需要跳转回列表页面,并且刷新页面的数据。还是回到修改页面,点击按钮,设置刷新数据,我们要更新一下列表数据

刷新数据之后我们再设置跳转,跳转到列表页面

总结

我们本篇介绍了修改页面的开发方法,修改数据的时候要传入当前数据的ID,需要给组件绑定默认值,修改的时候要将组件的值传入对应的字段,而且不能忘记设置过滤条件。

还需要注意的是当我们的数据更新之后还需要更新列表项的数据,并且跳转到列表页。小程序开发的四个基本功,我们已经讲解了三个了,下一节我们讲解一下删除数据,一个基本功就练成了。如果感兴趣也打开工具照着设置一下吧。

相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
19天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展,阿里体育等公司推出的AI运动APP,如“乐动力”和“天天跳绳”,使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章分为四部分:初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。
|
20天前
|
人工智能 小程序 vr&ar
AI运动小程序开发常见问题集锦二
截至当前,我们的AI运动识别小程序插件已迭代至第23个版本,广泛应用于健身、体育、体测、AR互动等场景。本文针对近期用户咨询,汇总了常见问题,帮助用户减少开发成本,提高效率。主要涵盖计时与计数模式的区别、综合排行榜生成方法、全屏模式适配及无开发能力用户的解决方案。
|
20天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
30天前
|
存储 传感器 小程序
跳绳计数小程序开发系统
首先,我们需要明确跳绳计数小程序的核心功能:为用户提供跳绳计数的便捷方式。这意味着小程序需要能够准确地记录用户的跳绳次数,并为用户提供清晰、直观的计数展示。
|
30天前
|
人工智能 编解码 小程序
【一步步开发AI运动小程序】四、小程序如何抽帧
随着AI技术的发展,阿里体育等公司推出的“乐动力”、“天天跳绳”等APP使云上运动会、线上健身等概念备受关注。本文将引导您从零开始开发一个AI运动小程序,利用“云智AI运动识别小程序插件”。文中详细介绍了微信小程序抽帧的相关API、设置及注意事项,帮助开发者更好地实现AI运动功能。下篇将介绍人体识别技术,敬请期待。
|
30天前
|
小程序 搜索推荐 前端开发
小剧场短剧影视小程序开发
小剧场短剧影视小程序旨在为用户提供一个便捷、互动的平台,让用户能够随时随地观看、分享和评论各类小剧场短剧。通过小程序,用户可以浏览热门短剧、搜索感兴趣的内容、参与社区互动,以及享受个性化的推荐服务。
|
1月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
220 3
|
1月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
49 0
微信小程序更新提醒uniapp
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
105 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目