首先,大家需要下载EXT和MySQL的JavaScript驱动程序。EXT的下载地址为https://www.sencha.com/products/extjs,并选择与您的项目兼容的版本。MySQL的下载地址为https://dev.mysql.com/downloads/connector/j/。
在HTML文件中,大家需要引入EXT和MySQL的JavaScript驱动程序。代码如下:
<link rel="stylesheet" href="/ext-all.css"> <script type="text/javascript" src="/ext-all.js"></script> <script type="text/javascript" src="/mysql-connector-java-x.x.xx/js/mysql-connector-java.js"></script>
在JavaScript文件中,大家需要连接MySQL数据库。代码如下:
Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': '/path/to/extjs/ux' } }); Ext.require('Ext.ux.data.proxy.MySql'); var store = Ext.create('Ext.data.Store', { autoLoad: true, proxy: { type: 'mysql', url: '/path/to/script.php', reader: { type: 'json' } } });
在此示例中,大家使用了MySQL代理,其URL指向服务器上的PHP脚本。假设大家要从数据库中读取表中的数据,代码如下:
var store = Ext.create('Ext.data.Store', { autoLoad: true, proxy: { type: 'mysql', url: '/path/to/script.php', reader: { type: 'json', root: 'data' } }, fields: [ { name: 'id', type: 'int' }, { name: 'name', type: 'string' }, { name: 'age', type: 'int' } ] });
在这个示例中,大家定义了一个存储器,其数据来自代理。数据将从JSON对象的”数据”属性读取,这是大家从MySQL数据库中检索到数据的地方。
通过这个简单的示例,您已经学会了如何使用EXT连接MySQL数据库进行数据操作,在您的下一个项目中可以试试。祝您成功!