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基础学习小结
Apr 17 PHP
PHP中strtotime函数使用方法详解
Nov 27 PHP
PHP中的函数-- foreach()的用法详解
Jun 24 PHP
PHP文件大小格式化函数合集
Mar 10 PHP
Windows下的PHP安装pear教程
Oct 24 PHP
php动态生成缩略图并输出显示的方法
Apr 20 PHP
PHP7之Mongodb API使用详解
Dec 26 PHP
php编程实现简单的网页版计算器功能示例
Apr 26 PHP
PHP实现将多个文件中的内容合并为新文件的方法示例
Jun 10 PHP
laravel实现按时间日期进行分组统计方法示例
Mar 23 PHP
Yii框架连表查询操作示例
Sep 06 PHP
基于Laravel(5.4版本)的基本增删改查操作方法
Oct 11 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加MYSQL服务器
2006/10/09 PHP
用文本文件制作留言板提示(上)
2006/10/09 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
thinkphp5.1框架容器与依赖注入实例分析
2019/07/23 PHP
用ADODB.Stream转换
2007/01/22 Javascript
jquery和雅虎的yql服务实现天气预报服务示例
2014/02/08 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
AngularJS基础知识笔记之过滤器
2015/05/10 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
2015/12/17 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
关于 jQuery Easyui异步加载tree的问题解析
2016/12/06 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
利用Python-iGraph如何绘制贴吧/微博的好友关系图详解
2017/11/02 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
python实现一组典型数据格式转换
2018/12/15 Python
python实现网页自动签到功能
2019/01/21 Python
python3实现点餐系统
2019/01/24 Python
解决Python 使用h5py加载文件,看不到keys()的问题
2019/02/08 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
澳大利亚家具和家居用品购物网站:Zanui
2018/12/29 全球购物
售后服务经理岗位职责
2014/02/25 职场文书
创建绿色学校先进个人材料
2014/08/20 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
工程安全生产协议书
2014/11/21 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS