一个login.jsp界面
一个ext_login.js:
Ext.onReady(function(){
Ext.QuickTips.init(); //初始化信息提示
var form = new Ext.FormPanel({
title:'user login',
width:'240px',
height:'200px',
renderTo:'loginDiv',
frame:true,
labelWidth:50,
labelAlign:'right',
items:[{
id:'username', //为输入框加个id
xtype:'textfield',
name:'username',
fieldLabel:'account',
allowBlank:false,
blankText:'account cannot be null'
},{
id:'password',
xtype:'textfield',
name:'password',
inputType:'password',
fieldLabel:'password',
allowBlank:false,
blankText:'account cannot be null'
}],
buttons:[{
text:'login',
id:'mybutton',
listeners:{ //关键:btn的click函数
"click":function(){
if(form.getForm().isValid()){
Ext.Ajax.request({
method:'post',
url:'ajaxLoginServer.jsp',
params:{
username:Ext.getCmp('username').getValue(), //获得filefield中的值
password:Ext.getCmp('password').getValue()
},
callback:function(options,success,response){
Ext.Msg.alert('notice',response.responseText);
}
});
}
}
}
}]
});
form.show();
});
一个ajaxLoginServer:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%
String username = request.getParameter("username");
String password = request.getParameter("password");
if(username == null){response.getWriter().write("username == null");}
if(username.equals("")){response.getWriter().write("username.equals-null");}
if(username.equals("guanlin") && password.equals("123")){
response.getWriter().write("success!");
}else{
response.getWriter().write("failed! nihao" + username);
}
%>
分享到:
相关推荐
extjs和数据库的后天交互,好好的学习中,。。。。。。。
用户管理是与后台的servlet进行交互的,包括增删改查
ExtJs和Java通过Servlet交互实现数据库增删查改分页
使用extjs实现的超炫后台模版下载实例 整理测试了很久特来贡献
Extjs和后台数据库交互的程序,增删改查(终极版),个人测试过,直接导入myeclipse,然后启动tomcat即可运行,增删改查都实现了,可成功运行。 如有问题,可联系我,一起解决。
Extjs和数据库交互,增删改查Extjs和数据库交互,增删改查(修改测试通过)
Extjs_前后台数据交互[归类].pdf
使用java,extjs,配合后台oracle数据库的代码框架,这段代码是extjs的grid的一个详细案例使用java,extjs,配合后台oracle数据库的代码框架,这段代码是extjs的grid的一个详细案例使用java,extjs,配合后台oracle...
一个基于ExtJs3实现,简洁完整的后台管理系统入门实例。
由于最近本人在学习extjs,所以做了一个简单的extjs和后台交互的例子,和大家分享一下,因为本人积分不多,所以要点积分哈。
ExtJS入门实例、包含各种详细代码,非常适合初学者学习
介绍如何应用ExtJs进行前后台的数据交互,修改原有myeclipse示例中的一些bug,在eclipse中运行正常。
用extjs5.1加mysql和java spring Hibernate 搭建的后台管理系统,可作为OA、网站、电子政务、ERP、CRM、APP后台等基于B/S架构的应用软件系统的快速开发框架
可二次开发Extjs4.0通用后台管理系统源码完整大型项目。数据库在项目里面的一个sql文件里面 1、采用Spring MVC的静态加载缓存功能,在首页将Javascript文件、CSS文件和图片等静态资源文件加载进来放进内存,极大提高...
(Java+JSP)可二次开发Extjs4.0通用后台管理系统源码完整大型项目
1、采用Spring MVC的静态加载缓存功能,在首页将Javascript文件、CSS文件和图片等静态资源文件加载进来放进内存,极大提高ExtJS的加载速度。 2、三种皮肤主题:经典、灰色和海王星,支持多浏览器和多分辨率。 3、...
个人《Extjs4学习指南》电子文档过程中整理的Myeclipse工程,有以下修改:1、数据库改为Mysql;2、前四章后台改为servlet;...4、先执行ExportDB.java生成数据库表,再执行InitData.java生成测试数据
ExtJs2.x完整的登录实例.zip
基于ExtJS的通用后台管理系统,淘宝买的,拿出来分享给大家,亲试可用,压缩包里有说明文档,数据库脚本,挺全的。
ExtJS+JAVA通用后台权限管理源码:附使用说明、数据库文件