# 5.项目功能 # 展示用户列表 1.向服务器端发送Ajax请求，索要用户列表数据 2.第二步,使用模板弓|擎将数据和html模板进行拼接 3.第三步就是将拼接好的内容展示在页面中 # 用户头像上传 1.为文件选择控件添加onchange事件，在事件处理函数中获取到用户选择到的文件 2.创建formData对象用于实现图片文件上传 3.调用图片文件上传接口，实现图片上传 4.在添加新用户表单中新增一个隐藏域，将图片地址存储在隐藏域中 # 用户信息修改 1.通过事件委托的形式为编辑按钮，点击添加事件 2.在事件处理函数中获取到当前点击用户的id值 3.根据用户id获取用户的详细信息，并且通过模板引|擎将用户的详细信息渲染到左侧的表单中 4.为修改按钮添加点击事件，在事件处理函数中获取到用户在表单中输入的内容，调用修改用户信息接口实现用 户信息修改功能。 # 删除用户 1.为删除按钮添加点击事件 2.确认用户是否要进行删除操作 3.获取到当前被点击用户的id 4.调用删除用户接口根据id删除用户，如果删除成功，刷新当前页面，让页面显示最新的内容 # 修改密码 1.为修改密码表单中的每一个表单项添加name属性， name属性的值要和接口中的参数名称保持一致 2.为修改密码表单添加表单提交事件，在事件处理函数中，阻止表单的默认提交行为 3.获取到用户在表单中输入的内容 4.调用修改密码接口，实现密码修改功能，如果密码修改成功,跳转到登录页面，让用户重新登录 ## 6.其他功能 图片文件上传  ~~~ [ { "avatar ": "\\uploads\\upload_569f9bc4b04b4979c98a0264fbcff4de.jpg" } ] ~~~