新建一个uni-app 项目 启动云开发 选择想要的云服务

在次之前先完成uniCloud 的实名认证 https://unicloud.dcloud.net.cn

有在Web控制台创建过云服务空间就选择关联,没有就创建云服务空间,之后在新建一个cloudfunctions 目录(用来放置云函数的)

点击 创建云空间

然后在选择 运行云服务空间初始化向导 点击下一步完成就行了

在cloudfunctions 目录新建一个云函数 已login为例

新云函数 的基础样式

选择上传并运行 等待控制台上传完成

可以去web端 云函数列表查看 是否有云函数出现

在页面请求云函数

<template>
<view class="content">
<!-- 定义请求按钮 -->
<button type="default" @click="req">请求</button>
</view>
</template>
<script>
export default {
methods: {
//请求参数
request() {
//调取云函数
uniCloud.callFunction({
name: 'login', // 云函数名字
// 传输数据
data: {
name:'测试'
},
// 成功
success(res) {
console.log(res);
},
//失败
fail(e) {
console.log(e);
}
})
}
}
}
</script>

  修改云函数 login 为以下 然后点击上传并运行

'use strict';
exports.main = async (event, context) => {
//event为客户端上传的参数
console.log('event : ', event) return {
code: 200,
msg: '查询成功',
data: event
}
}

  成功样式

创建云数据库 实现增删改查

添加数据 页面请求样式不变 只修改 login 修改之后记得上传

'use strict';
const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
const collection = db.collection('holle') //对holle数据库的获取;
//event为客户端上传的参数
console.log('event : ', event) // 添加数据
let res = await collection.add({
name: event.name //data传过来的name
}) return {
code: 200,
msg: '查询成功',
data: res
}
}

添加一个对象数组 这边为了方便展示 就直接写死要传的值

每一次修改login 云函数 都需要上传

'use strict';
const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
const collection = db.collection('holle') //对holle数据库的获取;
//event为客户端上传的参数
console.log('event : ', event) // 添加对象数组
let res = await collection.add([{
name: '测试1'
}, {
name: '测试2',
tiem: Date.now() //获取当前时间
}]) return {
code: 200,
msg: '查询成功',
data: res
}
}

  添加成功 去web端云数据库查看

删除数据

'use strict';
const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
const collection = db.collection('holle') //对holle数据库的获取;
//event为客户端上传的参数
console.log('event : ', event) // 删除数据 测试1
let res = await collection.doc('604ae3b233ae930001f67840').remove() console.log(JSON.stringify(res)); return {
code: 200,
msg: '查询成功',
data: res
}
}

去web控制台刷新就发现 测试 1 的数据被删除了

修改数据

'use strict';
const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
const collection = db.collection('holle') //对holle数据库的获取;
//event为客户端上传的参数
console.log('event : ', event) // 修改数据 对测试 就行修改
let res = await collection.doc('604ae03e9e89280001740a76').update({
name: '现在修改 测试'
}) console.log(JSON.stringify(res)); return {
code: 200,
msg: '查询成功',
data: res
}
}

修改成功 去web端云数据库查看

数据更新

'use strict';
const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
const collection = db.collection('holle') //对holle数据库的获取;
//event为客户端上传的参数
console.log('event : ', event) // 数据更新
let res = await collection.doc('604ae03e9e89280001740a76').set({
name: '现在修改 测试',
tiem: Date.now(), //获取当前时间
key: '更新出现的'
}) console.log(JSON.stringify(res)); return {
code: 200,
msg: '查询成功',
data: res
}
}

更新成功 去web端云数据库查看

查找数据

'use strict';
const db = uniCloud.database() //对数据库的对象获取;
exports.main = async (event, context) => {
const collection = db.collection('holle') //对holle数据库的获取;
//event为客户端上传的参数
console.log('event : ', event) // 查找数据 寻找key为 更新出现的
let res = await collection.where({
key: '更新出现的'
}).get() console.log(JSON.stringify(res)); return {
code: 200,
msg: '查询成功',
data: res
}
}

去页面点击按钮查看打印出来的数据

