怎么设置登录成功后跳转到相应的页面

想要用angularjs实现的功能是

一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html)

碰到的问题

1.一进入页面没有显示登录页面

2.显示成功后该如何跳转到相应的页面

3.应该在何处判断用户是否登录,或者登录超时之类的

下面是我的文档目录结构

app.js里的代码如下

'use strict';

// Declare app level module which depends on filters, and services

angular.module('myApp', [])

.run(function($rootScope) {

$rootScope.$on('$stateChangeStart', function(event,toState,toParams,fromState,fromParams) {

if(toState.name == 'login') return;//如果是进入登录页面则允许

//如果用户不存在

if(!$rootScope.user || $rootScope.user.token) {

event.preventDefault();//取消默认跳转行为

$state.go("login",{from:fromState.name,w:'notLogin'});//跳转到登录界面

}

});

})

.config(function($httpProvider,$rootProvider) {

$httpProvider.interceptors.push('userInterceptor');

$rootProvider

.when('/',{

templateUrl:'views/shopcart.html'

})

.when('/login', {

templateUrl: 'views/account/login/login.html'

})

.when('register', {

templateUrl: 'views/account/register/register.html'

})

.otherwise({

redirectTo:'/login'

});

})

.factory('userInterceptor',["$q","$rootScope",function($q,$rootScope) {

return {

request: function(config) {

config.headers["TOKEN"] = $rootScope.user.token;

return config;

},

responseError: function(response) {

var data = response.data;

//判断出错误码,如果是未登录

if(data["errorCode"] == "500999") {

//清空本地token存储信息

$rootScope.user = {token: ""};

//全局事件,方便其他view获取该事件,并给以相应的提示或处理

$rootScope.$emit("userInterceptor","notLogin",response)

}

//如果是登录超时

if(data["errorCode"] == "500998") {

$rootScope.$emit("userInterceptor","sessionOut",response);

}

return $q.reject(response);

}

}

}]);

login.controller.js文件里的代码如下

'use strict';

angular.module('myApp',[])

.controller('LogoinCtrl',["$rootScope","$scope", function($rootScope,$scope) {

//跳转到登录界面,记录了一个from,这样可以在登陆后自动跳转到未登录之前的那个页面去

$state.go("login", {from:$state.current.name,w:errorType});

if($rootScope.user,token) {

$state.go($rootScope.defaultPage);

return;

}

//登录成功后跳转到上一次页面,也就是上面记录的from

var from = $stateParams["from"];

$state.go(from && from != "login" ? from : $rootScope.defaultPage);

}]);

login.js里的代码如下

angular.module('myApp',[])

.config(function($stateProvider) {

$stateProvider

.state('login', {

url:"/login",

templateUrl:"views/account/login/login.html"

})

.state('register', {

url:'/register',

templateUrl:"views/account/register/register.html"

})

.otherwise({redirectTo: '/login'});

});

shopcart.js里的代码如下

'use strict';

angular.module('myApp',[])

.config(function($stateProvider) {

$stateProvider

.state('/',{

url:'/home',

templateUrl:'views/account/shopcart/shopcart.html' //登录成功后跳转到购物车页面

})

.oherwise({redirecTo:'/login'});

})

相关阅读:

secureCRT的问题

python里面这是什么编码

写h5图片太多,想做预加载,能帮忙看看这个函数怎么调用嘛?

Jquery PHP 如何实现SF中Markdown图片显示的功能?

正则表达式:/^|\s+/是什么意思?

请教PHP数组内存耗用太多问题的解决方法

关于SESSION不过期的问题

成功安装pyspider以后,本地使用就会出现错误

做ajax请求后端PHP的时候最后输出数据为什么我看别人代码都是exit()而非echo

数据库中各种角色分表的问题

linux程序怎么打包?

centos nginx 301重定向问题

wordpress 将统计代码放到 钩子里

pdo用好了是不是就基本不用自己在写输入过滤了吧?

怎样用REST设计 取得全部资源的部分信息的API

Gradle DSL method not found: 'android()'

Intellij IDEA 发布后的项目在哪里

django项目中的models.py里的类的定义和方法的定义没有包含的关系,还有必要用类名.方法名这样调用方法吗

visualstudio2010中ASP.NET中安全配置 总是提出mysql错误

requests 库 使用过程中timeout值最大可设值?

