07_项目开发_用户信息列表

1 用户信息列表内容展示

用户信息列表，主要完成用户信息的添加、删除、修改和查找功能。

用户列表页面效果：

07_项目开发_用户信息列表_ecmascript

单击“添加用户”按钮，进入添加用户页面。

填写正确的信息后，单击“添加用户”按钮，会直接跳转到用户列表页面。

07_项目开发_用户信息列表_node.js_02

修改用户名为李四的信息。

修改完成用户信息后，单击“修改用户”按钮，会直接跳转到用户列表页面。

07_项目开发_用户信息列表_前端_03

单击用户名为“王五”一行的“删除”按钮，删除用户信息。

2 用户信息列表功能介绍

主要功能包括添加用户信息、修改用户信息、删除用户信息、查询用户信息。

• 搭建网站服务器，实现客户端与服务器端的通信。
• 连接数据库，创建用户集合，向集合中插入文档。
• 查询用户信息：当用户访问“/list”路由时，将所有用户信息查询出来。
• 将用户信息和表格HTML进行拼接并将拼接结果响应回客户端。
• 添加用户信息：当用户访问“/add”路由时，呈现表单页面，并实现添加用户信息功能。
• 修改用户信息：当用户访问“/modify”路由时，呈现修改页面，并实现修改用户信息功能。
• 删除用户信息：当用户访问“/delete”路由时，实现用户删除功能。