实战IT培训机构_IT培训班选大学生IT技术培训中心_中公优就业

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

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

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

一、如何開通云開發

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

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

3、查看環境ID,在云開發設置中查看

二、云能力初始化

創建完項目后,會有兩個文件夾,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 參數決定接下來小程序發起的云開發調用(wx.cloud.xxx)會默認請求到哪個云環境的資源   
  9.        //   此處請填入環境 ID, 環境 ID 可打開云控制臺查看   
  10.         //   如不填則使用默認環境(第一個創建的環境)   
  11.         env: '自己的環境ID',//注意!!!在云開發設置中查看   
  12.         traceUser: true,   
  13.       })   
  14.     }   
  15.   }   

三、云開發中基本的增刪改查

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.        })   

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

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是云開發里面數據庫的表名(數據庫在云開發點加號自行創建),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前端基礎知識】微信小程序之云開發”已幫助

更多內容

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

THE END  

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

1 您的年齡

2 您的學歷

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

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

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: 期货软件-专业期货分析软件下载-云智赢 | SMN-1/SMN-A ABB抽屉开关柜触头夹紧力检测仪-SMN-B/SMN-C-上海徐吉 | 深圳标识制作公司-标识标牌厂家-深圳广告标识制作-玟璟广告-深圳市玟璟广告有限公司 | 污水/卧式/潜水/钻井/矿用/大型/小型/泥浆泵,价格,参数,型号,厂家 - 安平县鼎千泵业制造厂 | 编织人生 - 权威手工编织网站,编织爱好者学习毛衣编织的门户网站,织毛衣就上编织人生网-编织人生 | 钢格板|热镀锌钢格板|钢格栅板|钢格栅|格栅板-安平县昊泽丝网制品有限公司 | 合肥展厅设计-安徽展台设计-合肥展览公司-安徽奥美展览工程有限公司 | 洛阳防爆合格证办理-洛阳防爆认证机构-洛阳申请国家防爆合格证-洛阳本安防爆认证代办-洛阳沪南抚防爆电气技术服务有限公司 | 智能楼宇-楼宇自控系统-楼宇智能化-楼宇自动化-三水智能化 | 上海公众号开发-公众号代运营公司-做公众号的公司企业服务商-咏熠软件 | 高速龙门架厂家_监控杆_多功能灯杆_信号灯杆_锂电池太阳能路灯-鑫世源照明 | 臻知网大型互动问答社区-你的问题将在这里得到解答!-无锡据风网络科技有限公司 | 温湿度记录纸_圆盘_横河记录纸|霍尼韦尔记录仪-广州汤米斯机电设备有限公司 | 低压载波电能表-单相导轨式电能表-华邦电力科技股份有限公司-智能物联网综合管理平台 | 台湾阳明固态继电器-奥托尼克斯光电传感器-接近开关-温控器-光纤传感器-编码器一级代理商江苏用之宜电气 | 北京银联移动POS机办理_收银POS机_智能pos机_刷卡机_收银系统_个人POS机-谷骐科技【官网】 | 面粉仓_储酒罐_不锈钢储酒罐厂家-泰安鑫佳机械制造有限公司 | 釜溪印象网络 - Powered by Discuz!| 中细软知识产权_专业知识产权解决方案提供商 | 免费分销系统 — 分销商城系统_分销小程序开发 -【微商来】 | 河南包装袋厂家_河南真空袋批发价格_河南服装袋定制-恒源达包装制品 | 合同书格式和范文_合同书样本模板_电子版合同,找范文吧 | 彩超机-黑白B超机-便携兽用B超机-多普勒彩超机价格「大为彩超」厂家 | 纸塑分离机-纸塑分离清洗机设备-压力筛-碎浆机厂家金双联环保 | 铝箔袋,铝箔袋厂家,东莞铝箔袋,防静电铝箔袋,防静电屏蔽袋,防静电真空袋,真空袋-东莞铭晋让您的产品与众不同 | 上海橡胶接头_弹簧减震器_金属软接头厂家-上海淞江集团 | 路面机械厂家| 工业淬火油烟净化器,北京油烟净化器厂家,热处理油烟净化器-北京众鑫百科 | 科箭WMS仓库管理软件-TMS物流管理系统-科箭SaaS云服务 | 北京企业宣传片拍摄_公司宣传片制作-广告短视频制作_北京宣传片拍摄公司 | 消泡剂_水处理消泡剂_切削液消泡剂_涂料消泡剂_有机硅消泡剂_广州中万新材料生产厂家 | 电伴热系统施工_仪表电伴热保温箱厂家_沃安电伴热管缆工业技术(济南)有限公司 | 首页_中夏易经起名网 | 论文查重_免费论文查重_知网学术不端论文查重检测系统入口_论文查重软件 | 非小号行情 - 专业的区块链、数字藏品行情APP、金色财经官网 | 耐破强度测试仪-纸箱破裂强度试验机-济南三泉中石单品站 | 智能汉显全自动量热仪_微机全自动胶质层指数测定仪-鹤壁市科达仪器仪表有限公司 | 锌合金压铸-铝合金压铸厂-压铸模具-冷挤压-誉格精密压铸 | 电子巡更系统-巡检管理系统-智能巡检【金万码】 | 隔离变压器-伺服变压器--输入输出电抗器-深圳市德而沃电气有限公司 | 智能风向风速仪,风速告警仪,数字温湿仪,综合气象仪(气象五要素)-上海风云气象仪器有限公司 |