SpringBoot -基于SpringBoot的SSMP整合案例（六）- 实现列表功能、“添加”按钮功能

最新推荐文章于 2023-05-08 08:44:16 发布
最新推荐文章于 2023-05-08 08:44:16 发布
阅读量567 收藏 2
点赞数
分类专栏： 笔记 成长阶段 文章标签： spring boot java vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39123467/article/details/124632707
版权

文章目录

列表功能

编写主页面

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

测试

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

修改主页面el-table

对应自己的数据库属性

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

显示成功

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

修改页面显示

el-table

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

el-input

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

显示成功

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

添加功能

更改“新增按钮”参数

找到属性

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

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

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

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

改为true

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

测试成功

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

更改“确定按钮”参数

找到确定按钮

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

找到handleAdd（）

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

el-form

formdata

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

获取foramdata值，并使用post请求-添加数据

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

测试成功

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

更改传入参数

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

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

请求头获取参数成功

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

数据添加实现

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

关闭弹层

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

测试成功

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

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

增加功能 - 判断当前操作是否成功

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

测试成功

添加成功

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

添加失败还未实现

遇到问题

每次点击新建都有上次的残留数据

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

编写重置表单

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

每次弹出窗口时调用“重置表单”

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

测试成功

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

再次打开

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

实现“取消”按钮

找到取消按钮的方法

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

实现取消功能

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

添加个提示信息

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

测试成功

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

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

小结

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

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

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

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

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

