主要是两个用法，一个*获取路径。一个：获取参数。
问题：
API中的例子是
"folder/:name-:mode": "openFolder"
不知道是对应哪种path。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="lib/underscore-min.js" type="text/javascript"></script>
<script src="lib/backbone-min.js" type="text/javascript"></script>
</head>
<body>
<a href="#actions">test actions</a>
<a href="#posts/120">Post 120</a>
<a href="#download/user/images/hey.gif">download gif</a>
<a href="#help/1">page</a>
<a href="#folder/david/group">folder</a>
</body>
<script>
(function ($){
var AppRoute = Backbone.Router.extend({
routes:{
"posts/:id":"getPost",//传递参数 :表示将#符号后面的字符串当成参数
"help/:page": "help",
"download/*path": "download", //对应的链接为<a href="#download/user/images/hey.gif">download gif</a>
"folder/:name/:mode": "openFolder",
"*actions":"defaultRoute", //对应的链接为#actions
},
defaultRoute:function(actions){
console.log("defult");
alert(actions);
},
help:function(page){
alert(page);
},
openFolder:function(route,action){
console.log("folder");
alert(route + "_" + action);
},
getPost:function(id){
alert(id);
},
download:function(path){
alert(path); // download/user/images/hey.gif
},
});
var route = new AppRoute;
Backbone.history.start();
})(jQuery);
</script>
</html>
分享到：
相关推荐
在“backbone实例demo”中，我们可以看到如何结合其他技术，如Seajs和Zepto，来构建一个实际的项目。 Seajs是一个流行的模块化JavaScript加载器，类似于AMD（Asynchronous Module Definition）规范的RequireJS。它...
**Backbone.js 框架详解与 Demo 分析** Backbone.js 是一款轻量级的JavaScript库，它为Web应用程序提供了模型-视图-视图模型（MVVM）的架构模式，帮助开发者组织代码，提高代码的可维护性和可扩展性。在本篇文章中...
在这个"backbone实现的一个小demo"中，开发者使用Backbone来展示如何在Web应用中有效地组织代码和管理数据流。 1. **Backbone.Model**: Model是Backbone的核心组件之一，它用于封装应用中的数据和业务逻辑。在这个...
Backbone-demo 是一个简单的 JS 应用程序，用于向您展示 Backbone 模型、集合和视图的基础知识。 资源 Backbone.js: [ ] Underscore.js: [ ] jQuery：[ ] 小胡子：[ ] JSON 解析器：[ ] 用于文档的 JSDoc 工具...
本项目“前端项目-backbone.routefilter”着重关注Backbone中的路由（Router）功能，并利用RouteFilter进行增强。路由是单页应用中实现页面跳转和管理应用状态的关键组件。 Backbone.Router是Backbone库的核心部分...
**Backbone.js 简介及Demo解析** Backbone.js 是一个轻量级的JavaScript库，主要用于构建富交互的Web应用程序。它为开发者提供了一种结构化的组织代码的方式，通过模型（Model）、视图（View）、集合（Collection）...
在这个"aps.net mvc 5 Backbone Demo"项目中，开发者使用了这两个框架来实现一个用户管理的示例，涵盖了用户数据的增、删、改、查操作。下面我们将详细探讨这些技术以及如何将它们结合在一起。 ASP.NET MVC 5 是...
在“Backbone Demo”中，我们可以看到如何使用Backbone.js来构建一个简单的Web应用程序。 1. **Backbone.Model**: 这是Backbone的核心组件之一，用于存储和管理数据。每个Model都可以有自己的属性和方法，可以监听...
5. **Demo**: 这个压缩包中的"backbone-master"很可能包含了各种示例代码，每个示例都展示了Backbone的一个特定功能或用法。通过研究这些例子，你可以更直观地了解Backbone.js在实际项目中的应用，例如如何组织代码...
这个"backbone-demo"项目显然是一个用来展示Backbone.js核心组件如何工作的示例，特别是关注集合（Collections）、视图（Views）和模型（Models）。 首先，我们来深入理解Backbone.js的这三个核心概念： 1. **模型...
在这个名为 "backbone-demo-spa" 的项目中，开发者提供了一个使用 Backbone.js 实现的示例SPA，以便帮助初学者理解和学习如何有效地使用该框架。 首先，我们需要理解什么是SPA。单页应用程序是一种Web应用模式，...
Backbone.js 是一个轻量级的JavaScript库，主要用于构建复杂的Web应用程序。它遵循MVC（Model-View-Controller）模式，帮助开发者组织和管理代码，使得应用程序结构更加清晰。在Backbone中，模型、视图和路由器等...
这是一个基于Asp.net MVC框架，结合Backbone.js和React.js技术构建的DEMO项目，旨在提供一个学习和参考的实例。让我们深入探讨一下这个项目中涉及的关键知识点。 首先，Asp.net MVC是一种广泛使用的Web应用开发框架...
在"backbone-demo"中，加载"/demo1"、"/demo2"、"/demo3"可能就是通过路由实现的。 6. **REST API 插件**：提到需要WordPress REST API插件的版本2，这表明项目可能与WordPress集成，利用其API获取或提交数据。REST...
Backbone,mustache的一些demo,不过可能写得不怎么好，还要读者去调试
**BackBone介绍** Backbone.js 是一款轻量级的JavaScript框架，主要用来构建富客户端的Web应用。它强调数据模型的管理和视图的同步，帮助开发者以更有序的方式组织前端代码，提高开发效率。Backbone.js的核心设计...
这个"easeljs-backbone-demo"是一个结合了EaselJS和Backbone.js的示例项目，目的是展示如何将这两个库协同工作，以实现更复杂的交互式Web图形应用。通过使用EaselJS，开发者可以利用Canvas API创建丰富的视觉效果，...
在"Backbone-demo-app"这个项目中，我们可以深入理解如何在Backbone.js的基础上，利用Marionette.js来构建一个遵循MVC模式的应用程序。MVC模式是一种设计模式，它将应用程序的业务逻辑、用户界面和数据存储分离开来...