Question

我希望不会因为我的问题而得到一些弊端：我是angularjs的新手，我想用它来构建一个真正的Web应用程序的原型，它只是用于演示，第一页有一个登录页面，它重定向到欢迎页面，用户名显示在顶部（欢迎约翰！）我找到的所有教程都基于1页的应用程序，任何人都可以帮助我在哪里可以找到这个问题的教程？

谢谢

Answer 1

实际上，大多数Javascript MVC的主要功能都属于单页面应用程序，你应该看看更多属于基于组件的解决方案的功能。

JS中基于组件的框架之一是Flight by Twitter。 http://twitter.github.io/flight/
JavascriptMVC http://javascriptmvc.com/

Answer 2

Jurka对MVC功能和单页应用程序是正确的。要使用Angularjs完成身份验证，您首先必须了解基本概念。

我建议您首先完成本教程：http://docs.angularjs.org/tutorial以了解基本概念。

我已经购买了O'Reilly的Angularjs Book，其中还包括身份验证。这本书并不完美，但初学者理解一些见解很好。

基本上，您只需要创建一个登录页面，并将用户名/密码存储在cookie中，以便保持会话状态。如果要对服务器进行身份验证，则可以在app.js中设置基本HTTP身份验证标头（如果使用angularjs-seed-project（https://github.com/angular/angular-seed））。这将确保每次请求都会将标头解析为服务器。

'use strict';


// Declare app level module which depends on filters, and services
angular.module('cc', ['cc.filters', 'cc.services', 'userService', 'formFieldService', 'cc.directives'])
// Define routing
.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.when('/user', {templateUrl: 'partials/user.html', controller: UserCtrl});
    $routeProvider.when('/view2', {templateUrl: 'partials/partial2.html', controller: MyCtrl2});
    $routeProvider.otherwise({redirectTo: '/user'});
}])

// Set headers
.config(['$httpProvider', function ($httpProvider) {
    //delete $httpProvider.defaults.headers.common["X-Requested-With"]
    $httpProvider.defaults.headers.common['Authorization'] = 'Basic am9obkBqb2huLmNvbTpibGE=';
    $httpProvider.defaults.headers.common['Content-Type'] = 'application/json';
    $httpProvider.defaults.headers.common['Accept'] = 'application/json';
}]);

我希望这会有所帮助。

亲切的问候，克里斯

带有angularjs的简单登录页面和欢迎页面（2个html文件）

2 个答案: