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

最新推荐文章于 2023-05-08 08:44:16 发布
最新推荐文章于 2023-05-08 08:44:16 发布
阅读量605 收藏 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)]

鬼鬼骑士
关注
专栏目录
Springboot简易实战-添加和修改员工功能实现
weixin_49512993的博客
10-31 1057
文章目录Springboot简易实战-添加和修改员工功能实现一、添加员工实现1.前端首页设置添加员工按钮：接收后端请求2.后端跳转请求3.创建添加员工的前端页面4.前端接收部门信息5.保存添加信息6.forom表单接收请求二、修改员工功能实现1.后端跳转到修改页面请求2.list员工列表页面添加跳转按钮3.前端添加修改页面4.Controller层完成修改数据请求 Springboot简易实战-添加和修改员工功能实现 一、添加员工实现 1.前端首页设置添加员工按钮：接收后端请求 <h2><
基于SpringBoot的SSMP整合案例
Maybe3230的博客
03-08 271
基于SpringBoot的SSMP整合案例 SSMP案例效果演示 SSMP案例制作流程解析 先开发基础CRUD功能，做一层测一层 调通页面，确认异步提交成功后，制作所有功能 添加分页功能与查询功能 模块创建 勾选SpringMVC与Mysql坐标 修改配置文件为yml格式 设置端口为80方便访问 实体类开发 Lombok · Lombok，一个Java类库，提供一组注解，简化POJO实体类开发 <dependency> <groupId>org.pro
SpringBoot SpringBoot 基础篇 4 基于 SpringBoot 的SSMP 整合案例 4.14 添加功能
谢谢你们的关注
11-13 484
SpringBoot SpringBoot 基础篇 4 基于 SpringBoot 的SSMP 整合案例 4.14 添加功能
springboot实现表单添加功能
weixin_52858329的博客
05-08 566
5.当成功添加后需要进行重置表单操作，否则表单中会有上次添加成功的数据，可以把重置表单放在添加弹出窗口，也可以放在列表加载那块。4.从上面的代码中可知新建按钮双向绑定的是handleCreate()，因此对它进行操作。6.添加完成后有取消操作。
SpringBoot--列表添加新增功能
记录和分享属于我的“IT”时光
09-08 2547
SpringBoot--列表添加新增功能
用java语言在SSM框架下在前端页面上增加一个类型选项的按钮，并收集用户的选择后将数据传回数据库中进行保存...
weixin_42613018的博客
02-14 150
在 SSM 框架下，你可以使用以下步骤在前端页面上增加一个类型选项的按钮并收集用户的选择： 在前端页面中添加一个选择类型的下拉列表，并为其分配一个 id。 使用 JavaScript 语言在用户选择类型时监听下拉列表的 change 事件，并在该事件的回调函数中获取选中的类型值。 使用 Ajax 请求将用户选择的类型值发送到后端。 在后端控制器中添加一个方法，该方法接收前端发送的类型值，并...
springboot-08-ssmpspringboot-08-ssmpspringboot-08-ssmp
最新发布
04-13
SSMP（Spring Boot、Spring MVC、MyBatis、MySQL）是基于Spring Boot的一个常用微服务架构组合，其中： 1. **Spring Boot**：作为基础框架，它提供了一种快速构建应用的方式，通过自动配置、起步依赖和命令行工具等...
基于Spring Boot的SSMP整合案例
07-31
Dao开发——整合MyBatisPlus，制作数据层测试类 Service开发——基于MyBatisPlus进行增量开发，制作业务层测试类 Controller开发——基于Restful开发，使用PostMan测试接口功能 Controller开发——前后端开发协议...
springboot-ssmp.iml
12-12
springboot-ssmp.iml
【SpringBoot】SSMP整合案例
qq_29942585的博客
11-29 1690
文章目录SSMP整合案例1.模块创建2. 实体类开发3. 持久层开发4. 业务层开发5. 表现层开发6. 表现层消息一致化7. 前端环境准备8. 前后端协议联调列表展示功能添加功能修改功能9. 业务消息一致性处理1. 异常统一处理2. 表现层统一处理消息10. 分页功能实现删除功能异常解决11.条件查询功能 SSMP整合案例 根据黑马程序员SpringBoot2全套视频教程，springboot零基础到项目实战实现 1.模块创建 创建SpringBoot项目 勾选Spring-MVC和MySQL
idea springboot启动按钮管理界面
wule_le的博客
06-20 1611
想要出现的界面 方法： 工作空间 .idea文件下 添加 之后保存，重启idea即可！！！！
ssm列表，删除和增加实现
thesongofstring的博客
07-02 573
在上次框架上修改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 176
代码地址: 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 1173
　　增加功能作为四大基础功能之一，肯定难度不高，作为入门级操作，我们还是直接看代码吧QAQ。 1.Mapper.xml 　　首先从xml着手，把相应的sql语句写好，由于主键在数据库中是自增长，我这里采用的就是下面这个select： <!-- 新增方法 --> <insert id="insertAdminuser" parameterType="dz.entit...
SSM整合-前后台协议联调（列表功能、添加功能、添加功能状态处理、修改功能、删除功能）
m0_61961937的博客
07-03 1165
SSM整合-前后台协议联调（列表功能、添加功能、添加功能状态处理、修改功能、删除功能）示例
springboot项目按钮点击不跳转
weixin_42260782的博客
08-12 1753
跟着做的一个小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 971
第四部很重要一定要在project下新建一个moudle来创建，要不然spring boot自带的tomcat路径访问会出错 上面是部分配置 完成之后要用spring-boot:run来启动（直接启动还是会出错，还没找到方法）这样你就可以通过浏览器访问jsp页面了，跳转成功了。...
ssm登录+增删改+列表展示数据
lcscy的博客
07-23 939
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 1247
SSM转SpringBoot所遇到的坑问题解决过程，新手第一次操作遇到jar包依赖冲突、依赖循环、tomcat版本问题等等
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

鬼鬼骑士

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

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

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

打赏作者

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

抵扣说明：

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

余额充值