本文地址：http://blog.csdn.net/sushengmiyan/article/details/40427543

mvvm方式实现登陆的博客：http://blog.csdn.net/sushengmiyan/article/details/38815923

本文作者：sushengmiyan

------------------------------------------------------------------------------------------------------------------------------------

之前写过一篇文章，是Extjs5MVVM模式下系统登录实例 这文章写完之后，有人就提出了一个疑问，就是每次点击都会弹出登陆这个登陆窗体，想实现登陆之后就不再有登陆窗体这个界面，正因为那个问题于是产生了今天这篇文章。

方法一：官方网站---登陆体验实例：http://docs.sencha.com/extjs/5.0/tutorials/login_app.html  增加一个登陆的标志，根据登陆与否，显示不同的界面

方法二：使用window.open实现网页跳转。

第一步：下载extjs5   http://download.csdn.net/detail/sushengmiyan/7701943

第二步： 创建index.html和app.js，内容如下：

app.js

Ext.application({

    name   : 'EnterSellSaves',

    launch : function() {

       Ext.create('Ext.Panel', {

            renderTo     : Ext.getBody(),

            width        : 200,

            height       : 150,

            bodyPadding  : 5,

            title        : 'Hello World',

            html         : 'Hello <b>World</b>...'

        });

    }

});

index.html 

<!DOCTYPE html>

<html>

    <head>

        <title>欢迎来到 Ext JS!</title>

       <link rel="stylesheet" type="text/css" href="ext5/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">

       <script type="text/javascript" src="ext5/build/ext-all.js"></script>

       <script type="text/javascript" src="ext5/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>

       <script type ="text/javascript" src="app.js"></script>

    </head>

    <body></body>

</html>

在登陆界面，登陆按钮增加一个函数

onclick="login()"

函数实现如下：

<script type="text/javascript">

  function login(){

    window.opener = null;

    window.open('','_self');

	window.close();

	window.open('index.html','11','location=0,resizable=no,fullscreen=true,titlebar=no,status=no,toolbar=no,menubar=no,left=0,top=0');

  }

</script>

这样就能打开到index,html

对于逻辑判断，就可以更改为jsp啊ASP啊。

这个方法，可以使用sencha cmd生成应用程序框架，也可以使用自己手动引入js文件。感觉还不错。

最终效果---登录页面

登录跳转之后

页面跳转之后，URL也完成了。

[ExtJS5学习笔记]第二十五节 利用window.open()函数实现ExtJS5的登陆页面跳转的更多相关文章

  1. [ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39667533 官方文档:http://docs.sencha.com/extjs/5. ...

  2. [ExtJS5学习笔记]第十五节 Extjs5表格显示不友好？panel的frame属性在作怪

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39057243 sencha官方API:http://docs.sencha.com/e ...

  3. [ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/42016107 本文作者:sushengmiyan ------------------ ...

  4. [EXTJS5学习笔记]第二十六节 在eclipse/myeclipse中使用sencha extjs的插件

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/40507383 插件下载: http://download.csdn.net/detai ...

  5. [ExtJS5学习笔记]第二十节 Extjs5配合数组的push方法，动态创建并加载组件

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39226773 官方例子:http://docs.sencha.com/extjs/5. ...

  6. Python学习笔记第二十五周（Django补充）

    1.render_to_reponse() 不同于render,render_to_response()不用包含request,直接写template中文件 2.locals() 如果views文件中 ...

  7. [ExtJS5学习笔记]第二十八节 sencha ext js 5.1.0发布版本正式发布 extjs doc下载地址

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/41911539 本文作者:sushengmiyan ------------------ ...

  8. [ExtJS5学习笔记]第十六节 Extjs5使用panel新增的ViewModel属性绑定数据

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39078627 sencha官方API:http://docs.sencha.com/e ...

  9. [ExtJS5学习笔记]第十四节 Extjs5中data数据源store和datapanel学习

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39031383 sencha官方API:http://docs.sencha.com/e ...

随机推荐

  1. Mlecms 反射型xss && 后台任意文件下载

    应该算0day吧,自己分析出来的,有点鸡肋,不过小cms分析确实比较简单. xss地址:search.php?word=a><img+src=1+onerror=alert`1`>a ...

  2. 【实验吧】CTF_Web_因缺思汀的绕过

    打开页面,查看源代码,发现存在source.txt(http://ctf5.shiyanbar.com/web/pcat/source.txt),如下: <?php error_reportin ...

  3. Office 365 应用开发的 .NET Core 模板库

    概述 前不久我写过一篇文章拥抱开源,Office 365开发迎来新时代,给大家介绍了Office 365开发的典型场景是如何支持开源平台的:Office 365通过Microsoft Graph,以R ...

  4. bzoj 5248: [2018多省省队联测]一双木棋

    Description 菲菲和牛牛在一块n行m列的棋盘上下棋,菲菲执黑棋先手,牛牛执白棋后手.棋局开始时,棋盘上没有任何棋子, 两人轮流在格子上落子,直到填满棋盘时结束.落子的规则是:一个格子可以落子 ...

  5. ●Joyoi 收集邮票

    题链: http://www.joyoi.cn/problem/tyvj-2325题解.1: 期望dp,(平方的期望不等于期望的平方...) 在这个题上坑了好久,也算是对期望的理解又深了一些. 很好的 ...

  6. NOIP2014-5-24模拟赛

    Problem 1 护花(flower.cpp/c/pas) [题目描述] 约翰留下他的N(N<=100000)只奶牛上山采木．他离开的时候,她们像往常一样悠闲地在草场里吃草．可是,当他回来的时 ...

  7. 习题10-1 UVA 11040（无聊水一水）

    题意: 给你一个残缺的塔,每个数字由他下面左右两个数相加得.给你其中一部分,要求输出全部的数字. #include <iostream> #include <cstdio> # ...

  8. java 之 MyBatis（sql 可以执行，在eclipse执行报错问题）

    前段时间写 mybatis Sql 查询语句的时候,发现一个很奇怪的现象,我写的SQL 语句在 pl/Sql 中明明可以执行,但是放到 eclipse 中执行却报错,因为时间比较久,依稀记得是文字与字 ...

  9. vim配置文件和插件管理

    本文通过总结零碎的资料总结而成,更多是去引导学习vim配置文件及插件使用. .vimrc配置文件,内容如下(备注清晰) "引入插件pathogen使用 execute pathogen#in ...

  10. CSS3中三种清除浮动（float）的方法

    方法一:添加新的元素 .应用 clear:both .clear{ clear:both; height:; height:; overflow:hidden; } 方法二:父级div定义 overf ...