ExtJS与PHP、MySQL实现存储的方法


Posted in PHP onApril 02, 2010

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=>
<html> 
<head> 
<title>注册</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']) 
{ 
//不执行存储 
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(); 
});

4 运行http://localhost/register/register.php

ExtJS与PHP、MySQL实现存储的方法 

5 输入相关信息,点击‘注册'

ExtJS与PHP、MySQL实现存储的方法

6 Post方面

ExtJS与PHP、MySQL实现存储的方法

7 数据库方面

ExtJS与PHP、MySQL实现存储的方法 
8 总结

Ext.Window
buttons的handler
radio的取值inputValue

Ext.Ajax.request({ 
url: 
success: 
method: 
failure: 
params: });

Ext.getCmp().getForm().getValues();
平台:ExtJS+PHP Eclipse+Apache+MySQLadmin+firebug
PHP 相关文章推荐
PHP脚本的10个技巧(2)
Oct 09 PHP
PHP网站基础优化方法小结
Sep 29 PHP
PHP函数篇之掌握ord()与chr()函数应用
Dec 05 PHP
深入解析PHP内存管理之谁动了我的内存
Jun 20 PHP
php strrpos()与strripos()函数
Aug 31 PHP
php使用异或实现的加密解密实例
Sep 04 PHP
php强制运行广告的方法
Dec 01 PHP
php检查字符串中是否包含7位GSM字符的方法
Mar 17 PHP
浅谈PHP中静态方法和非静态方法的相互调用
Oct 04 PHP
Zend Framework动作控制器用法示例
Dec 09 PHP
php删除数组指定元素实现代码
May 03 PHP
PHP实现的简单对称加密与解密方法实例小结
Aug 28 PHP
php截取utf-8中文字符串乱码的解决方法
Mar 29 #PHP
php上的memcache和memcached两个pecl库
Mar 29 #PHP
php 字符串函数收集
Mar 29 #PHP
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
Mar 27 #PHP
PHP初学者最感迷茫的问题小结
Mar 27 #PHP
php echo()和print()、require()和include()函数区别说明
Mar 27 #PHP
PHP 一个比较完善的简单文件上传
Mar 25 #PHP
You might like
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
php 删除记录实现代码
2009/03/12 PHP
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
正则表达式搭配js轻松处理json文本方便而老古
2013/02/17 Javascript
jquery ajax方式直接提交整个表单核心代码
2013/08/15 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
浅谈mint-ui loadmore组件注意的问题
2017/11/08 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
2019/04/11 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
VUE项目实现主题切换的多种方法
2020/11/26 Vue.js
[49:21]2018DOTA2亚洲邀请赛3月30日 小组赛B组 Effect VS iG
2018/03/31 DOTA
Django实现的自定义访问日志模块示例
2017/06/23 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
python解释器spython使用及原理解析
2019/08/24 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
Html5 canvas画图白板踩坑
2020/06/01 HTML / CSS
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
小学教师个人总结
2015/02/05 职场文书
2016公司年会通知范文
2015/04/25 职场文书
预备党员群众意见
2015/06/01 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书
写作技巧:怎样写好一份优秀工作总结?
2019/08/14 职场文书
Spring Bean是如何初始化的详解
2022/03/22 Java/Android