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 array_intersect()函数使用代码
Jan 14 PHP
PHP备份/还原MySQL数据库的代码
Jan 06 PHP
php中多维数组按指定value排序的实现代码
Aug 19 PHP
php实现的zip文件内容比较类
Sep 24 PHP
php常用数学函数汇总
Nov 21 PHP
php中fgetcsv()函数用法实例
Nov 28 PHP
php获取json数据所有的节点路径
May 17 PHP
详解WordPress中给链接添加查询字符串的方法
Dec 18 PHP
ThinkPHP使用Smarty第三方插件方法小结
Mar 19 PHP
PHP实现ASCII码与字符串相互转换的方法
Apr 29 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
Sep 21 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
Dec 20 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
Laravel框架控制器,视图及模型操作图文详解
2019/12/04 PHP
JavaScript 异步方法队列链实现代码分析
2010/06/05 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
2013/03/01 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
js正则表达式匹配数字字母下划线等
2015/04/14 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
2015/11/18 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
Angular获取手机验证码实现移动端登录注册功能
2017/05/17 Javascript
原生js封装运动框架的示例讲解
2017/10/01 Javascript
基于dataset的使用和图片延时加载的实现方法
2017/12/11 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
使用nvm和nrm优化node.js工作流的方法
2019/01/17 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
JS实现无限轮播无倒退效果
2020/09/21 Javascript
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
详解用pyecharts Geo实现动态数据热力图城市找不到问题解决
2019/06/26 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
python实现静态web服务器
2019/09/03 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
通信工程专业毕业生推荐信
2013/12/25 职场文书
“四风”问题的主要表现和危害思想汇报
2014/09/19 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
go语言map与string的相互转换的实现
2021/04/07 Golang