当前位置:首页 > 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 是 D…

uniapp安装axios

uniapp安装axios

安装axios 在uniapp项目中安装axios需要确保项目支持node_modules管理。通过npm或yarn安装axios: npm install axios # 或 yarn add a…

uniapp 目录

uniapp 目录

uniapp 目录结构 uniapp 的目录结构遵循 Vue.js 项目的规范,同时包含一些特有的文件和目录。以下是典型的 uniapp 项目目录结构及其说明: project-name/ ├──…

uniapp yuv

uniapp yuv

YUV 格式在 UniApp 中的应用 在 UniApp 中处理 YUV 格式数据通常涉及视频编解码、图像处理或摄像头数据采集。YUV 是一种颜色编码系统,常用于视频传输和图像处理,与 RGB 格式相…

uniapp 录像

uniapp 录像

uniapp 录像功能实现 在uniapp中实现录像功能可以通过调用uni-app的API或结合第三方插件完成。以下是常见的实现方法: 使用uni.chooseVideo方法 uni.choose…

uniapp 绘图

uniapp 绘图

uniapp 绘图方法 使用 Canvas 组件 uniapp 支持通过 canvas 组件实现绘图功能。在模板中声明 canvas 并设置宽度、高度和 ID,通过 JavaScript 调用绘图 A…