实战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://m.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

主站蜘蛛池模板: 智成电子深圳tdk一级代理-提供TDK电容电感贴片蜂鸣器磁芯lambda电源代理经销,TDK代理商有哪些TDK一级代理商排名查询。-深圳tdk一级代理 | 汽车整车综合环境舱_军标砂尘_盐雾试验室试验箱-无锡苏南试验设备有限公司 | 高博医疗集团上海阿特蒙医院| 金属切削液-脱水防锈油-电火花机油-抗磨液压油-深圳市雨辰宏业科技发展有限公司 | 科昊仪器超纯水机系统-可成气相液氮罐-美菱超低温冰箱-西安昊兴生物科技有限公司 | 三氯异氰尿酸-二氯-三氯-二氯异氰尿酸钠-优氯净-强氯精-消毒片-济南中北_优氯净厂家 | 密集架|电动密集架|移动密集架|黑龙江档案密集架-大量现货厂家销售 | 厂房出售_厂房仓库出租_写字楼招租_土地出售-中苣招商网-中苣招商网 | 广州活动策划公司-15+年专业大型公关活动策划执行管理经验-睿阳广告 | 健康管理师报名入口,2025年健康管理师考试时间信息网-网站首页 塑料造粒机「厂家直销」-莱州鑫瑞迪机械有限公司 | 登车桥动力单元-非标液压泵站-非标液压系统-深圳市三好科技有限公司 | 标准件-非标紧固件-不锈钢螺栓-非标不锈钢螺丝-非标螺母厂家-三角牙锁紧自攻-南京宝宇标准件有限公司 | 丹佛斯变频器-Danfoss战略代理经销商-上海津信变频器有限公司 | 干粉砂浆设备_干混砂浆生产线_腻子粉加工设备_石膏抹灰砂浆生产成套设备厂家_干粉混合设备_砂子烘干机--郑州铭将机械设备有限公司 | 常州翔天实验仪器厂-恒温振荡器-台式恒温振荡器-微量血液离心机 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石(北京)科技有限公司 | 钢格板_钢格栅_格栅板_钢格栅板 - 安平县鑫拓钢格栅板厂家 | 桑茶-七彩贝壳桑叶茶 长寿茶 | 浙江美尔凯特智能厨卫股份有限公司 | 【官网】博莱特空压机,永磁变频空压机,螺杆空压机-欧能优 | 合肥触摸一体机_触摸查询机厂家_合肥拼接屏-安徽迅博智能科技 | 地图标注|微信高德百度地图标注|地图标记-做地图[ZuoMap.com] | 液压中心架,数控中心架,自定心中心架-烟台恒阳机电设计有限公司 行星搅拌机,双行星搅拌机,动力混合机,无锡米克斯行星搅拌机生产厂家 | 隧道风机_DWEX边墙风机_SDS射流风机-绍兴市上虞科瑞风机有限公司 | 一路商机网-品牌招商加盟优选平台-加盟店排行榜平台 | sfp光模块,高速万兆光模块工厂-性价比更高的光纤模块制造商-武汉恒泰通 | 老房子翻新装修,旧房墙面翻新,房屋防水补漏,厨房卫生间改造,室内装潢装修公司 - 一修房屋快修官网 | 扫地车厂家-山西洗地机-太原电动扫地车「大同朔州吕梁晋中忻州长治晋城洗地机」山西锦力环保科技有限公司 | 立式_复合式_壁挂式智能化电伴热洗眼器-上海达傲洗眼器生产厂家 理化生实验室设备,吊装实验室设备,顶装实验室设备,实验室成套设备厂家,校园功能室设备,智慧书法教室方案 - 东莞市惠森教学设备有限公司 | 组织研磨机-高通量组织研磨仪-实验室多样品组织研磨机-东方天净 传递窗_超净|洁净工作台_高效过滤器-传递窗厂家广州梓净公司 | 烟气在线监测系统_烟气在线监测仪_扬尘检测仪_空气质量监测站「山东风途物联网」 | 尊享蟹太太美味,大闸蟹礼卡|礼券|礼盒在线预订-蟹太太官网 | AGV无人叉车_激光叉车AGV_仓储AGV小车_AGV无人搬运车-南昌IKV机器人有限公司[官网] | 安平县鑫川金属丝网制品有限公司,声屏障,高速声屏障,百叶孔声屏障,大弧形声屏障,凹凸穿孔声屏障,铁路声屏障,顶部弧形声屏障,玻璃钢吸音板 | 菏泽知彼网络科技有限公司| 下水道疏通_管道疏通_马桶疏通_附近疏通电话- 立刻通 | 湖南教师资格网-湖南教师资格证考试网 | 郑州大巴车出租|中巴车租赁|旅游大巴租车|包车|郑州旅游大巴车租赁有限公司 | 动物解剖台-成蚊接触筒-标本工具箱-负压实验台-北京哲成科技有限公司 | 伶俐嫂培训学校_月嫂培训班在哪里报名学费是多少_月嫂免费政府培训中心推荐 | 上海办公室设计_办公楼,写字楼装修_办公室装修公司-匠御设计 | 家用净水器代理批发加盟_净水机招商代理_全屋净水器定制品牌_【劳伦斯官网】 |