黑马博客——详细步骤(五)项目功能的实现之用户信息修改

清疚 2022-12-31 07:24 208阅读 0赞

## **2.4 用户信息修改** ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70][]

### 1. 将要修改的用户ID传递到服务器端（作用：区分添加用户功能还是修改用户功能） ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 3][]

### 2. 建立用户信息修改功能对应的路由 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 4][]

点击修改按钮 能看到用户信息

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 7][]

点击修改按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 7][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 8][]

解决方式：

![20201229055444207.png][]

其它数据同username同样的操作

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 9][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 11][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 12][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 13][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 14][]

修改用户页面显示id，添加用户页面不显示id

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 15][]

不能让用户修改密码（需要修改密码的话在其它地方设置单独的功能）

密码用于验证用户能否修改信息，密码输入正确能修改信息，密码输入错误，不能修改信息

### 3. 接收客户端表单传递过来的请求参数 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 16][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 17][]

![20201229055527468.png][]

点击修改按钮

![20201229055541761.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 18][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 19][]

![20201229055541776.png][]

### 4. 根据id查询用户信息，并将客户端传递过来的密码和数据库中的密码进行比对 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 20][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 21][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 22][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 23][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 24][]

![20201229055559721.png][]

错误密码

![2020122905561130.png][]

### 5. 如果比对失败，对客户端做出响应 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 25][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 26][]

输入错误密码，点击修改按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 27][]

### 6. 如果密码对比成功，将用户信息更新到数据库中 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 28][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 29][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 30][]

验证修改功能

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 31][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 32][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 33][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70]: /images/20221120/f0e0b1abe2a04761a17bc2ed0702f133.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 1]: /images/20221120/7fd84b98c6dd4c79b06316f5b6f3037f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 2]: /images/20221120/9a50fbffe0174093b5e11c49c05307ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 3]: /images/20221120/0de0d06eef9c442d912ba79ff3f81a56.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 4]: /images/20221120/35c459df56504dcd9ceed8f158b10874.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 5]: /images/20221120/259720d64aff4811a64678db6450805f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 6]: /images/20221120/806acd918ec04fbe9c4b0fe81addfb28.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 7]: /images/20221120/1aec60124bbb4460a60d076f99903b07.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 8]: /images/20221120/da352c8d22bc4530937003b9e10ba729.png
[20201229055444207.png]: /images/20221120/7f067f796f404b0d940d344badeb9b8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 9]: /images/20221120/b61b0abfe6154598a76421a6fa664e5b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 10]: /images/20221120/ff79da7d0a9f4047919437c15c5e9bc3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 11]: /images/20221120/dceeda1997094213b1d9b2d79d6a1b1d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 12]: /images/20221120/cc4b3a3708ee4491a67886d4f26b0574.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 13]: /images/20221120/9b0457c214a7427d825e035b25fb6e6a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 14]: /images/20221120/80fc16dbc42d45398789fb301fd02a5c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 15]: /images/20221120/095f932863414f1cba5845a56609d0a6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 16]: /images/20221120/3aecb5c704b846ae86001f29ee73a4cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 17]: /images/20221120/fd8c9f56f62e4058bf06612623c0b55f.png
[20201229055527468.png]: /images/20221120/819159b7b0164dceaf56671c4236d026.png
[20201229055541761.png]: /images/20221120/dbf61a04d3434dabab092a5bd0cdfd75.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 18]: /images/20221120/efff19fafcb64484ab19b88f56d1c374.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 19]: /images/20221120/91ec147ad6cc4fcfb2ed18a900d95960.png
[20201229055541776.png]: /images/20221120/c1cd41eed66e430b9cf4781609bc5fd1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 20]: /images/20221120/4c3e8ab0ac32477289be9454365af063.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 21]: /images/20221120/c5a27dc258124de09d562f29f646e1f1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 22]: /images/20221120/225a37a4bc084ffb8f24dec71787d17a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 23]: /images/20221120/30f1898797b34d26b5c6849753031dcc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 24]: /images/20221120/098a1fd4b97947b299afa1bc209a009a.png
[20201229055559721.png]: /images/20221120/d8a6d0531dee480f9d7818055ed1e14f.png
[2020122905561130.png]: /images/20221120/fca0236ad55942c6b3b74cbd109817a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 25]: /images/20221120/3b5e412288d04f80891edd9e38416e77.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 26]: /images/20221120/6bbba3c7b0e84c6394ed7a77dec0921c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 27]: /images/20221120/3551b2e40fd748d3b8fd343abdb6a06a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 28]: /images/20221120/bc5bddc0c79943f7beef73da8d3c8533.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 29]: /images/20221120/92d0445182a54dca8d089e266036f8bd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 30]: /images/20221120/3080b1d1652d4753a0bbdd2747471f87.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 31]: /images/20221120/ceaeee90633242509d6af89c386ac370.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 32]: /images/20221120/6b59ae439d7a43eea0612e301e39904a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzk0OTg2_size_16_color_FFFFFF_t_70 33]: /images/20221120/e103053f6be74d27b1bb9ce8f5616967.png