extjs mysql例子 初级_ExtJS与PHP、MySQL实现存储的方法

1 建立数据库

代码如下:

create database db_register;

create table db_register.tb_register(

reg_loginid varchar(20) primary key,

reg_name varchar(20) not null,

reg_id int not null,

reg_password varchar(20) not null,

reg_sex varchar(2),

reg_address varchar(50)

);

2 建立register.php和save.php

register.php调用ExtJS文件save.php数据存储register.php=>

代码如下:

注册

save.php=>

代码如下:

if($_POST['password']!=$_POST['repassword'])

{

//不执行存储

exit;

}

$conn=mysql_connect("localhost","root","123");

mysql_select_db("db_register");

$sql="insert into tb_register(reg_loginid,reg_name,reg_id,reg_password,reg_sex,reg_address)

values('".$_POST['login']."','".$_POST['name']."','".$_POST['id']."','".$_POST['password']."','"

.$_POST['sex']."','".$_POST['address']."')";

if(mysql_query($sql,$conn))

{

echo "注册成功";

}

else

{

echo "注册失败";

}

mysql_close($conn);

?>

3 ExtJs文件register.js编写register.js=>

代码如下:

Ext.onReady(function() {

function registerhandler() {

var values = Ext.getCmp("form").getForm().getValues(); // 获取form里textfield、radio等值

Ext.Ajax.request({

url : 'save.php',

success : function() {

Ext.Msg.alert("success");

},

method : "post",

failure : function() {

Ext.Msg.alert("failure");

},

params : values

});

}

var form = new Ext.form.FormPanel({

id : 'form',

baseCls : 'x-plain',

layout : 'absolute',

url : 'save-form.php',

defaultType : 'textfield',

items : [{

x : 0,

y : 0,

xtype : 'label',

text : '登录帐户:'

}, {

x : 80,

y : 0,

name : 'login',

anchor : '100%'

}, {

x : 0,

y : 30,

xtype : 'label',

text : '用户姓名:'

}, {

x : 80,

y : 30,

name : 'name',

anchor : '100%'

,

}, {

x : 0,

y : 60,

xtype : 'label',

text : '身份证号:'

}, {

x : 80,

y : 60,

name : 'id',

anchor : '100%'

,

}, {

x : 0,

y : 90,

xtype : 'label',

text : '用户密码:'

}, {

x : 80,

y : 90,

inputType : 'password',

name : 'password',

anchor : '100%'

,

}, {

x : 0,

y : 120,

xtype : 'label',

text : '密码确认:'

,

}, {

x : 80,

y : 120,

name : 'repassword',

inputType : 'password',

anchor : '100%'

,

}, {

x : 80,

y : 150,

xtype : 'radio',

name : 'sex',

fieldLabel : '性别',

boxLabel : '男',

inputValue : 'b' // radio的取值为:b

}, {

x : 0,

y : 152,

xtype : 'label',

text : '性别:'

}, {

x : 140,

y : 150,

xtype : 'radio',

name : 'sex',

fieldLabel : '性别',

boxLabel : '女',

inputValue : 'g' // radio的取值为:g

}, {

x : 0,

y : 180,

xtype : 'label',

text : '用户住址'

}, {

x : 80,

y : 180,

name : 'address',

anchor : '100%'

}]

});

var window = new Ext.Window({

title : '注册帐户',

width : 400,

height : 300,

minWidth : 400,

minHeight : 300,

layout : 'fit',

plain : true,

bodyStyle : 'padding:5px;',

buttonAlign : 'center',

items : form,

buttons : [{

text : '注册',

handler : registerhandler

}, {

text : '取消'

}]

});

window.show();

});

分享到：

2012-02-19 21:17

浏览 554

评论