jsp弹窗修改信息_WEB最最最初级修改用户信息

        哈喽,今天第一次发。内容非常非常基础,记录一下自己的成长吧。

        今天的内容是通过jsp页面传参来修改用户信息。emmm,说的通俗一点就是对数据库的修改。

        好! 话不多说!我们开始!

  1. 先看我简陋的页面

    14900fc0aaea478edabf8fc043789210.png

  2. 那么我们拿到这个页面应该怎么操作呢?

    当然是提交输入的内容啦,上代码

d996e0b22fe25621d892d33c4b7256b8.png

0716a29ae4d9274e0b4820ac18b91f9b.png

这里只举用户名的例子,其他用户信息同理

这里我没用表单(form)提交,而是给用户名输入框一个name属性,通过保存按钮调用脚本函数()来操作。

    3. 我这里装了个*,使用ajax技术来提交:

7c5ac84d9ee4208a7addec3666a0b1e1.png

        这里使用post方式提交(那get和post的区别小伙伴自己百度一下吧)。

    4. 很明显,ajax提交请求后,下一步就是servlet来工作了,servlet是怎样实现的呢?

5f3bee75cde5b43da4b374306d913af9.png

    5. 值得说明的是,请求是怎样精确的被传到servlet的呢?那必须是web.xml文件

8c7bbcf180c7e0bf0bbeed2b059a338e.png

    6. 在第4步的代码中可以看到,servlet先调用了dao层的userlogin()方法来判断输入的待修改用户名密码的正确性,别问为什么这么做,难道你修改qq密码不需要输入旧密码吗?哈哈,当然是怕你乱改别人的密码啦。

        以上步骤都正确无误,才会调用修改信息的方法:userDao.alertUser(),可以看到传了四个参数,参数顾名思义吧,这里就不说了,那我们来看看dao层是怎样修改信息的好了。

4e76675c60cd15435bedd738fc25d37f.png

这里的代码也没什么好说的。不懂的要反思一下jdbc相关知识喽。   

 7.嗯哼,信息修改完成,那得让页面知道结果啊。

    我们来看一下吧

90d052d3c73f6e7778fb27e9ad91b113.png

为了看的清晰一些,我承接了步骤3的ajax代码,在加上4中的代码,可以分析出,如果更新成功,需要清除session中的信息,并关闭当前弹窗(也就是1中的弹窗,其实1展示是子窗口),同时父页面要返回到登录页面。

我们来看一下效果吧

5ab2c6b6412e54644ff46f60aa5e0fe3.png

修改成功会提示修改成功,那当然失败的话也会提示修改失败。

946fc51e39ccb8332d3c57e696cc5c4d.png

点击修改成功的确认按钮,关闭子页面的同时,父页面跳转到登录页面,堪称完美。

那么你的头发还多吗?欢迎留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值