ext js6怎么拿到数据库里面的东西
时间: 2024-01-09 15:03:27 浏览: 93
要使用Ext JS6获取数据库中的数据,需要使用后端技术来连接数据库并提供数据API。常见的后端技术包括Java、PHP、Node.js等。以下是一个使用Node.js和Express框架来提供数据API的示例:
1. 安装Node.js和Express框架
2. 创建一个Express应用程序
```
mkdir myapp
cd myapp
npm init
npm install express --save
```
3. 创建一个数据API
```
const express = require('express')
const mysql = require('mysql')
const app = express()
// 创建数据库连接
const connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'mypassword',
database: 'mydatabase'
})
// 查询数据
app.get('/data', (req, res) => {
connection.query('SELECT * FROM mytable', (error, results, fields) => {
if (error) throw error
res.json(results)
})
})
// 启动应用程序
app.listen(3000, () => {
console.log('Server is running on port 3000')
})
```
4. 在Ext JS中使用数据API
```
Ext.define('MyApp.model.MyModel', {
extend: 'Ext.data.Model',
fields: [
{ name: 'id', type: 'int' },
{ name: 'name', type: 'string' }
]
})
Ext.define('MyApp.store.MyStore', {
extend: 'Ext.data.Store',
model: 'MyApp.model.MyModel',
proxy: {
type: 'ajax',
url: '/data',
reader: {
type: 'json',
rootProperty: 'data'
}
}
})
Ext.create('MyApp.store.MyStore', {
autoLoad: true,
listeners: {
load: function(store, records, success) {
if (success) {
console.log(records)
}
}
}
})
```
上述代码使用Ext.data.Store来加载数据,并在加载完成后打印数据记录到控制台。在实际应用中,可以使用Ext JS的组件来展示数据,如grid、chart等。
阅读全文