• 一．概述
• 二．REST Server的实现
• 2.1 REST API设计
• 2.2 数据库设计
• 2.3 用MyBatis实现的DAO层
• 2.4 用Jersey实现的REST API
• 2.5 用Spring AOP实现的日志功能
• 三．前端的实现
• 3.1 显示User列表
• 3.2 显示User详细信息
• 3.3 修改User信息
• 3.4 增加User
• 3.5 删除User
• 3.6 添加validate

3.3 修改User信息

界面如下，在右边 User 详细信息处增加了一个 "Edit" 按钮，点击之后下面的信息就变成了输入框，点击 "Submit" 完成修改，左侧列表随之更新。

想要实现点击"Edit"将右侧详细信息的变为可编辑有几种方法：

1. 创建一个 UserEditView 专门来显示修改User信息的表单；

2. 点击 "Edit" 之后，将 UserInfoView 所绑定的 HTML 模板换成一个表单；

3. Todos 这个例子里面给出了另外一种思路，它在 HTML 模板里面隐含了一个表单，默认情况下通过 css 将表单隐藏，点击 "Edit" 之后显示表单，并将非表单部分隐藏。

本例中采用了第三种方法。

3.html，在 user-info-template 模板中加入一个隐含的表单：

 1 <!-- user-info-template中加入编辑User信息的表单 -->
 2  <script type="text/template" id="user-info-template">
 3      <h3>User Information</h3>
 4      <button id="edit">Edit</button>
 5      <ul id="user-info">
 6          <li>ID:<span><%= id %><