MEAN堆栈路由误解
问题描述:
我使用Riot的开发人员API创建了英雄联盟网站。MEAN堆栈路由误解
我知道如何设置路由和什么不是,但我很困惑的事情,哪些网页/ URL通过快速路由处理和哪些页面/ URL由角处理?有人能帮我一个例子吗?我已经在这几个星期了,没有运气。 所以我会喜欢website.com/player/playerName将通过该玩家的名字搜索暴乱的开发者api,并拉起该页面的统计数据。
感谢所有帮助我能
答
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/ $路线
有许多不同的MEAN脚手架项目,你可以安装,通常与Yoeman,这将提供简单的工作应用程序,你可以用它来参考 – charlietfl
他们都可以。您可以选择处理哪些。 – ryan0319