2016-03-01 111 views
0

我使用Riot的开发人员API创建了英雄联盟网站。MEAN堆栈路由误解

我知道如何设置路由和什么不是,但我很困惑的事情,哪些网页/ URL通过快速路由处理和哪些页面/ URL由角​​处理?有人能帮我一个例子吗?我已经在这几个星期了,没有运气。 所以我会喜欢website.com/player/playerName将通过该玩家的名字搜索暴乱的开发者api,并拉起该页面的统计数据。

感谢所有帮助我能

+0

有许多不同的MEAN脚手架项目,你可以安装,通常与Yoeman,这将提供简单的工作应用程序,你可以用它来参考 – charlietfl

+0

他们都可以。您可以选择处理哪些。 – ryan0319

回答

0

Express将处理服务器端的路由,角将处理任何客户端的路由。

服务器端路由使用服务器端编译器生成网页,网页代码然后发送到浏览器进行渲染。这种情况发生在服务器(快递/节点)收到一个请求,这通常通过您的index.js(在路由DIR)或routes.js,你有一些代码来路由请求:

app.get('/', function (req, res) { 
    res.send('root'); 
}); 

你可以在此处了解有关Express路由的更多信息:http://expressjs.com/en/guide/routing.html

客户端路由使用Javascript更改已经呈现的代码,该代码现在已加载到浏览器中。因此,所有这些路由都发生在浏览器中。 Angular在其路由系统中使用了模板,因此您可以在用户浏览时加载不同的模板,而无需强制浏览器加载新页面。您角路由是在一个公共目录中app.js,以及路由代码看起来是这样的:

angular.module('pathApp',[] ,function($routeProvider, $locationProvider){ 
    $routeProvider 
    .when('/Book/Delete', { 
    template: '<div class="box" ng-class="classname">Delete</div>', 
    controller: function($scope) {$scope.classname="delete"} 
    }) 
    .when('/Book/Show', { 
    template: '<div class="box" ng-class="classname">Show</div>', 
    controller: function($scope) {$scope.classname="show"} 
    }) 
    .otherwise({redirectTo: '/Book/Error'}); 
    $locationProvider.html5Mode(true);   
}); 

您可以了解更多有关角路由的位置: https://docs.angularjs.org/api/ngRoute/service/ $路线