文档章节

一个EXTJS与JSP连接把数据写入数据库的例子

溪边九节
 溪边九节
发布于 2016/04/09 22:04
字数 758
阅读 16
收藏 0

下面的问题本来是我问别人的最后自己搞定了,改自一个与PHP的版本。

现在有一个EXTJS做的前台注册窗口,窗口中有用户和密码两栏,一个提交按钮。
-----现在,在用户和密码两栏中填入数据,之后点提交按钮,数据通过EXTJS 提交到JSP然后写入数据库。
要全部的代码:EXTJS(前台部分),JSP(后台部分)

 

 

<!-- 首先前台部分使用extjs写一个简单的注册窗口 文件名为 login.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>extDemo</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" mce_href="ext/resources/css/ext-all.css" /> 
<mce:script type="text/javascript" src="ext/adapter/ext/ext-base.js" mce_src="ext/adapter/ext/ext-base.js"></mce:script>
<mce:script type="text/javascript" src="ext/ext-all.js" mce_src="ext/ext-all.js"></mce:script>
</head>
<body>
<mce:script type="text/javascript"><!--
Ext.onReady(function(){ 
          //使用表单提示
          Ext.QuickTips.init();
          Ext.form.Field.prototype.msgTarget = 'side';
                  
                  //定义表单
          var simple = new Ext.FormPanel({
                                labelWidth: 75,                         
                                baseCls: 'x-plain',
                                defaults: {width: 150},
                                defaultType: 'textfield',//默认字段类型
                 
                                //定义表单元素
                                items: [{
                                                fieldLabel: '帐户',
                                                name: 'name',//元素名称
                                                //anchor:'95%',//也可用此定义自适应宽度
                                                allowBlank:false,//不允许为空
                                                blankText:'帐户不能为空'//错误提示内容
                                        },{
                                            inputType:'password',
                                                fieldLabel: '密码',
                                                //anchor:'95%',
                                                name: 'pws',
                                                allowBlank:false,
                                                blankText:'密码不能为空'
                                        }
                                ],

                                buttons: [{
                                        text: '提交',
                                        type: 'submit',
                                        //定义表单提交事件
                                        handler:function(){
                        if(simple.form.isValid()){//验证合法后使用加载进度条
                                    Ext.MessageBox.show({
                                 title: '请稍等',
                                 msg: '正在加载...',
                                 progressText: '',
                                 width:300,
                                 progress:true,
                                 closable:false,
                                 animEl: 'loding'
                                });
                                //控制进度速度
                              var f = function(v){
                           return function(){
                               var i = v/11;
                                Ext.MessageBox.updateProgress(i, '');
                                  };
                                };

                           for(var i = 1; i < 13; i++){
                             setTimeout(f(i), i*150);
                              }
                                  
                               //提交到服务器操作
                              simple.form.doAction('submit',{
                              url:'check.jsp',//文件路径
                              method:'post',//提交方法post或get
                              params:'',
                              //提交成功的回调函数
                             success:function(form,action){
                               if (action.result.msg=='ok') {
                               //document.location='index.html';
                               Ext.Msg.alert('提示窗口','提交已成功!');
                             } else {
                                Ext.Msg.alert('登陆错误',action.result.msg);
                               }
                               },
                            //提交失败的回调函数
                             failure:function(){
                              Ext.Msg.alert('错误','服务器出现错误请稍后再试!');
                                 }
                               });
                              }                                                                               
                                        }
                                },{
                                        text: '取消',
                                        handler:function(){simple.form.reset();}//重置表单
                                }]
                        });    
                               //定义窗体
                                   win = new Ext.Window({
                                                id:'win',
                                                title:'注册窗口',
                                              layout:'fit',   //之前提到的布局方式fit,自适应布局                                    
                                                width:300,
                                                height:150,
                                                plain:true,
                        bodyStyle:'padding:5px;',
                                                maximizable:false,//禁止最大化
                                                closeAction:'close',
                                                closable:false,//禁止关闭
                                                collapsible:true,//可折叠
                                                plain: true,
                                                buttonAlign:'center',
                                                items:simple//将表单作为窗体元素嵌套布局
                                        });
                                        win.show();//显示窗体
                                                                                
                 });
// --></mce:script>
</body>
</html>

 

 

<!-- 后台部分 这里数据库使用的是Access数据库    本文件名为 check.jsp-->
<%@ page language="java" contentType="text/html; charset=gb2312"
    pageEncoding="gbk"%>
