1建立数据表
CREATE TABLE `login` ( `id` int(11) NOT NULL, `name` varchar(20) NOT NULL, `password` varchar(20) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; insert into login values ('1','hong','1234'), ('2','linxiang','1234'), ('3','chen','99a9s'), ('4','luxi','aabe2');
2建立jsonreader.html视图文件,jsonreader.html调用json.js
<html> <head> <title>注册</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <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="json.js"></script> </head> <body> <div id='grid'></div> </body> </html>
3json.js 构建extjs的界面,将界面与前台视图关联(id=grid) 动态数据与后台getData.php关联.关键所在
Ext.onReady(function() { store=new Ext.data.JsonStore({ url:'getData.php', data:[], fields:[ {name:'id'}, {name:'name'}, {name:'password'} ] }); store.load(); new Ext.grid.GridPanel({ store:store, mode:'remote', title:'简单Grid表格示例', applyTo:'grid', width:250, height:150, frame:true, columns:[ {header:"id",width:50,dataIndex:'id',sortable:true}, {header:"姓名",width:80,dataIndex:'name',sortable:true}, {header:"年龄",width:80,dataIndex:'password',sortable:true} ] }) });
4后台查询从数据库取数据
<?php $conn = mysql_connect("localhost", "root", "*****"); mysql_select_db("test"); $sql = "select id,name,password from login"; $result = mysql_query($sql, $conn); while ($row = mysql_fetch_array($result)) { $arr4[] = $row; } echo json_encode($arr4); ?>
5运行http://localhost/jsonreader.html
关于引用ext的js,css报错问题Unknown: Failed opening required '/var/www/html/deploy/js.php'
删除ext目录下面的.htaccess文件
相关推荐
由于最近本人在学习extjs,所以做了一个简单的extjs和后台交互的例子,和大家分享一下,因为本人积分不多,所以要点积分哈。
Extjs和数据库交互,增删改查Extjs和数据库交互,增删改查(修改测试通过)
Extjs和后台数据库交互的程序,增删改查(终极版),个人测试过,直接导入myeclipse,然后启动tomcat即可运行,增删改查都实现了,可成功运行。 如有问题,可联系我,一起解决。
ssh+extjs+mysql整合
extjs+mysql实例下载extjs+mysql实例下载extjs+mysql实例下载extjs+mysql实例下载extjs+mysql实例下载
ext精髓,Extjs如何与数据库交互,可以很快的叫你EXT一些知识
用户管理是与后台的servlet进行交互的,包括增删改查
php mysql Extjs 合同信息管理,包括添加、修改、删除、查询
一个关于extjs的动态树demo 好久没裸写(不用框架)过了,都不记得关闭数据连接的语句写在哪里了。 这个demo至少要你懂得一些extjs语法,否则,你会看着很费劲。 里面提供了需要的表结构和mysql驱动 如果你不会mysql...
extjs3连接mysql数据库实现增删查改功能,下载之后导入就能直接运行,extjs3连接mysql数据库实现增删查改功能
extjs和数据库的后天交互,好好的学习中,。。。。。。。
自己才刚刚学习了extjs近1个月有余,边总结边学习,这些应该对初学者比较适用,自己总结的
对于extjs开发的技术总结,ztree
这是本人自己总结最好用的通用后台管extjs+MySQL+oracle+SQL server数据库源码:主要运用了一下的知识: 1、主要运用的后台框架是extjs, 2、jsp+hibernate+Struts2+spring+ajax+jQuery, 3、用到了Java面向对象的...
EXTJS Grid布局总结例子,含源代码。
本人搭建的ssh2+extjs+mysql最小jar包框架(只有20个)
学习EXTJS总结的例子,里面含有Grid以及ExtJs扩展的例子源码...
EXTJS开发总结.pdf
extjs和servlet数据交互的例子,对初次接触这方面的学习很有帮助
ExtJs、ASP.net运用Linq to SQL与SQL储存过程交互