当前位置:首页 > 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设置背景

设置全局背景样式 在App.vue文件中添加全局样式,使用page选择器设置页面背景。这种方式会影响所有页面背景。 <style> page { background-color:…

uniapp如何赋值

uniapp如何赋值

uniapp 赋值方法 在 uniapp 中,赋值操作可以通过多种方式实现,具体取决于数据类型和场景。 数据绑定赋值 在模板中使用 {{}} 进行数据绑定,通过修改 data 中的值实现动态更新。…

uniapp使用axios无法请求

uniapp使用axios无法请求

uniapp中使用axios请求问题解决方案 在uniapp中使用axios可能会遇到跨域、请求失败或兼容性问题。以下是常见原因及解决方法: 检查axios安装与引入 确保已正确安装axios:…

uniapp指南

uniapp指南

开发环境搭建 下载HBuilderX作为官方推荐的开发工具,支持Windows和Mac系统。安装后创建uni-app项目,选择模板(如默认模板、Hello Uni-app等)。确保Node.js版本在…

精通uniapp

精通uniapp

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

uniapp $on

uniapp $on

uniapp $on 方法详解 $on 是 UniApp 中用于监听全局事件的 API,常用于跨页面或跨组件通信。它基于 Vue 的事件机制,允许在全局范围内触发和监听自定义事件。 基本语法 uni…