当前位置:首页 > 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 是一个基于 Vue.js 的跨平台开发框架,支持一次开发,多端发布(如微信小程序、H5、App、快应用等)。其核心优势在于代码复用率高,学习成本低,适合快速构建多…

uniapp支付功能怎么实现

uniapp支付功能怎么实现

uniapp支付功能实现方法 准备工作 注册微信支付、支付宝等平台的开发者账号,获取必要的商户ID(mch_id)、API密钥(key)、应用ID(appid)等信息。确保项目已配置好相关支付SDK。…

uniapp旋转横屏

uniapp旋转横屏

实现横屏模式的方法 在UniApp中实现横屏模式,可以通过配置页面方向或使用CSS旋转实现。以下是两种常见方法: 修改manifest.json配置 在项目的manifest.json文件中…

uniapp番号

uniapp番号

关于“uniapp番号”这一搜索词,可能存在理解偏差或表述不明确的情况。以下分方向提供相关信息: Uniapp框架简介 Uniapp是一个基于Vue.js的跨平台开发框架,支持编译到iOS、…

uniapp grid

uniapp grid

uniapp grid 布局实现方法 在 uniapp 中实现 grid 布局可以通过多种方式完成,包括使用内置组件、CSS Grid 或第三方插件。以下是几种常见的实现方法: 使用 uni-gri…

uniapp全局校验

uniapp全局校验

uniapp全局校验的实现方法 在uniapp中实现全局校验可以通过多种方式,主要包括拦截器、全局混入和自定义指令等方法。 使用请求拦截器进行校验 在main.js中配置请求拦截器,对所有请求进行统…