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(3)
Oct 09 PHP
php下使用以下代码连接并测试
Apr 09 PHP
PHP+MySQL 手工注入语句大全 推荐
Oct 30 PHP
如何突破PHP程序员的技术瓶颈分析
Jul 17 PHP
ThinkPHP上使用多说评论插件的方法
Oct 31 PHP
标准PHP的AES加密算法类
Mar 12 PHP
php实现用于验证所有类型的信用卡类
Mar 24 PHP
Thinkphp关闭缓存的方法
Jun 26 PHP
PHP经典面试题之设计模式(经常遇到)
Oct 15 PHP
Yii+MYSQL锁表防止并发情况下重复数据的方法
Jul 14 PHP
PHP创建单例后台进程的方法示例
May 23 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
Aug 15 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
提升PHP执行速度全攻略(上)
2006/10/09 PHP
PHP MYSQL乱码问题,使用SET NAMES utf8校正
2009/11/30 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
PHP如何实现跨域
2016/05/30 PHP
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
JavaScript实现下拉菜单的显示和隐藏
2016/01/05 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
2020/07/28 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
Python切片操作实例分析
2018/03/16 Python
详解Python 装饰器执行顺序迷思
2018/08/08 Python
Python实现连接MySql数据库及增删改查操作详解
2019/04/16 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
python实现控制COM口的示例
2019/07/03 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
css3学习心得分享
2013/08/19 HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
上海奥佳笔试题面试题
2016/11/16 面试题
三分钟英语演讲稿
2014/04/24 职场文书
亲子活动总结
2014/04/26 职场文书
西安兵马俑导游词
2015/02/02 职场文书
学校学期工作总结
2015/08/13 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python