uniCloud的简单使用 增删改查的更多相关文章

  1. salesforce 零基础学习(五十一)使用 Salesforce.com SOAP API 实现用户登录以及简单的增删改查(JAVA访问salesforce)

    此篇请参看:https://resources.docs.salesforce.com/202/latest/en-us/sfdc/pdf/salesforce_developer_environme ...

  2. MyBatis学习--简单的增删改查

    jdbc程序 在学习MyBatis的时候先简单了解下JDBC编程的方式,我们以一个简单的查询为例,使用JDBC编程,如下: Public static void main(String[] args) ...

  3. 通过JDBC进行简单的增删改查

    通过JDBC进行简单的增删改查(以MySQL为例) 目录 前言:什么是JDBC 一.准备工作(一):MySQL安装配置和基础学习 二.准备工作(二):下载数据库对应的jar包并导入 三.JDBC基本操 ...

  4. MyBatis简单的增删改查以及简单的分页查询实现

    MyBatis简单的增删改查以及简单的分页查询实现 <? xml version="1.0" encoding="UTF-8"? > <!DO ...

  5. 初试KONCKOUT+WEBAPI简单实现增删改查

    初试KONCKOUT+WEBAPI简单实现增删改查 前言 konckout.js本人也是刚刚接触,也是初学,本文的目的是使用ko和asp.net mvc4 webapi来实现一个简单增删改查操作.Kn ...

  6. MVC3.0+knockout.js+Ajax 实现简单的增删改查

    MVC3.0+knockout.js+Ajax 实现简单的增删改查 自从到北京入职以来就再也没有接触MVC,很多都已经淡忘了,最近一直在看knockout.js 和webAPI,本来打算采用MVC+k ...

  7. SpringMVC之简单的增删改查示例(SSM整合)

    本篇文章主要介绍了SpringMVC之简单的增删改查示例(SSM整合),这个例子是基于SpringMVC+Spring+Mybatis实现的.有兴趣的可以了解一下. 虽然已经在做关于SpringMVC ...

  8. python3.6 使用 pymysql 连接 Mysql 数据库及 简单的增删改查操作

    1.通过 pip 安装 pymysql 进入 cmd  输入  pip install pymysql   回车等待安装完成: 安装完成后出现如图相关信息,表示安装成功. 2.测试连接 import ...

  9. 通过flask实现web页面简单的增删改查bootstrap美化版

    通过flask实现web页面简单的增删改查bootstrap美化版 项目目录结构 [root@node1 python]# tree -L 2 . ├── animate.css ├── fileut ...

随机推荐

  1. SpringBoot 中使用 Swagger2 出现 whitelabel page error 解决方法

    今天使用Swagger最新版,在pom.xml引入 <dependency> <groupId>io.springfox</groupId> <artifac ...

  2. VS2010下如何查看类的内存布局

    用VS2010查看类的内存布局,这里用两种方法 (1)MSVC有个隐藏的"/d1"开关,通过这个开关可以查看项目中类的内存布局情况. 修改项目属性,添加"/d1 repo ...

  3. mysql(二)--mysql索引剖析

    1.1. 索引是什么 1.1.1.索引图解 维基百科对数据库索引的定义: 数据库索引,是数据库管理系统(DBMS)中一个排序的数据结构,以协助快速查询.更新数据库表中数据. 怎么理解这个定义呢?  首 ...

  4. git commit guidelines

    git-commit-guidelines AngularJS Development Setup Running Tests Coding Rules Commit Message Guidelin ...

  5. how to publish a UMD module

    how to publish a UMD module 如何发布UMD模块 npm https://github.com/xgqfrms/umd-npm-package https://www.npm ...

  6. Flutter: AnimatedList 一个滚动容器,可在插入或移除项目时为其设置动画

    Flutter Widget of the Week import 'dart:math'; import 'package:flutter/material.dart'; void main() = ...

  7. SPC空投价值高达310万美金,生态建设者直呼真香!

    市场上面有句名言:"人赚不到自己认知以外的财富",这在数字加密上也是共通的.早在本月12日,也就是前天,NGK官方发行的第N波利好---SPC侧链代币空投已经陆续发放了,NGK以及 ...

  8. 主打开放式金融的Baccarat项目如何开疆拓土?

    DeFi在这个夏天迎来了大爆发,像无托管交易.流动性挖矿.保险协议.NFT代币都在今年看到了有别于以往的应用.随着比特币走入主流,DeFi热度下降,不少人都觉得DeFi热潮已死.但事实是,DeFi的总 ...

  9. 类属性和__init__的实例属性有何区别?进来了解一下吧

    真的是随笔写的一篇,以防日后记忆模糊,特此记录.大佬勿喷 疑问:类属性和实例属性有何区别? 正题,代码如下 age为People类的属性(称为类属性) name是在__init__方法下,在创建实例对 ...

  10. net里面using的使用

    起初using就明白一个作用  那就是引用命名空间.当面试官听到我回答这个问题的时候,马上就还问我,还有什么作用?我就只能摇头了,今天在网上看了下using的作用. 1.using指令.using + ...