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

400-650-7353
您所在的位置:首頁(yè) > IT干貨資料 > web前端 > 【W(wǎng)eb前端基礎(chǔ)知識(shí)】微信小程序之云開發(fā)

【W(wǎng)eb前端基礎(chǔ)知識(shí)】微信小程序之云開發(fā)

  • 發(fā)布: Web前端培訓(xùn)
  • 來(lái)源:
  • 2021-08-30 17:15:21
  • 閱讀()
  • 分享
  • 手機(jī)端入口

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

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

2、進(jìn)入編譯器,點(diǎn)擊云開發(fā),即可進(jìn)入購(gòu)買,注意!!,云開發(fā)會(huì)免費(fèi)贈(zèng)送兩套環(huán)境供用戶使用。

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

二、云能力初始化

創(chuàng)建完項(xiàng)目后,會(huì)有兩個(gè)文件夾,cloudfunctions和miniprogram,cloudfunctions存放云函數(shù)的文件夾,而miniprogram為我們本地項(xiàng)目,我們?cè)趍iniprogram中的app.js 初始云函數(shù)

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

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

1、添加數(shù)據(jù),代碼中users為數(shù)據(jù)庫(kù)表的名字,data寫想要添加的參數(shù)

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

2、獲取數(shù)據(jù)

(1)獲取全部

  1. //引入數(shù)據(jù)庫(kù)   
  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)通過(guò)條件獲取

  1. //引入數(shù)據(jù)庫(kù)   
  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、修改數(shù)據(jù)

(1)通過(guò)id修改,獲取完數(shù)據(jù)時(shí)自帶id,可以通過(guò)自帶的id修改

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

(2)通過(guò)where條件修改

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

4、刪除數(shù)據(jù)

(1)通過(guò)id刪除

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

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

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

四、應(yīng)用云開發(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()//使用云數(shù)據(jù)庫(kù)需要使用這個(gè)api調(diào)用   
  2. Page({   
  3.   data: {   
  4.     userVal: "",   
  5.     passVal: ""   
  6.   },   
  7.  addUser() {   
  8.     //拿到表單里面的值   
  9.     let {   
  10.       userVal,   
  11.       passVal   
  12.    } = this.data   
  13.     //引用數(shù)據(jù)庫(kù)     
  14.    // 數(shù)據(jù)庫(kù)添加操作 -- 異步操作   
  15.    //users是云開發(fā)里面數(shù)據(jù)庫(kù)的表名(數(shù)據(jù)庫(kù)在云開發(fā)點(diǎn)加號(hào)自行創(chuàng)建),data里面為需要添加的參數(shù),success回調(diào)函數(shù)可以查看是否成功   
  16.     db.collection("users").add({   
  17.      data: {   
  18.        userVal,   
  19.        passVal   
  20.      },   
  21.      success(res) {   
  22.        console.log(res);   
  23.     }   
  24.    })       
  25.  },   
  26. })   
文章“【W(wǎng)eb前端基礎(chǔ)知識(shí)】微信小程序之云開發(fā)”已幫助

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

THE END  

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

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個(gè)方向的工作?

獲取測(cè)試結(jié)果
  • 大前端大前端
  • 大數(shù)據(jù)大數(shù)據(jù)
  • 互聯(lián)網(wǎng)營(yíng)銷互聯(lián)網(wǎng)營(yíng)銷
  • JavaJava
  • Linux云計(jì)算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運(yùn)營(yíng)全域電商運(yùn)營(yíng)
  • 軟件測(cè)試軟件測(cè)試
  • 室內(nèi)設(shè)計(jì)室內(nèi)設(shè)計(jì)
  • 平面設(shè)計(jì)平面設(shè)計(jì)
  • 電商設(shè)計(jì)電商設(shè)計(jì)
  • 網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)
  • 全鏈路UI/UE設(shè)計(jì)UI設(shè)計(jì)
  • VR/AR游戲開發(fā)VR/AR
  • 網(wǎng)絡(luò)安全網(wǎng)絡(luò)安全
  • 新媒體與短視頻運(yùn)營(yíng)新媒體
  • 直播帶貨直播帶貨
  • 智能機(jī)器人軟件開發(fā)智能機(jī)器人
 

快速通道fast track

