SpringBoot -基于SpringBoot的SSMP整合案例(十一)- 自我优化一下界面数据与功能

自我优化一下界面数据与功能

主页面加一个“编号”

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

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

优化“新建”功能页面

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

功能测试

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

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

删除“序号”按钮

删除index行

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

显示测试

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

优化“编辑”功能

编辑界面显示“编号”

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

显示功能测试

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

实现“响应”功能

直接复制sava的“响应”功能

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

数据更新测试

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

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

“编辑”功能遇到问题

当我想编辑id为5的姜涵翔时

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

修改其他数据都没问题

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

当我修改id时,会提示更新失败

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

当我修改id为2时,会覆盖之前已有的数据,非常危险

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

猜你喜欢

转载自blog.csdn.net/qq_39123467/article/details/124655653