uni-app数据储存
时间: 2023-08-30 22:10:26 浏览: 154
在uni-app中,你可以使用不同的方法来存储数据。以下是一些常用的数据存储方法:
1. 本地存储(LocalStorage):可以使用uni-app提供的LocalStorage API来存储少量的键值对数据。这种存储方式只能存储字符串类型的数据,对于复杂的数据结构需要进行序列化和反序列化操作。
```javascript
// 存储数据
uni.setStorageSync('key', 'value');
// 读取数据
let data = uni.getStorageSync('key');
// 清除数据
uni.removeStorageSync('key');
```
2. 数据库存储(WebSQL、IndexedDB):uni-app支持在H5环境下使用WebSQL或IndexedDB来进行数据库存储。这种方式适合存储大量结构化数据,可以进行复杂的查询操作。
```javascript
// 打开数据库
let db = uni.openDatabase({
name: 'mydb',
version: '1.0',
displayName: 'My Database',
estimatedSize: 2 * 1024 * 1024
});
// 创建表
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS mytable (id unique, name)');
});
// 插入数据
db.transaction(function(tx) {
tx.executeSql('INSERT INTO mytable (id, name) VALUES (?, ?)', ['1', 'John Doe']);
});
// 查询数据
db.transaction(function(tx) {
tx.executeSql('SELECT * FROM mytable', [], function(tx, result) {
for (let i = 0; i < result.rows.length; i++) {
console.log(result.rows.item(i));
}
});
});
```
3. 文件存储:uni-app提供了一些API来进行文件的读写操作,可以将数据以文件的形式存储在本地。
```javascript
// 写入文件
uni.writeFile({
filePath: 'path/to/file',
data: 'Hello, World!',
success: function() {
console.log('File written successfully');
}
});
// 读取文件
uni.readFile({
filePath: 'path/to/file',
success: function(data) {
console.log('File content:', data);
}
});
// 删除文件
uni.unlink({
filePath: 'path/to/file',
success: function() {
console.log('File deleted successfully');
}
});
```
根据你的需求和数据量的大小,选择适合的数据存储方式。
阅读全文