IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序云开发笔记 -> 正文阅读

[移动开发]微信小程序云开发笔记

1.通过表单添加数据到数据库

1.wxml

<form bindsubmit="btnSub">

<input name="title" placeholder="请输入标题"/>

<input name="zuozxhe" placeholder="请输入作者"/>

<textarea cols="30" rows="10"name="content" placeholder="请输入内容"></textarea>

<button type="primary" form-type="submit">提交</button>

<button type="primary" form-type="reset">重置</button>

</form>

注释:

①bindsubmit定义一个事件btnSub

②button的form-type的两个属性:submit和reset分别代码提交和重置

2.js部分

Page({

????data:?{

????},

//提交表单添加到数据库

??btnSub(res){

????????console.log(res)

第一种写法:

????????var?title=res.detail.title

? ? ? ? var?zuozhe=res.detail.zuozhe

? ? ? ??var?content=res.detail.content

第二种写法:

? ? ? ? var?{title,zuozhe,content}=res.detail.value;

第三种写法,定义一个对象(因为detail中的value是一个对象

????????var?resVal?=res.detail.value

????????//?console.log(resVal.title,resVal.zuozhe,resVal.content)

? ? ?//注册数据库

????????wx.cloud.database().collection('test').add({

????????????data:resVal,

????????????success(res){

????????????????console.log("添加成功")

????????????},

????????????fail(res){

????????????????console.log("添加失败")? ?

????????????}

????????})

3.演示

输入数据

控制台输出内容:

type.detail.value即表单提交内容

detail中的value是一个对象

2.更新数据

wxml中定义一个按钮,绑定一个事件updata()

然后在js文件中

1.定义数据库:

const db=wx.cloud.database()

2.定义事件:

updata(){

????????????????db.collection("数据库名字").doc("id").update({

data:{

数据库某字段:值

eg:

name:王五

}

}).then(res=>{

console.log(res)

})

}

注:doc里边只能放id;;;;;;;或者用where{ 数据库字段名;值}

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-01-25 10:42:32  更:2022-01-25 10:43:54 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 11:25:37-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码