当前位置:首页 > uni-app

uniapp数据储存

2026-02-06 03:38:14uni-app

uniapp 数据存储方式

本地存储(LocalStorage)
适用于存储简单的键值对数据,数据持久化保存,但容量有限(通常5MB左右)。

// 存储数据
uni.setStorageSync('key', 'value');
// 获取数据
let data = uni.getStorageSync('key');
// 移除数据
uni.removeStorageSync('key');

异步本地存储
适合需要处理异步操作的场景,避免阻塞主线程。

uni.setStorage({
  key: 'key',
  data: 'value',
  success: () => console.log('存储成功')
});

全局变量(globalData)
适用于页面间共享数据,但应用关闭后数据消失。
App.vue中定义:

globalData: { userInfo: null }

在页面中访问:

const app = getApp();
app.globalData.userInfo = {name: 'John'};

数据库存储(SQLite)

适合复杂数据结构或大量数据存储,需插件支持。
安装uni-app的SQLite插件后:

const db = plus.sqlite.openDatabase('myDB.db');
db.executeSql('CREATE TABLE IF NOT EXISTS users(id INTEGER PRIMARY KEY, name TEXT)');

文件系统存储

适用于存储文件或大型数据(如图片、音频)。

uni.downloadFile({
  url: 'https://example.com/image.jpg',
  success: (res) => {
    uni.saveFile({
      tempFilePath: res.tempFilePath,
      success: (savedRes) => console.log(savedRes.savedFilePath)
    });
  }
});

注意事项

  • 数据安全:敏感数据避免明文存储,可使用加密库处理。
  • 容量限制:LocalStorage和文件存储均有平台限制,需合理规划。
  • 兼容性:SQLite和文件API在部分平台可能需额外配置。

选择建议

  • 简单配置数据:使用LocalStorage
  • 临时共享数据:使用globalData
  • 结构化数据:选择SQLite或云数据库。
  • 大型文件:通过文件API或云存储服务(如uniCloud)。

uniapp数据储存

标签: 数据uniapp
分享给朋友:

相关文章

uniapp怎么使用

uniapp怎么使用

安装与开发环境搭建 下载HBuilderX作为开发工具,这是官方推荐的IDE,内置uniapp项目模板和调试工具。安装后通过新建项目选择uniapp模板,支持Vue.js语法。确保Node.js环境已…

uniapp 消息推送

uniapp 消息推送

uniapp 消息推送实现方法 使用uniPush服务 uniapp官方提供了uniPush服务,支持iOS、Android及小程序平台的消息推送。需要在manifest.json中配置推送模块,并按…

uniapp倒计时

uniapp倒计时

uniapp倒计时的实现方法 在uniapp中实现倒计时功能可以通过多种方式完成,以下是几种常见的实现方法: 使用setInterval实现基础倒计时 通过JavaScript的setInterv…

uniapp树形选择

uniapp树形选择

uniapp树形选择实现方法 使用uni-data-checkbox组件 uniapp内置的uni-data-checkbox组件支持树形结构选择,适用于多级分类场景。配置时需要将数据格式化为树形结构…

uniapp安装uview

uniapp安装uview

安装uView到UniApp项目 方法一:通过npm安装(推荐) 确保项目已初始化npm,在项目根目录执行以下命令: npm install uview-ui 在main.js文件中引入并注册uV…

uniapp视频

uniapp视频

uniapp视频开发基础 uniapp支持通过video组件实现视频播放功能,该组件兼容多端(H5、小程序、App等),基本用法如下: <template> <video…