当前位置:首页 > uni-app

uniapp数据库交互

2026-03-26 13:46:22uni-app

uniapp数据库交互方法

客户端操作云数据库

uniapp支持通过uniCloud.database()方法操作云数据库。需要先开通uniCloud服务并创建数据表。

const db = uniCloud.database()
db.collection('table_name').get().then(res => {
  console.log(res.result.data)
})

插入数据使用add方法:

db.collection('table_name').add({
  name: 'value',
  age: 25
})

条件查询

使用where方法构建查询条件:

db.collection('table_name')
  .where({
    status: 'published'
  })
  .get()

排序和分页:

db.collection('table_name')
  .orderBy('create_time', 'desc')
  .skip(10)
  .limit(5)
  .get()

更新和删除

更新指定记录:

db.collection('table_name')
  .doc('record_id')
  .update({
    title: 'new title'
  })

删除记录:

db.collection('table_name')
  .doc('record_id')
  .remove()

本地存储交互

对于纯前端数据存储,可使用uni.setStorage

uni.setStorage({
  key: 'key_name',
  data: {obj: 'value'},
  success: function() {
    console.log('存储成功')
  }
})

读取数据:

uni.getStorage({
  key: 'key_name',
  success: function(res) {
    console.log(res.data)
  }
})

注意事项

云数据库操作需要配置正确的权限规则。开发阶段可在uniCloud控制台设置数据库权限为全权限,上线前应调整为合适的安全规则。

uniapp数据库交互

本地存储有大小限制(通常5MB),适合存储少量数据。敏感信息不应存储在本地。

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

相关文章

uniapp 极光推送

uniapp 极光推送

uniapp 集成极光推送的方法 在 uniapp 中集成极光推送,需要使用官方提供的插件或自行封装原生模块。以下是具体实现方式: 使用官方插件 在 uni-app 插件市场搜索「极光推送」插件,…

uniapp安装uview

uniapp安装uview

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

uniapp实现标题栏渐变

uniapp实现标题栏渐变

实现标题栏渐变的方法 在UniApp中实现标题栏渐变效果,可以通过修改页面的导航栏样式或使用自定义导航栏来实现。以下是几种常见的方法: 方法一:使用原生导航栏渐变 通过修改pages.json中的…

精通uniapp

精通uniapp

掌握UniApp的基础知识 UniApp是一个基于Vue.js的跨平台开发框架,支持一次开发多端部署(如H5、小程序、App等)。核心概念包括Vue语法、组件化开发、条件编译(针对不同平台适配)以及U…

uniapp 用法

uniapp 用法

uniapp 基本概念 uniapp 是一个基于 Vue.js 的跨平台开发框架,支持编译到 iOS、Android、H5 及小程序等多端。其核心特点是“一次开发,多端发布”,通过条件编译实现平台差异…

uniapp 3.0

uniapp 3.0

uniapp 3.0 核心特性 uniapp 3.0 是 DCloud 推出的跨端开发框架升级版本,支持一套代码编译到 iOS、Android、Web 及各类小程序平台。以下为关键特性与使用要点:…