当前位置:首页 > uni-app

uniapp数据库交互

2026-02-06 18:18:16uni-app

uniapp数据库交互方法

uniapp可以通过多种方式与数据库进行交互,主要包括云开发、API接口调用和本地存储三种方式。

云开发方式

uniapp支持uniCloud云开发,可以直接操作云端数据库。需要在项目中启用uniCloud服务并创建云函数。数据库操作通过uniCloud.database()实现。

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

API接口调用

通过HTTP请求与后端API交互,获取或提交数据。可以使用uni.request方法发送请求。

uniapp数据库交互

uni.request({
  url: 'https://api.example.com/data',
  method: 'GET',
  success: (res) => {
    console.log(res.data)
  }
})

本地存储

对于少量数据,可以使用uni.setStorage和uni.getStorage进行本地存储。

uni.setStorage({
  key: 'userInfo',
  data: {name: '张三', age: 25}
})

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

云数据库CRUD操作示例

新增数据

使用add方法向集合中添加文档。

uniapp数据库交互

db.collection('articles').add({
  title: 'uniapp教程',
  content: '这是一篇关于uniapp的教程',
  createTime: Date.now()
})

查询数据

通过get方法获取数据,可以使用where进行条件查询。

db.collection('articles')
  .where({
    title: /教程/
  })
  .get()
  .then(res => {
    console.log(res.data)
  })

更新数据

使用update方法更新文档,需要指定文档ID。

db.collection('articles').doc('doc-id').update({
  content: '更新后的内容'
})

删除数据

通过remove方法删除文档。

db.collection('articles').doc('doc-id').remove()

注意事项

使用云开发时需在manifest.json中配置uniCloud相关设置。跨域问题在API调用时需要后端配合解决,或使用代理方式。本地存储有大小限制,不适合大量数据存储。云数据库操作需要配置正确的权限设置。

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

相关文章

uniapp 推送

uniapp 推送

uniapp 推送实现方法 uniapp 推送功能可以通过多种方式实现,主要包括使用第三方推送服务、原生插件或云服务。以下是几种常见的实现方案: 使用 UniPush 服务 UniPush 是…

uniapp视频

uniapp视频

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

uniapp面试问啥

uniapp面试问啥

技术基础类问题 UniApp框架特性 跨端实现原理及条件编译的使用场景 如何理解"一次开发,多端运行"的优缺点 rpx与vw/vh单位的适配差异 Vue相关 生命周期在UniA…

uniapp设置title

uniapp设置title

设置页面标题的方法 在UniApp中设置页面标题可以通过以下几种方式实现,适用于不同场景和需求。 通过pages.json配置 在pages.json文件中,可以为每个页面单独配置导航栏标题。找到对…

uniapp 如何封装request请求

uniapp 如何封装request请求

封装 request 请求的核心思路 在 UniApp 中封装请求通常基于 uni.request,通过统一处理 URL、参数、header 和拦截逻辑提升代码复用性。以下是一个完整封装方案: 创…

丸子uniapp

丸子uniapp

丸子UniApp简介 丸子UniApp是一个基于UniApp框架开发的移动应用解决方案,通常用于快速构建跨平台应用(如微信小程序、H5、Android/iOS等)。其核心特点是利用UniApp的“一次…