本文地址：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. Diango + uwsgi + nginx 项目部署（可外网访问）

    自己通过nginx uwsgi 部署django项目,查询了很多资料,遇到了很多问题,最终完成了部署,趁着心情愉悦,写个随笔,为曾像我一样苦寻解决方案的小伙伴们提供些思路. 安装Nginx: #安装n ...

  2. [HNOI 2002]营业额统计

    Description 营业额统计 Tiger最近被公司升任为营业部经理,他上任后接受公司交给的第一项任务便是统计并分析公司成立以来的营业情况. Tiger拿出了公司的账本,账本上记录了公司成立以来每 ...

  3. [SHOI2008]循环的债务

    Description Alice.Bob和Cynthia总是为他们之间混乱的债务而烦恼,终于有一天,他们决定坐下来一起解决这个问题. 不过,鉴别钞票的真伪是一件很麻烦的事情,于是他们决定要在清还债务 ...

  4. bzoj 4870: [Shoi2017]组合数问题

    Description Solution 考虑这个式子的组合意义: 从 \(n*k\) 个球中取若干个球,使得球的数量 \(\%k=r\) 的方案数 可以转化为 \(DP\) 模型,设 \(f[i][ ...

  5. weak_ptr解决shared_ptr环状引用所引起的内存泄漏[转]

    转载:http://blog.csdn.net/liuzhi1218/article/details/6993135 循环引用: 引用计数是一种便利的内存管理机制,但它有一个很大的缺点,那就是不能管理 ...

  6. ●UVA 11796 Dog Distance

    题链: https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem& ...

  7. 基于vfs实现自己的文件系统

    1.Linux 文件系统组成结构 linux文件系统有两个重要的特点:一个是文件系统抽象出了一个通用文件表示层--虚拟文件系统或称做VFS.另外一个重要特点就是它的文件系统支持动态安装(或说挂载等), ...

  8. ●BZOJ 3129 [Sdoi2013]方程

    题链: http://www.lydsy.com/JudgeOnline/problem.php?id=3129 题解: 容斥,扩展Lucas,中国剩余定理 先看看不管限制,只需要每个位置都是正整数时 ...

  9. bzoj4665小w的喜糖 dp+容斥

    4665: 小w的喜糖 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 120  Solved: 72[Submit][Status][Discuss] ...

  10. drools 手动创建kmoudle.xml文件

    @Test public void test() { KieServices kieServices = KieServices.Factory.get(); KieResources resourc ...