SpringBoot -基于SpringBoot的SSMP整合案例(八)- 修改功能

本文介绍了如何在Vue应用中实现数据的动态加载和修改功能,包括handleUpdate方法的编写,数据获取、界面参数更新的处理,以及'取消'按钮的实现。通过优化数据加载性能并确保测试通过,作者详细记录了整个过程的小结。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

修改功能(加载数据)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vDDc4SjF-1651923029710)(springboot.assets/image-20220507182445852.png)]

编写handleUpdate()

获得获取id的那一行

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kCB8lqh6-1651923029712)(springboot.assets/image-20220507182829453.png)]

修改一下vue界面参数

原始

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Exj8rgLd-1651923029712)(springboot.assets/image-20220507182947313.png)]

找到dataEditForm

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VjY0cKX8-1651923029713)(springboot.assets/image-20220507183042502.png)]

加载数据成功

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8PvkWW9C-1651923029713)(springboot.assets/image-20220507183448977.png)]

优化加载数据

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vVeATGxC-1651923029714)(springboot.assets/image-20220507190213222.png)]

测试成功

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MUZlOqY3-1651923029715)(springboot.assets/image-20220507185847175.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jrw3jtcJ-1651923029716)(springboot.assets/image-20220507190331706.png)]

小结

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HAi80BSo-1651923029717)(springboot.assets/image-20220507190501210.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kkJyZw0S-1651923029717)(springboot.assets/image-20220507190522130.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oX5nyW3m-1651923029718)(springboot.assets/image-20220507190534401.png)]

修改功能(实现修改)

编写handleUpdate

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NyGnCQV9-1651923029719)(springboot.assets/image-20220507191945291.png)]

测试运行

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-10u2TPOF-1651923029720)(springboot.assets/image-20220507191826846.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qn9arQGF-1651923029721)(springboot.assets/image-20220507192327703.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vIIN0kmR-1651923029721)(springboot.assets/image-20220507192322743.png)]

实现“取消”按钮

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XmPs6bm1-1651923029722)(springboot.assets/image-20220507192533187.png)]

测试运行

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-24M8nEIp-1651923029722)(springboot.assets/image-20220507192837139.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-spSmE9QV-1651923029723)(springboot.assets/image-20220507192844360.png)]

小结

在这里插入图片描述
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8fN013AA-1651923029723)(springboot.assets/image-20220507192918484.png)]

请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鬼鬼骑士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值