`
endual
  • 浏览: 3558768 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

extjs 登陆代码分析

    博客分类:
  • ajax
 
阅读更多

Ext.onReady(function(){
     Ext.BLANK_IMAGE_URL ="scripts/ext/resources/images/default/s.gif";     
     Ext.QuickTips.init();
     Ext.form.Field.prototype.msgTarget="qtip";
   
      var loginForm = new Ext.FormPanel({
          renderTo:"loginForm",
          id:"loginForm1",   
          width:340,
          height:155, 
          frame:true,
          monitorValid:true,
          items:[ 
               new Ext.form.TextField({ 
               id:"username",
               name:"username",
               fieldLabel:"用 户 名",
               minLength:"6",
               minLengthText:"用户名长度不能小于{0}",
               maxLength:"20",
               maxLengthText:"用户名长度不能大于{0}",
               allowBlank:false,
               blankText:"必须输入用户名"
              }), 
              new Ext.form.TextField({
               id:"password", 
               name:"password",
               fieldLabel:"密  码",
               inputType:"password",
               minLength:"6",
               minLengthText:"密码长度不能小于{0}",
               maxLength:"20",
               maxLengthText:"密码长度不能大于{0}",
               allowBlank:false,
               blankText:"必须输入密码"
              }),
            
              new Ext.form.TextField({
              id:"randCode",
              name:"randCode",
              width:"70",
              fieldLabel:"验证码",
              allowBlank:false,
              blankText:"必须输入验证码"
              })
              ],
          buttons:[
                {text:"登录",formBind:true,handler:function(){
                    loginForm.getForm().submit({
                     url:"bookext.do?method=login",
                     waitMsg:"请稍等,正在登录!",    
                        success:function(form ,action){  
                           // Ext.Msg.alert("用户名",action.result.user);   
                            window.location.href="/MyWebRebuild/bookext.do?method=getUserName";
                        },  
                        failure:function(form , action){      
                            Ext.Msg.alert("提示",action.result.msg);
                        }   
                    });
                    }},        
               
                {text:"重置",handler:function(){
                    loginForm.form.reset();
                    }}
          ]   
          }); 
      
          var rc =Ext.getDom("randcode");
          var rcp =Ext.get(rc.parentNode);
          rcp.createChild({tag:'img',src:'pagesExt/image.jsp',align:'absbottom'});
          var loginWindow = new Ext.Window({
          width:340,
          height:200,
          title:"用户登录",
          items:loginForm,
          draggable:true,
          resizable:false,
          closable:true
          });
          loginWindow.show();
    });

分享到:
评论

相关推荐

    ssh整合实现登录的例子,包含源代码,用extjs做的登录界面

    6. **源代码分析**:压缩包中的`ssh_extjs_test`很可能包含了项目的源代码结构,包括Java类文件(如Action、Service、DAO等)、配置文件、以及ExtJS的JavaScript文件。通过对这些文件的分析,可以了解整个登录流程的...

    extjs实现登陆验证

    通过以上分析,我们了解到ExtJS框架下实现登录验证的基本流程和技术细节。从初始化组件、构建表单到处理用户输入,每一步都体现了ExtJS在Web应用开发中的强大功能和灵活性。理解这些代码背后的逻辑,不仅能够帮助...

    extjs 登陆页面+验证码

    标题中的“extjs 登录页面+验证码”表明我们要讨论的是使用ExtJS框架构建的一个登录页面,其中包含了验证码功能。ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序,它提供了丰富的用户界面组件和强大的...

    extjs 登陆页面

    标题 "extjs 登陆页面" 暗示我们要讨论的是使用 ExtJS 框架创建登录界面的相关技术。ExtJS 是一个基于 JavaScript 的组件库,用于构建富客户端 Web 应用程序。它提供了丰富的 UI 组件,包括表格、面板、表单等,非常...

    ExtJS4+JSON+Servlet(Struts2)实现登录验证

    通过分析这些代码,你可以学习到如何将这些技术有效地结合在一起,实现一个完整的登录验证系统。 总之,“ExtJS4+JSON+Servlet(Struts2)实现登录验证”是一个涵盖了前端交互、数据传输和后端处理的综合实例,对于...

    ExtJS4中文教程2 开发笔记 chm

    Extjs4开发笔记(四)——实现登录功能 Extjs4开发笔记(一)——准备工作 关于Extjs4开发笔记(二)的补充说明 在Extjs4应用中使用Ext.Loader ======================================= 11条jquery常用技巧和方法...

    EXT JS源码分析与开发实例宝典【源代码】

    我上传的是【EXT JS源码分析与开发实例宝典】随书附的源代码,实例颇多,包括绘制流程图,制作QQ通讯软件,用户登录注册、文件上传,图片放大缩小等等,企业级管理平台等等,由于上传大小受限,EXT3.0库请另行下载

    asp.net与extjs开发点卡在线销售系统完整源码

    在技术实现上,ASP.NET利用MVC(Model-View-Controller)模式进行开发,将业务逻辑、视图呈现和数据控制分离,提高了代码的可读性和可维护性。EXTJS的组件化设计使得前端开发更为灵活,通过AJAX技术实现前后端数据...

    SSH、extjs进销存管理系统

    EXTJS采用MVC(Model-View-Controller)架构模式,便于组织和管理代码,同时提供了丰富的主题和自定义选项,使用户界面更具吸引力。 J2EE(Java 2 Platform, Enterprise Edition)是Oracle公司推出的用于开发企业级...

    基于ExtJS开发的酒店管理系统C#源码

    【基于ExtJS开发的酒店管理系统C#源码】 在当今的信息化时代,酒店管理系统的开发已经成为提高酒店运营效率的关键工具。本系统采用先进的Web技术,特别是JavaScript库ExtJS,结合后端C#语言,构建了一个功能完备、...

    extjs登录.pdf

    从给定的代码片段来看,我们可以分析出以下关键知识点: 1. **EXTJS Window组件**: - `Ext.Window` 是EXTJS中的一个组件,用于创建弹出式窗口。在代码中,我们看到它被用来构建登录界面,包含了窗口的基本属性如...

    ExtJs毕业论文管理系统源码

    ExtJs毕业论文管理系统源码是一个基于前端框架ExtJs和后端数据库SQL Server 2000构建的应用程序,主要用于管理毕业论文的相关流程。这个系统旨在提高教育机构在处理学生毕业论文工作上的效率,包括论文的提交、审核...

    ExtJS与.NET结合开发实例-殷良胜

    - **登陆.rar**:这是一个登录界面的示例,可能涉及用户验证和会话管理,涉及到.NET的安全性和身份验证机制。 5. **开发技巧**: - **数据绑定**:ExtJS的Model和Store可以与.NET的数据实体和数据服务进行绑定,...

    java后台extjs开发京东项目案例

    2. Sencha CMD:命令行工具,用于自动化构建、打包 ExtJS 项目,包括代码压缩、合并等优化操作。 3. MVC 模式:在前端实现类似 Spring 的 MVC 架构,使代码结构清晰,易于维护。 4. Store 和 ViewModel:Store 管理...

    ext extjs4学习经典实例 guice mybaits 简单权限 (无ext资源包和jar包)

    EXTJS4、Guice与MyBatis是三个在IT领域中重要的技术,它们分别用于构建用户界面...同时,通过分析和运行这个实例,可以加深对EXTJS4前端交互、Guice依赖管理和MyBatis数据库操作的理解,为今后的项目开发积累宝贵经验。

    extjs3.0+struts2源码

    ExtJS 3.0 和 Struts2 是两个在Web开发领域广泛应用的开源框架。...通过深入学习和分析这个项目,开发者可以提升自己的JavaScript和Java Web开发技能,对ExtJS和Struts2有更深入的理解,并能应用到实际项目中。

    完整的JSP + ExtJS 学生信息管理

    10. 报表与统计:系统可能提供报表功能,如学生数量统计、成绩分析等,这可能利用ExtJS的图表组件和后端的数据聚合功能。 总之,"完整的JSP + ExtJS 学生信息管理系统"是一个集成了多种Web开发技术的综合应用,涵盖...

    Extjs4.1 系统框架 集成权限操作流程和页面

    1. **集中管理**:尽可能将权限检查逻辑集中在一处,如全局的权限服务,以减少代码重复和提高可维护性。 2. **角色优先**:优先基于角色分配权限,而非单独为每个用户设置,这样便于管理和调整权限策略。 3. **...

    extjs 教师评估系统源代码

    总体来说,这个源代码可以作为一个学习ExtJS和Web应用开发的实例,对于熟悉教育领域系统设计和JavaScript编程的开发者,有一定的参考价值。不过,由于其已过期且缺乏支持,实际应用于生产环境前需要大量更新和测试。

    php-blog.rar_extjs_extjs php_extjs php bl_php blog

    通过学习和分析这个项目,开发者不仅可以掌握EXTJS和PHP的结合使用,还能了解到如何构建一个完整的Web应用,包括前端交互、后端逻辑、数据库设计以及安全性考量。对于初学者来说,这是一个很好的实践案例,对于经验...

Global site tag (gtag.js) - Google Analytics