ExtJS與PHP、MySQL實(shí)現(xiàn)存儲(chǔ)的方法
更新時(shí)間：2010年04月02日 00:12:59 作者：
ExtJS與PHP、MySQL實(shí)現(xiàn)存儲(chǔ)的方法，需要的朋友可以參考下，里面有詳細(xì)的步驟。
1 建立數(shù)據(jù)庫(kù)、注冊(cè)表
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調(diào)用ExtJS文件
save.php數(shù)據(jù)存儲(chǔ)
register.php=>
<html>
<head>
<title>注冊(cè)</title>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript" src="register.js"></script>
</head>
<body>
</body>
</html>
save.php=>
<?php
if($_POST['password']!=$_POST['repassword'])
{
//不執(zhí)行存儲(chǔ)
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 "注冊(cè)成功";
}
else
{
echo "注冊(cè)失敗";
}
mysql_close($conn);
?>
3 ExtJs文件register.js編寫(xiě)
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:'身份證號(hào):'
},{
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:'密碼確認(rèn):',
},{
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: '注冊(cè)帳戶',
width: 400,
height:300,
minWidth:400,
minHeight: 300,
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form,
buttons: [{
text: '注冊(cè)',
handler:registerhandler
},{
text: '取消'
}]
});
window.show();
});
4 運(yùn)行http://localhost/register/register.php
Ext.Ajax.request({
url:
success:
method:
failure:
params:
});
Ext.getCmp().getForm().getValues();
平臺(tái)：ExtJS+PHP Eclipse+Apache+MySQLadmin+firebug
復(fù)制代碼 代碼如下:
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調(diào)用ExtJS文件
save.php數(shù)據(jù)存儲(chǔ)
register.php=>
復(fù)制代碼 代碼如下:
<html>
<head>
<title>注冊(cè)</title>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript" src="register.js"></script>
</head>
<body>
</body>
</html>
save.php=>
復(fù)制代碼 代碼如下:
<?php
if($_POST['password']!=$_POST['repassword'])
{
//不執(zhí)行存儲(chǔ)
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 "注冊(cè)成功";
}
else
{
echo "注冊(cè)失敗";
}
mysql_close($conn);
?>
3 ExtJs文件register.js編寫(xiě)
register.js=>
復(fù)制代碼 代碼如下:
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:'身份證號(hào):'
},{
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:'密碼確認(rèn):',
},{
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: '注冊(cè)帳戶',
width: 400,
height:300,
minWidth:400,
minHeight: 300,
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form,
buttons: [{
text: '注冊(cè)',
handler:registerhandler
},{
text: '取消'
}]
});
window.show();
});
4 運(yùn)行http://localhost/register/register.php
5 輸入相關(guān)信息，點(diǎn)擊‘注冊(cè)'
6 Post方面
7 數(shù)據(jù)庫(kù)方面
8 總結(jié)
Ext.Window
buttons的handler
radio的取值inputValue
復(fù)制代碼 代碼如下:
Ext.Ajax.request({
url:
success:
method:
failure:
params:
});
Ext.getCmp().getForm().getValues();
平臺(tái)：ExtJS+PHP Eclipse+Apache+MySQLadmin+firebug
您可能感興趣的文章:
- javascript Ext JS 狀態(tài)默認(rèn)存儲(chǔ)時(shí)間
- javascript js cookie的存儲(chǔ),獲取和刪除
- Node.js中調(diào)用mysql存儲(chǔ)過(guò)程示例
- 什么是cookie?js手動(dòng)創(chuàng)建和存儲(chǔ)cookie
- js瀏覽器本地存儲(chǔ)store.js介紹及應(yīng)用
- jsp使用cookie存儲(chǔ)中文示例分享
- 用JavaScript計(jì)算在UTF-8下存儲(chǔ)字符串占用字節(jié)數(shù)
- JavaScript筆記之?dāng)?shù)據(jù)屬性和存儲(chǔ)器屬性
- JSON復(fù)雜數(shù)據(jù)處理之Json樹(shù)形結(jié)構(gòu)數(shù)據(jù)轉(zhuǎn)Java對(duì)象并存儲(chǔ)到數(shù)據(jù)庫(kù)的實(shí)現(xiàn)
- js仿微博實(shí)現(xiàn)統(tǒng)計(jì)字符和本地存儲(chǔ)功能
- 瀏覽器中url存儲(chǔ)的JavaScript實(shí)現(xiàn)
- JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類實(shí)例
- 總結(jié)JavaScript三種數(shù)據(jù)存儲(chǔ)方式之間的區(qū)別
相關(guān)文章
關(guān)于PHP二進(jìn)制流 逐bit的低位在前算法(詳解)
本篇文章是對(duì)PHP二進(jìn)制流逐bit的低位在前算法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
PHP中實(shí)現(xiàn)接收多個(gè)name相同但Value不相同表單數(shù)據(jù)實(shí)例
這篇文章主要介紹了PHP中實(shí)現(xiàn)接收多個(gè)name相同但Value不相同表單數(shù)據(jù)實(shí)例,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了PHP數(shù)組操作類,涉及php針對(duì)數(shù)組的刪除、轉(zhuǎn)換、分組、排序等相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
PHP使用pcntl_fork實(shí)現(xiàn)多進(jìn)程下載圖片的方法
這篇文章主要介紹了PHP使用pcntl_fork實(shí)現(xiàn)多進(jìn)程下載圖片的方法,較為詳細(xì)的分析了pcntl_fork的原理與用法,以及使用pcntl_fork實(shí)現(xiàn)多進(jìn)程下載圖片的方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2014-12-12 
php微信公眾開(kāi)發(fā)之獲取周邊酒店信息的方法
這篇文章主要介紹了php微信公眾開(kāi)發(fā)之獲取周邊酒店信息的方法,涉及針對(duì)微信公眾平臺(tái)關(guān)于地理信息的應(yīng)用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12 
你應(yīng)該知道的PHP+MySQL分頁(yè)那點(diǎn)事
你應(yīng)該知道的PHP+MySQL分頁(yè)那點(diǎn)事，這篇文章主要為大家詳細(xì)介紹了PHP+MySQL分頁(yè)技術(shù)，為大家提供了完整php分頁(yè)實(shí)例，感興趣的小伙伴們可以參考一下
2016-08-08 
php實(shí)現(xiàn)通過(guò)stomp協(xié)議連接ActiveMQ操作示例
這篇文章主要介紹了php實(shí)現(xiàn)通過(guò)stomp協(xié)議連接ActiveMQ操作,結(jié)合實(shí)例形式分析了stomp擴(kuò)展安裝及使用stomp擴(kuò)展連接ActiveMQ具體操作技巧,需要的朋友可以參考下
2020-02-02 
這篇文章主要給大家介紹了PHP排序函數(shù)的使用方法,文章通過(guò)代碼示例介紹的非常詳細(xì),PHP排序函數(shù)的使用方法,需要的朋友可以參考下
2023-09-09 
Php output buffering緩存及程序緩存深入解析
在php中有時(shí)為了控制程序的輸出顯示順序，提供了output buffering緩存(php自身緩存機(jī)制)。若Ob緩存開(kāi)啟，需要輸出的就先存在ob緩存里，再到程序緩存里。若沒(méi)有開(kāi)啟，則直接進(jìn)入程序緩存，程序執(zhí)行完畢，按照順序從程序緩存里輸出
2013-07-07