鬼鬼骑士
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Springboot简易实战-添加和修改员工功能实现
weixin_49512993的博客
10-31 816
文章目录Springboot简易实战-添加和修改员工功能实现一、添加员工实现1.前端首页设置添加员工按钮：接收后端请求2.后端跳转请求3.创建添加员工的前端页面4.前端接收部门信息5.保存添加信息6.forom表单接收请求二、修改员工功能实现1.后端跳转到修改页面请求2.list员工列表页面添加跳转按钮3.前端添加修改页面4.Controller层完成修改数据请求 Springboot简易实战-添加和修改员工功能实现 一、添加员工实现 1.前端首页设置添加员工按钮：接收后端请求 <h2><
SpringBoot SpringBoot 基础篇 4 基于 SpringBoot 的SSMP 整合案例 4.14 添加功能
谢谢你们的关注
11-13 436
SpringBoot SpringBoot 基础篇 4 基于 SpringBoot 的SSMP 整合案例 4.14 添加功能
springboot实现表单添加功能
weixin_52858329的博客
05-08 481
5.当成功添加后需要进行重置表单操作，否则表单中会有上次添加成功的数据，可以把重置表单放在添加弹出窗口，也可以放在列表加载那块。4.从上面的代码中可知新建按钮双向绑定的是handleCreate()，因此对它进行操作。6.添加完成后有取消操作。
SpringBoot--列表添加新增功能
记录和分享属于我的“IT”时光
09-08 2297
SpringBoot--列表添加新增功能
用java语言在SSM框架下在前端页面上增加一个类型选项的按钮，并收集用户的选择后将数据传回数据库中进行保存...
weixin_42613018的博客
02-14 121
在 SSM 框架下，你可以使用以下步骤在前端页面上增加一个类型选项的按钮并收集用户的选择： 在前端页面中添加一个选择类型的下拉列表，并为其分配一个 id。 使用 JavaScript 语言在用户选择类型时监听下拉列表的 change 事件，并在该事件的回调函数中获取选中的类型值。 使用 Ajax 请求将用户选择的类型值发送到后端。 在后端控制器中添加一个方法，该方法接收前端发送的类型值，并...
springboot-08-ssmpspringboot-08-ssmpspringboot-08-ssmp
最新发布
04-13
springboot_08_ssmpspringboot_08_ssmp
基于Spring Boot的SSMP整合案例
07-31
Dao开发——整合MyBatisPlus，制作数据层测试类 Service开发——基于MyBatisPlus进行增量开发，制作业务层测试类 Controller开发——基于Restful开发，使用PostMan测试接口功能 Controller开发——前后端开发协议...
springboot-ssmp.iml
12-12
springboot-ssmp.iml
SSMP整合案例 2022.8.7
08-07
SSMP整合案例 2022.8.7
springboot基础篇-源码
11-13
包含简单SSMP项目 VUE+element ui+springboot 希望可以给看视频的小伙伴一些帮助，最后的项目已经完成了
idea springboot启动按钮管理界面
wule_le的博客
06-20 1566
想要出现的界面 方法： 工作空间 .idea文件下 添加 之后保存，重启idea即可！！！！
ssm列表，删除和增加实现
thesongofstring的博客
07-02 552
在上次框架上修改UserMapper.xml,新增代码 <delete id="deleteById" parameterType="Integer"> delete from user where id=#{id} </delete> <insert id="add" parameterType="User"> insert into user(name,password) values(#{name},#{passwo
Spring-Boot-Admin--快速学习--按应用实例添加标签--08
zhou920786312的博客
05-24 133
代码地址: https://gitee.com/DanShenGuiZu/learnDemo/tree/master/springboot_admin_learn 一、按应用实例添加标签 Tags 是我们区别同一应用的不同实例的方法 1.1、举例 监控spring.application.name=admin-client 应用的三个实例，分别是 开发（dev） 测试（test） 生产（prod） 使用信息端点/info info: tags: environment: dev
SSM框架下实现增加功能
weixin_30664051的博客
11-15 1147
　　增加功能作为四大基础功能之一，肯定难度不高，作为入门级操作，我们还是直接看代码吧QAQ。 1.Mapper.xml 　　首先从xml着手，把相应的sql语句写好，由于主键在数据库中是自增长，我这里采用的就是下面这个select： <!-- 新增方法 --> <insert id="insertAdminuser" parameterType="dz.entit...
SSM整合-前后台协议联调（列表功能、添加功能、添加功能状态处理、修改功能、删除功能）
m0_61961937的博客
07-03 1098
SSM整合-前后台协议联调（列表功能、添加功能、添加功能状态处理、修改功能、删除功能）示例
springboot项目按钮点击不跳转
weixin_42260782的博客
08-12 1711
跟着做的一个小demo，但是我的添加按钮始终无法跳转 controller层： //来到员工添加页面 @GetMapping("/emp") public String toAddPage(){ return "emp/add"; } 前端按钮： <h2><button class="btn btn-sm btn-success"href="emp"th:href="@{/emp}">员工添加</button></h2&g
解决idea中建立spring boot项目整合Mybatis的时候跳转页面出错问题
小老弟的博客
07-23 914
第四部很重要一定要在project下新建一个moudle来创建，要不然spring boot自带的tomcat路径访问会出错 上面是部分配置 完成之后要用spring-boot:run来启动（直接启动还是会出错，还没找到方法）这样你就可以通过浏览器访问jsp页面了，跳转成功了。...
ssm登录+增删改+列表展示数据
lcscy的博客
07-23 894
1.创建项目 创建maven项目，如图勾选，点击next 2.填写项目名，项目名随意，点击next 3.如图勾选，点击finish 4.在main下建立src和resources两个directory 5.在Java下建立一个packge,取名为com.lc,在com.lc下建立四个packge,分别为bean，controller，dao,service. bean:此包下存放实体设计类，如user controller:此包中的类为前后端连接，执行前端的各种操作 dao:此包中的类与数据库挂钩
SSM项目转SpringBoot所遇到的问题记录
m0_61099866的博客
03-09 1211
SSM转SpringBoot所遇到的坑问题解决过程，新手第一次操作遇到jar包依赖冲突、依赖循环、tomcat版本问题等等
黑马程序员Springboot SSMP整合案例
05-13
好的，下面为您介绍一个简单的Spring Boot + Mybatis Plus(SSMP)整合案例。 1. 首先，在pom.xml文件中添加以下依赖： ```xml <!--Spring Boot 依赖--> <groupId>org.springframework.boot <artifactId>spring-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

鬼鬼骑士

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

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

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

打赏作者

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

抵扣说明：

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

余额充值