当前位置:首页 > uni-app

uniapp手机存数据

2026-02-06 14:28:49uni-app

本地存储方式

uni.setStorage/uni.getStorage
适用于持久化存储少量数据(如用户登录状态、配置信息),数据以键值对形式保存在本地,关闭应用后仍存在。同步方法会阻塞线程,异步方法通过回调处理结果。

示例代码(异步存储)

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

示例代码(同步读取)

try {
  const value = uni.getStorageSync('token');
  console.log(value); // 输出 abc123
} catch (e) {
  console.error('读取失败');
}

临时存储方式

uni.setStorageSync/uni.getStorageSync
适合保存临时数据(如表单草稿),页面关闭后数据自动清除。同步方法直接返回操作结果,需用try-catch处理异常。

数据生命周期
仅当前小程序运行期间有效,重启后数据丢失。适用于页面间短时传递复杂对象。

文件系统存储

uni.saveFile/uni.getFileSystemManager
处理大型文件(如图片、音频),需先通过API下载或生成文件,再调用保存接口。文件路径为临时地址,长期保存需配合本地存储记录路径。

保存网络图片示例

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

SQLite数据库

plus.sqlite
App端专用,适合结构化数据高频读写(如聊天记录)。需创建数据库并执行SQL语句,支持事务处理。

初始化数据库示例

const db = plus.sqlite.openDatabase({
  name: 'mydb',
  path: '_doc/mydb.db'
});
db.executeSql('CREATE TABLE IF NOT EXISTS logs(id INTEGER PRIMARY KEY, content TEXT)');

注意事项

数据安全
敏感信息(如密码)避免直接存储,应加密后配合uni.removeStorage清除。App端使用SQLite时注意防止SQL注入。

uniapp手机存数据

平台差异
H5端存储有域名限制,iOS Webview存在5MB上限。App端可通过native.js扩展存储方案,如访问原生NSUserDefaults(iOS)或SharedPreferences(Android)。

标签: 数据手机
分享给朋友:

相关文章

vue实现重置表格数据

vue实现重置表格数据

重置表格数据的方法 在Vue中重置表格数据通常涉及清空或重新初始化数据绑定的数组或对象。以下是几种常见实现方式: 直接重置数据源 对于基于数组的表格数据,可以直接将数据数组重置为空或初始值: //…

vue实现数据翻译

vue实现数据翻译

Vue 数据翻译实现方案 在 Vue 项目中实现数据翻译通常涉及国际化(i18n)或多语言支持,以下是几种常见方法: 使用 vue-i18n 插件 安装 vue-i18n 依赖: npm inst…

Vue实现数据检验

Vue实现数据检验

Vue 数据校验的实现方法 在Vue中实现数据校验可以通过多种方式完成,以下是常见的几种方法: 使用Vue的内置指令 Vue提供了一些内置指令如v-model和v-bind可以结合HTML5的表单验…

vue数据实现

vue数据实现

Vue 数据实现的核心方法 Vue.js 通过数据驱动视图更新,其核心实现基于响应式系统。以下是实现数据绑定的关键方法: 数据声明与响应式原理 在 Vue 2.x 中,使用 Object.defin…

vue实现数据累加

vue实现数据累加

实现数据累加的基本方法 在Vue中实现数据累加可以通过多种方式完成,常见的有直接操作数据、使用计算属性或结合方法调用。以下是几种典型实现方式: 直接操作数据 在模板或方法中直接对响应式数据进行累加操…

vue实现手机振动

vue实现手机振动

实现手机振动的基本方法 在Vue中实现手机振动功能可以通过浏览器的Vibration API。该API允许控制设备的振动硬件,适用于移动设备和部分桌面设备。 检查浏览器支持情况 在使用Vibrati…