近期開班時(shí)間TIME

主站蜘蛛池模板: 宽带办理,电信宽带,移动宽带,联通宽带,电信宽带办理,移动宽带办理,联通宽带办理 | 小学教案模板_中学教师优秀教案_高中教学设计模板_教育巴巴 | 2-羟基泽兰内酯-乙酰蒲公英萜醇-甘草查尔酮A-上海纯优生物科技有限公司 | 活性氧化铝球|氧化铝干燥剂|分子筛干燥剂|氢氧化铝粉-淄博同心材料有限公司 | 进口试验机价格-进口生物材料试验机-西安卡夫曼测控技术有限公司 | 重庆LED显示屏_显示屏安装公司_重庆LED显示屏批发-彩光科技公司 重庆钣金加工厂家首页-专业定做监控电视墙_操作台 | 蒜肠网-动漫,二次元,COSPLAY,漫展以及收藏型模型,手办,玩具的新媒体.(原变形金刚变迷TF圈) | 上海风淋室_上海风淋室厂家_上海风淋室价格_上海伯淋 | 山东限矩型液力偶合器_液力耦合器易熔塞厂家-淄博市汇川源机械厂 | 余姚生活网_余姚论坛_余姚市综合门户网站 | 工业用品一站式采购平台|南创工品汇-官网|广州南创 | 数码管_LED贴片灯_LED数码管厂家-无锡市冠卓电子科技有限公司 | 找果网 | 苹果手机找回方法,苹果iPhone手机丢了找回,认准找果网! | 洗石机-移动滚筒式,振动,螺旋,洗矿机-青州冠诚重工机械有限公司 | 消泡剂-水处理消泡剂-涂料消泡剂-切削液消泡剂价格-东莞德丰消泡剂厂家 | WTB5光栅尺-JIE WILL磁栅尺-B60数显表-常州中崴机电科技有限公司 | 工控机-工业平板电脑-研华工控机-研越无风扇嵌入式box工控机 | 玖容气动液压设备有限公司-气液增压缸_压力机_增压机_铆接机_增压器 | STRO|DTRO-STRO反渗透膜(科普)_碟滤 | 非甲烷总烃分析仪|环控百科 | 自动焊锡机_点胶机_螺丝机-锐驰机器人 | 河南mpp电力管_mpp电力管生产厂家_mpp电力电缆保护管价格 - 河南晨翀实业 | 北京环球北美考试院【官方网站】|北京托福培训班|北京托福培训 | 房在线-免费房产管理系统软件-二手房中介房屋房源管理系统软件 | 上海办公室设计_办公楼,写字楼装修_办公室装修公司-匠御设计 | SDI车窗夹力测试仪-KEMKRAFT方向盘测试仪-上海爱泽工业设备有限公司 | 深圳市简易检测技术有限公司 | 板式换热器_板式换热器价格_管式换热器厂家-青岛康景辉 | 播音主持培训-中影人教育播音主持学苑「官网」-中国艺考界的贵族学校 | 艾乐贝拉细胞研究中心 | 国家组织工程种子细胞库华南分库 | 柔软云母板-硬质-水位计云母片组件-首页-武汉长丰云母绝缘材料有限公司 | 探鸣起名网-品牌起名-英文商标起名-公司命名-企业取名包满意 | 食品机械专用传感器-落料放大器-低价接近开关-菲德自控技术(天津)有限公司 | 新型游乐设备,360大摆锤游乐设备「诚信厂家」-山东方鑫游乐设备 新能源汽车电池软连接,铜铝复合膜柔性连接,电力母排-容发智能科技(无锡)有限公司 | 电渗析,废酸回收,双极膜-山东天维膜技术有限公司 | 英语词典_成语词典_日语词典_法语词典_在线词典网 | 焊管生产线_焊管机组_轧辊模具_焊管设备_焊管设备厂家_石家庄翔昱机械 | 盐城网络公司_盐城网站优化_盐城网站建设_盐城市启晨网络科技有限公司 | 鼓风干燥箱_真空烘箱_高温干燥箱_恒温培养箱-上海笃特科学仪器 | 电车线(用于供电给电车的输电线路)-百科 | 网优资讯-为循环资源、大宗商品、工业服务提供资讯与行情分析的数据服务平台 |