angular跳转指定页面_angularjs,前端_怎么设置登录成功后跳转到相应的页面,angularjs,前端 - phpStudy...相关推荐

  1. 登录成功后怎么跳转页面html,怎么设置登录成功后跳转到相应的页面

    想要用angularjs实现的功能是 一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html) 碰到的问题 1.一进入页面没有显 ...

  2. html登陆成功后跳转页面跳转,怎么设置登录成功后跳转到相应的页面

    想要用angularjs实现的功能是 一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html) 碰到的问题 1.一进入页面没有显 ...

  3. 用php写登录成功后的界面,登录成功后跳转_php如何实现登录成功后跳转页面

    摘要 腾兴网为您分享:php如何实现登录成功后跳转页面,指南针,优软商城,优美图,天天美剧等软件知识,以及蓝光mp3剪切器,微信6,scandallpro,新页生产管理软件,asmr音频,lc标签打印 ...

  4. 如何使用Shiro实现不同用户登录成功后跳转到不同主页?

    0 如何使用Shiro实现不同用户登录成功后跳转到不同主页?10 Shiro配置文件中successUrl指定的页面只有一个: Java代码   <bean id="shiroFilt ...

  5. 登录成功后跳回到原来页面

    应用场景:一般网页游客和登录用户看到的内容是有区别的,如果一个未登录的用户在看到登录提示后跳转到登录界面登录,那么登录成功后怎么返回到该页面呢? 写这篇博客是因为我自己把解决问题的方向想偏了,本来实现 ...

  6. js做简单的登录页面以及附加条件,登录成功后跳转

    新手第一次上传,还不会介绍,很简单,能看懂不难的 <!doctype html> <html lang="en"><head><meta ...

  7. Winform中实现简单的登录成功后跳转到主页面的逻辑

    场景 Winform中实现运行项目后首先启动登录窗体,验证成功之后,跳转到主页面. 注: 博客: BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot, ...

  8. java shiro登录实例_使用Shiro实现登录成功后跳转到之前的页面

    这个问题是之前在做登录注册模块时遇到的需求,如何用户直接访问登录页面,可以控制直接跳到首页,但是如果是用户没有登录直接访问了购物车等需要经过身份认证的页面,或者是因为session超时,用户需要重新登 ...

  9. django 设置登录成功后的页面

    python 版本3.7.4,django 2.2.6,设置登录后的页面,登录页面是在一个form 进行的,如下所示: <form method ="post",action ...

  10. vue登录成功回跳某个页面

    axios拦截器 很多时候,项目有些页面需要用户进行登录才可以继续进行操作,,登录完之后就需要跳转到用户登录之前想去的那个页面,这个实现比较简单: 使用axios进行http请求,进行拦截: axio ...

最新文章

  1. 我是买家的前世今生,该到了say goodbye的时候了!
  2. 使用 Termux 查看连接到手机热点的ip地址
  3. spring创建复杂对象的三种方式
  4. Linux(4)系统管理
  5. Apache Mahout:入门
  6. python36_第36 p,就这几个方法,Python中文件的操作
  7. hql分页获取数据总数_最简洁的分页插件PageHelper
  8. 一文读懂 KMP 算法 | 原力计划
  9. qtscrcpy自定义按键_操作更简单的QtScrcpy
  10. 计算机运行命令定时关机,电脑定时关机命令 使用系统命令定时关机 - 云骑士一键重装系统...
  11. [原创]CobaltStrike Metasploit Shellcode一键免杀工具
  12. SpringBoot实现本地、网络文件下载、zip压缩包批量下载
  13. linux下nginx重启命令
  14. Agile实践之Kanban工具: Wekan
  15. Goby - 新一代安全工具
  16. 一位程序员工作10年总结的10条建议
  17. 世界最大暗物质探测器成功运行!首个结果出炉,研究团队达250人,实验室在地下1.5公里...
  18. 互联网单点登录集成方案
  19. 爬虫+可视化——链家杭州二手房房源信息
  20. CUDA + cuDNN + tensorflow-gpu 安装

热门文章

  1. day9-mysql集群
  2. C#中的线程lt;一gt;
  3. COM 组件设计与应用(二)——GUID 和 接口
  4. Ubuntu中安装网易云音乐(可以直接打开的最简单的方法)
  5. 计算机组装与维护5416答案,沈阳工业大学计算机科学与技术专业2016年在重庆理科高考录取最低分数线...
  6. fortran语言和python_fortran是什么语言吗?
  7. tftp路由器刷机修复工具_魅族路由器极速版刷老毛子固件教程
  8. jsp input输入实时校验长度并提示_拆解「输入框」,理解输入反馈的规则逻辑
  9. 编译asp.net 2.0项目到dll文件
  10. 一文读懂MapReduce