現在のアプリケーションを移植して、JavascriptMVC +RESTfullWebサービスを使用することを考えています。ただし、JavascriptMVCを使用してブックマーク可能なURLを作成できるかどうかはわかりません。
例:webappはコースをホストするアプリであり、次のようなURLがあります
/ courses / RDBMS / lecture / 1
JavascriptMVCでそのようなURLを作成することは可能ですか?
現在のアプリケーションを移植して、JavascriptMVC +RESTfullWebサービスを使用することを考えています。ただし、JavascriptMVCを使用してブックマーク可能なURLを作成できるかどうかはわかりません。
例:webappはコースをホストするアプリであり、次のようなURLがあります
/ courses / RDBMS / lecture / 1
JavascriptMVCでそのようなURLを作成することは可能ですか?
JavascriptMVCルーターを使用できます。これはjQuery.addressと同じですが、JavascriptMVCと統合されています:http://javascriptmvc.com/docs.html#!jQuery.route
URLを管理するために、jQuery.address(http://www.asual.com/jquery/address/ )の使用を検討できます。
jQuery.addressを使用すると、「http://example.com/#!/user/5」などのクロール可能なURLを設定し、アドレスの変更をリッスンしてそれに応じて動作することができます。
私自身のコードでは、次のように、スティール構成ファイル内からアドレスベースのルーターを設定しました。
steal.plugins(
'jquery/controller',
'jquery/controller/subscribe',
'jquery/view/ejs',
'jquery/controller/view',
'jquery/model',
'jquery/dom/fixture',
'jquery/dom/form_params',
'steal/less')
.css('css/vendor/reset-fonts-grids')
.resources('vendor/jquery.address-1.3.1.min.js')
.models('user')
.controllers('user')
.views()
.then(function() {
steal.less('css/style');
// Set up a router
$.address.baseURL('/basePath');
// $.address.crawlable(true);
$.address.change(function(event) {
var path = event.path;
switch(true) {
// Matches http://example.com/#!/ or http://example.com/
case /^\/$/.test(path):
$('#page').empty();
break;
// Matches http://example.com/#!/user/42/profile
case /^\/user\/[0-9]+\/profile/.test(path):
var userId = path.split("/")[2];
// Instantiate and load a controller
new User.Controllers.User($('body'),userId);
break;
case /^\/search/.test(path):
$.log('search');
break;
default:
$.log(event.path);
}
});
});
次に、HTMLランドから新しいページを呼び出すことができます。
<a href="/" onclick="$.address.value('/'); return false;">root url</a>
またはJSランドから経由
$.address.value('/user/10/profile');