日期:2014-05-16  浏览次数:20467 次

基于Backbone.js的JavaScript MVC示例程序(7)
  • 一.概述
  • 二.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.4 增加User

左侧 User 列表上方添加了一个 "Add" 按钮,点击之后右侧的页面会显示一个增加 User 的表单,表单提交之后弹出一个提示框,左侧列表也会更新。如下图所示:

4.html,新增了表单的模板和 "Add" 按钮:

 1 <!-- 增加User的表单 -->
 2 <script type="text/template" id="user-form-template">
 3     <h3>Add User</h3>
 4     <ul id="user-form" class="editing">
 5         <li>Username:<input type="text" name="username" /></li>
 6         <