修改密码springboot+layui

最新推荐文章于 2025-07-04 10:46:51 发布

原创

最新推荐文章于 2025-07-04 10:46:51 发布 · 8k 阅读

40 ·

CC 4.0 BY-SA版权

文章标签：

#springboot+layui修改密码

本文介绍了如何使用SpringBoot结合Layui实现用户密码修改功能。首先展示了修改密码的前端效果，接着阐述了设计思路，即通过session获取登录用户的Id来查找用户名和密码信息。接着详细展示了Layui的js和html代码，最后讲解了后台的controller层和服务层代码实现。

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

一、修改密码效果图
在这里插入图片描述
二、编写思路
将登录用户的Id保存到session中，获取session的用户id，由此可以查出用户名和密码
三、前段代码layui
js代码

//修改密码操作
		$(document).off("click", "#showIndexUpdatePW").on("click", "#showIndexUpdatePW", function () {
			var showContent = $('#showIndexUpdatePWContent').html();
			$('#showIndexUpdatePWContent').html("");
			layer.open({
				type: 1,
				id: 'showLayui',
				title: '修改密码',
				content: showContent, //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
				area: '600px',
				btn: ['确定', '取消'],
				btnAlign: 'c',
				success: function (layero, index) {//打开层之后可执行的回调
					layui.use(['form', 'layer'], function () {
						var form = layui.form;
						var layer = layui.layer;

						form.render();  //重新渲染表单
					});
				},
				yes: function (index, layero) { //确定按钮
					var con = {};
					//con.userId = userId.id;
					con.sysOldPWInp = $("#sysOldPWInp").val();