基于Backbone.js的JavaScript MVC示范程序(8)-JavaSript-爱易网页

基于Backbone.js的JavaScript MVC示范程序(8)

日期：2014-05-16　浏览次数：20330 次

基于Backbone.js的JavaScript MVC示例程序(8)

一．概述
二．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.5 删除User

在 User 列表中每一个条目的左侧增加一个 "del" 按钮，点击之后就会删除当前的条目，界面如下图所示：

5.html

1 <!-- 增加一个"del"按钮 -->
2 <script type="text/template" id="user-item-template">
3      <button id="delete-submit">del</button>(<%= id %>)</span><a href="#"><%= username %></a>
4 </script>

mvc5.js

 1 $(document).ready(function() { 
 2      
 3      var User = Backbone.Model.extend({
 4      });
 5      
 6      var UserList = Backbone.Collection.extend({
 7          ... //不变 
 8      });
 9      
10      var UserItemView =