实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】微信小程序之云開發(fā)

【Web前端基礎知識】微信小程序之云開發(fā)

  • 發(fā)布: Web前端培訓
  • 來源:
  • 2021-08-30 17:15:21
  • 閱讀()
  • 分享
  • 手機端入口

一、如何開通云開發(fā)

1、新建小程序模板,選擇自己實際的AppId,選擇云開發(fā)

2、進入編譯器,點擊云開發(fā),即可進入購買,注意!!,云開發(fā)會免費贈送兩套環(huán)境供用戶使用。

3、查看環(huán)境ID,在云開發(fā)設置中查看

二、云能力初始化

創(chuàng)建完項目后,會有兩個文件夾,cloudfunctions和miniprogram,cloudfunctions存放云函數的文件夾,而miniprogram為我們本地項目,我們在miniprogram中的app.js 初始云函數

  1. App({   
  2.   onLaunch: function () {   
  3.     if (!wx.cloud) {   
  4.       console.error('請使用 2.2.3 或以上的基礎庫以使用云能力')   
  5.     } else {   
  6.       wx.cloud.init({   
  7.         // env 參數說明:   
  8.         //   env 參數決定接下來小程序發(fā)起的云開發(fā)調用(wx.cloud.xxx)會默認請求到哪個云環(huán)境的資源   
  9.        //   此處請?zhí)钊氕h(huán)境 ID, 環(huán)境 ID 可打開云控制臺查看   
  10.         //   如不填則使用默認環(huán)境(第一個創(chuàng)建的環(huán)境)   
  11.         env: '自己的環(huán)境ID',//注意!!!在云開發(fā)設置中查看   
  12.         traceUser: true,   
  13.       })   
  14.     }   
  15.   }   

三、云開發(fā)中基本的增刪改查

1、添加數據,代碼中users為數據庫表的名字,data寫想要添加的參數

  1. //引入數據庫   
  2. let db = wx.cloud.database()   
  3.     db.collection("users").add({   
  4.       data:{   
  5.             //想添加的參數   
  6.       },   
  7.       success(res){   
  8.         console.log(res);//成功的回調   
  9.     }   
  10.     })   

2、獲取數據

(1)獲取全部

  1. //引入數據庫   
  2. let db = wx.cloud.database()   
  3.   //異步獲取   
  4.     db.collection("users").get({   
  5.       success(res){   
  6.         console.log(res);   
  7.       }   
  8.     })    
  9.     // 同步獲取--同步獲取需要在方法前寫async   
  10.     let res = await db.collection("users").get() 

(2)通過條件獲取

  1. //引入數據庫   
  2. let db = wx.cloud.database()   
  3.   //異步獲取   
  4.     db.collection("users").where( 查詢的條件 ).get({   
  5.       success(res){   
  6.         console.log(res);   
  7.       }   
  8.     })    
  9.     // 同步獲取--同步獲取需要在方法前寫async   
  10.     let res = await db.collection("users").where( 查詢的條件 ).get()    

3、修改數據

(1)通過id修改,獲取完數據時自帶id,可以通過自帶的id修改

  1. //引入數據庫   
  2.         let db = wx.cloud.database()   
  3.        db.collection('users').doc(id).update({   
  4.             data: {   
  5.                 userVal: "admins" //想要修改的內容  
  6.             }, //修改的內容   
  7.             success(res) {   
  8.                console.log(res)   
  9.             }   
  10.         })   

(2)通過where條件修改

  1. //引入數據庫   
  2.         let db = wx.cloud.database()   
  3.   
  4.        db.collection('users').where(條件--如:{userVal:admin}).update({   
  5.             data: {   
  6.                userVal: "admins"   
  7.            }, //修改的內容   
  8.            success(res) {   
  9.                 console.log(res)   
  10.            }   
  11.        })   

4、刪除數據

(1)通過id刪除

  1. //引入數據庫   
  2.       let db = wx.cloud.database()   
  3.   
  4.       db.collection('users').doc(id).remove({   
  5.             success(res) {   
  6.                console.log(res)   
  7.          }   
  8.         })   

(2)通過where刪除 -- 注意!(在小程序端不能刪除多條,必須在云端進行)

  1. //引入數據庫   
  2.        let db = wx.cloud.database()   
  3.    
  4.       db.collection('users').where(條件,如:{uesrVal:admin}).remove({   
  5.            success(res) {   
  6.                console.log(res)   
  7.            }   
  8.        })   

四、應用云開發(fā),上傳用戶名和密碼小案例

1、index.wxml文件

  1. <input type="text" model:value="{{userVal}}" placeholder="用戶名" />   
  2. <input type="text" model:value="{{passVal}}" placeholder="密碼" /> 
  3. <button bindtap="addUser">添加</button>   

2、index.js文件

  1. let db = wx.cloud.database()//使用云數據庫需要使用這個api調用   
  2. Page({   
  3.   data: {   
  4.     userVal: "",   
  5.     passVal: ""   
  6.   },   
  7.  addUser() {   
  8.     //拿到表單里面的值   
  9.     let {   
  10.       userVal,   
  11.       passVal   
  12.    } = this.data   
  13.     //引用數據庫     
  14.    // 數據庫添加操作 -- 異步操作   
  15.    //users是云開發(fā)里面數據庫的表名(數據庫在云開發(fā)點加號自行創(chuàng)建),data里面為需要添加的參數,success回調函數可以查看是否成功   
  16.     db.collection("users").add({   
  17.      data: {   
  18.        userVal,   
  19.        passVal   
  20.      },   
  21.      success(res) {   
  22.        console.log(res);   
  23.     }   
  24.    })       
  25.  },   
  26. })   
文章“【Web前端基礎知識】微信小程序之云開發(fā)”已幫助

更多內容

>>本文地址:http://www.jecan.cn/zhuanye/2021/69831.html

THE END  

聲明:本站稿件版權均屬中公教育優(yōu)就業(yè)所有,未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發(fā)VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發(fā)智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: 药品/药物稳定性试验考察箱-埃里森仪器设备(上海)有限公司 | TPE塑胶原料-PPA|杜邦pom工程塑料、PPSU|PCTG材料、PC/PBT价格-悦诚塑胶 | 稳尚教育加盟-打造高考志愿填报平台_新高考志愿填报加盟_学业生涯规划加盟 | 数控车床-立式加工中心-多功能机床-小型车床-山东临沂金星机床有限公司 | 上海办公室装修,写字楼装修—启鸣装饰设计工程有限公司 | 博莱特空压机|博莱特-阿特拉斯独资空压机品牌核心代理商 | 北钻固控设备|石油钻采设备-石油固控设备厂家| 铣刨料沥青破碎机-沥青再生料设备-RAP热再生混合料破碎筛分设备 -江苏锡宝重工 | 带压开孔_带压堵漏_带压封堵-菏泽金升管道工程有限公司 | 土壤检测仪器_行星式球磨仪_土壤团粒分析仪厂家_山东莱恩德智能科技有限公司 | 挨踢网-大家的导航!| 专业生产动态配料系统_饲料配料系统_化肥配料系统等配料系统-郑州鑫晟重工机械有限公司 | 上海刑事律师|刑事辩护律师|专业刑事犯罪辩护律师免费咨询-[尤辰荣]金牌上海刑事律师团队 | 精益专家 - 设备管理软件|HSE管理系统|设备管理系统|EHS安全管理系统 | 螺杆真空泵_耐腐蚀螺杆真空泵_水环真空泵_真空机组_烟台真空泵-烟台斯凯威真空 | 浴室柜-浴室镜厂家-YINAISI · 意大利设计师品牌 | 咿耐斯 |-浙江台州市丰源卫浴有限公司 | 体检车_移动CT车_CT检查车_CT车_深圳市艾克瑞电气有限公司移动CT体检车厂家-深圳市艾克瑞电气有限公司 | MVR蒸发器厂家-多效蒸发器-工业废水蒸发器厂家-康景辉集团官网 | 电磁铁_推拉电磁铁_机械手电磁吸盘电磁铁厂家-广州思德隆电子公司 | 铸铁平台,大理石平台专业生产厂家_河北-北重机械 | 小型UV打印机-UV平板打印机-大型uv打印机-UV打印机源头厂家 |松普集团 | 无水硫酸铝,硫酸铝厂家-淄博双赢新材料科技有限公司 | 口臭的治疗方法,口臭怎么办,怎么除口臭,口臭的原因-口臭治疗网 | 佛山商标注册_商标注册代理|专利注册申请_商标注册公司_鸿邦知识产权 | 快速卷帘门_硬质快速卷帘门-西朗门业 | 长沙中央空调维修,中央空调清洗维保,空气能热水工程,价格,公司就找维小保-湖南维小保环保科技有限公司 | 圣才学习网-考研考证学习平台,提供万种考研考证电子书、题库、视频课程等考试资料 | 尾轮组_头轮组_矿用刮板_厢式刮板机_铸石刮板机厂家-双驰机械 | 皮带机_移动皮带机_大倾角皮带机_皮带机厂家 - 新乡市国盛机械设备有限公司 | 东莞螺丝|东莞螺丝厂|东莞不锈钢螺丝|东莞组合螺丝|东莞精密螺丝厂家-东莞利浩五金专业紧固件厂家 | 合肥弱电工程_安徽安防工程_智能化工程公司-合肥雷润 | 超声波破碎仪-均质乳化机(供应杭州,上海,北京,广州,深圳,成都等地)-上海沪析实业有限公司 | 自清洗过滤器_全自动过滤器_全自动反冲洗过滤器_量子过滤器-滑漮滴 | FAG轴承,苏州FAG轴承,德国FAG轴承-恩梯必传动设备(苏州)有限公司 | 微型气象仪_气象传感器_防爆气象传感器-天合传感器大全 | 佛山商标注册_商标注册代理|专利注册申请_商标注册公司_鸿邦知识产权 | 「安徽双凯」自动售货机-无人售货机-成人用品-自动饮料食品零食售货机 | vr安全体验馆|交通安全|工地安全|禁毒|消防|安全教育体验馆|安全体验教室-贝森德(深圳)科技 | 快速门厂家-快速卷帘门-工业快速门-硬质快速门-西朗门业 | 激光内雕_led玻璃_发光玻璃_内雕玻璃_导光玻璃-石家庄明晨三维科技有限公司 激光内雕-内雕玻璃-发光玻璃 | 深圳诚暄fpc首页-柔性线路板,fpc柔性线路板打样生产厂家 |