当前位置:首页 > 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');

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

uniapp数据储存

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

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

globalData: { userInfo: null }

在页面中访问:

uniapp数据储存

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实名认证实现方法 使用uniCloud实名认证插件 uniapp官方提供了uniCloud的实名认证插件,可快速集成到项目中。插件支持身份证识别、活体检测等功能,需在uniCloud控制台…

重构uniapp

重构uniapp

重构 Uniapp 项目的关键方法 代码结构优化 将页面、组件、静态资源按功能模块划分,避免全部堆放在根目录。建议采用以下结构: src/ ├── components/ // 通用组件…

uniapp图文

uniapp图文

图文混排实现方式 在uniapp中实现图文混排通常采用<rich-text>组件或自定义样式布局。<rich-text>支持解析HTML字符串,适合动态内容渲染。 <te…

房产uniapp

房产uniapp

房产类UniApp开发指南 UniApp作为跨平台开发框架,适用于快速构建房产类应用(如二手房交易、租房平台、新房展示等)。以下是关键开发要点和实现方法: 技术选型与框架配置 跨平台适配:使…

uniapp真垃圾

uniapp真垃圾

关于对UniApp的评价,存在不同的声音。以下从技术特性、适用场景及常见争议点展开分析,供开发者参考: 技术特性与优势 UniApp基于Vue.js框架,支持多端编译(微信小程序、H5、App等),…

uniapp市场库

uniapp市场库

uniapp市场库概述 uniapp市场库通常指与uniapp开发框架相关的插件、模板、组件等资源的集合。这些资源可以帮助开发者快速构建跨平台应用,包括小程序、H5、App等。市场库中的内容由社区开发…