使用angularjs的简单登录页面和欢迎页面(2个html文件)

使用angularjs的简单登录页面和欢迎页面(2个html文件),angularjs,Angularjs,我希望不会因为我的问题而得到一些缺点: 我是angularjs的新手,我想用它来构建一个真正的web应用程序的原型,它只是为了演示,第一个页面有一个登录页面,它重定向到一个欢迎页面,用户名显示在顶部(欢迎John!) 我找到的所有教程都基于一个1页的应用程序,任何人都可以帮助我在哪里可以找到这个问题的教程 谢谢实际上,Javascript MVC-s的大多数主要功能都属于单页应用程序,您应该更多地了解属于基于组件的解决方案的功能 JS中基于组件的框架之一是Flight by Twitter J

我希望不会因为我的问题而得到一些缺点: 我是angularjs的新手,我想用它来构建一个真正的web应用程序的原型,它只是为了演示,第一个页面有一个登录页面,它重定向到一个欢迎页面,用户名显示在顶部(欢迎John!) 我找到的所有教程都基于一个1页的应用程序,任何人都可以帮助我在哪里可以找到这个问题的教程


谢谢

实际上,Javascript MVC-s的大多数主要功能都属于单页应用程序,您应该更多地了解属于基于组件的解决方案的功能

  • JS中基于组件的框架之一是Flight by Twitter
  • JavascriptMVC

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

      我建议您首先学习本教程:了解基本概念

      我买了奥雷利的安格拉书,书中还包括认证。这本书不是十全十美的,但对于初学者来说可以理解一些见解

      基本上,您所要做的就是创建一个登录页面,并将用户名/密码存储在一个cookie中,以保持会话正常进行。如果要针对服务器进行身份验证,如果使用angularjs种子项目(),则可以在app.js中设置基本HTTP身份验证头。这将确保每个请求都会将头解析到服务器

      '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';
      }]);
      
      我希望这有帮助

      亲切问候,, 克里斯