<%@ page import = "java.sql.*,java.util.*" %>
<%
      request.setCharacterEncoding("gb2312");
      String name=request.getParameter("name");
      String pws=request.getParameter("pws");
      if(name.equals(pws)){
         out.print("{success:true,msg:/'ok/'}");
      }else{
         out.print("{success:true,msg:/'帐户或密码错误/'}");
      }
      
      try{
      String message=pws;
      String sourceURL="jdbc:odbc:driver={Microsoft Access Driver (*.mdb)};DBQ=D://accdb";     
//DataBase是Access MDB文件的主文件名
      try{   
          Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");   
          }catch(Exception e){   
           e.printStackTrace();   
       }  
      Connection conn=DriverManager.getConnection(sourceURL);
//把驱动放入连接
      Statement stmt=conn.createStatement();
//创建一个 Statement 对象来将 SQL 语句发送到数据库。
      stmt.executeUpdate("INSERT INTO student VALUES("+"'"+name+"'"+","+"'"+message+"'"+")");
     
      stmt.close();
      conn.close();
    }
    catch(SQLException sqle){
            //System.err.println(sqle);
    }
      
%>

© 著作权归作者所有

溪边九节

溪边九节

粉丝 43
博文 129
码字总数 107230
作品 1
南京
程序员
私信 提问
有公司需要招人的朋友帮推荐一下啊——时间真是不巧

下面这个是我的个人简历: 1、熟练使用java 2. 熟悉MSSQL,MySQL,了解Oracle 3. 熟练使用js 4. 熟练使用JSP/Servlet,Strurts,spring,hibernate,Ajax,ExtJs,还学了些杂七杂八的技术框架...

暗之幻影
2014/12/17
26
0
如何将ExtJS的文件引入到一个JSP页面中。

大家好,在这里请教各位一个关于ExtJS和JSP的问题。 我已经使用ExtJS技术画好了一个界面,即,现在我有了一个.js文件。 我想做的是:将该.js文件对应的界面显示到一个JSP文件中。 这个过程大...

不理不彩
2014/05/30
1K
2
我现在的技术大概可以拿多少薪水,我列出了我会的东西

现在的工作。模拟用户行为。或者是模拟链接,,就像一个盒子扔进去东西,扔出来东西,不知道里面算法。最后可以达到传进去我想传的,和得到我想要的。有两个重要功能我完成了第一个。接下来做...

码农与厨子
2013/04/27
5.6K
41
为应用添加数据库监控(采用 Druid)

1、使用dataSource,填写对应的URL username 和password就可以了! <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource" init-method="init" destroy-method="close"> </......

jxlgzwh
2014/11/21
2.3K
3
extjs画柱状图不显示柱子

用extjs仿照demo画了个柱状图,结果把js放在jsp里之后,发现其他都能显示,就是柱子不能显示。 RainHistogram.js jsp如下:

HotGaoGao
2016/07/16
463
1

没有更多内容

加载失败,请刷新页面

加载更多

CSS盒子模型

一、什么叫框模型 页面元素皆为框(盒子) 定义了元素框处理元素内容,内边距,外边距以及边框的计算方式 二、外边距 围绕在元素边框外的空白距离(元素与元素之间的距离) 语法:margin,定...

wytao1995
今天
4
0
Replugin借助“UI进程”来快速释放Dex

public static boolean preload(PluginInfo pi) { if (pi == null) { return false; } // 借助“UI进程”来快速释放Dex(见PluginFastInstallProviderProxy的说明) return PluginFastInsta......

Gemini-Lin
今天
4
0
Hibernate 5 的模块/包(modules/artifacts)

Hibernate 的功能被拆分成一系列的模块/包(modules/artifacts),其目的是为了对依赖进行独立(模块化)。 模块名称 说明 hibernate-core 这个是 Hibernate 的主要(main (core))模块。定义...

honeymoose
今天
4
0
精华帖

第一章 jQuery简介 jQuery是一个JavaScript库 jQuery具备简洁的语法和跨平台的兼容性 简化了JavaScript的操作。 在页面中引入jQuery jQuery是一个JavaScript脚本库,不需要特别的安装,只需要...

流川偑
今天
7
0
语音对话英语翻译在线翻译成中文哪个方法好用

想要进行将中文翻译成英文,或者将英文翻译成中文的操作,其实有一个非常简单的工具就能够帮助完成将语音进行翻译转换的软件。 在应用市场或者百度手机助手等各大应用渠道里面就能够找到一款...

401恶户
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部