下面是修改密码的页面 , 这里用的是bootstrap4的框架来搭建
这里呢点击button按钮(浏览) , 弹出模态框显示所有的会员卡号 ,这里的会员卡号是与会员卡表内的数据相连接的 ,就是会员卡表内的数据有多少条 ,在模态框内就显示多少条 ,如果在会员卡表内删除一条数据,那么模态框内就要少显示一条数据 ,下面是点击浏览后调用的方法 , 首先清空掉模态框内的所有数据 ,并将模态框显示出来 ,然后通过 HTTP GET 请求载入 JSON 数据 ,请求成功后通过for循环来循环请求到在这里插入图片描述的数据条数 。 获取到装载数据的div ,通过append()方法在div内追加button按钮 ,并将会员卡号和会员卡ID放入其中。请求方法的代码如下 ,使用Linq查询出会员卡表中的会员ID和会员卡号,并通过return Json返回查询到的数据
点击button按钮内的selectAgreementUnit(" + MemberSendCardID + ");方法 ,开始在会员卡号(input)内回填会员卡号码,按钮的方法代码如下 ,点击selectAgreementUnit方法后通过 HTTP GET 请求载入 JSON 数据,并在请求路径的方法后拼接参数ID ,通过传过来的ID值来进行条件筛选 ,请求的方法是通过lambda表达式来进行查询的 ,查询会员卡表,并通过where条件来进行筛选 ,最后返回 ,返回的数据通过data来接收 ,之后获取到会员卡号(input)的id值,用val来给会员卡号赋值 ,就能实现点击button按钮回填数据了
将页面上的值都填好后 ,开始点击确认修改后 ,请求的方法如下 第一步 ,先获取到页面上的值 ,判断是否填写完整 ,只有填写完整后才能进行下一步操作 ,否则将返回请填写完整字段 第二步 ,通过远程 HTTP POST 请求载入信息 ,并将页面上获取到的值以参数的形式传给控制器内的方法 第三步 ,在控制器中js请求的方法内 ,将参数一一对应好 第四步 ,开始在控制器内的方法中判断 ,用户输入的旧密码是否是会员卡号的原密码 ,通过传过来的会员卡号与会员卡表内的会员卡号进行条件筛选 ,获取到查询的那一条数据 ,之后再通过if判断会员卡的原密码是否与传过来的旧密码是否一致 ,如果不一致则返回密码错误的字段到页面 ,反之则进行下一步 第五步 ,将页面传来两次输入的新密码进行判断 ,判断其是否一致 ,如果一致的话 ,就开始将新密码赋值给查询到的那一条会员卡信息中的会员密码 第六步 ,赋值完毕后开始保存修改 ,判断是否修改成功 ,如果修改成功则在页面上返回密码修改成功的字段提示
简单的密码修改操作就是这样了。