微信小程序云開發(fā)數(shù)據(jù)庫的示例分析
小編給大家分享一下微信小程序云開發(fā)數(shù)據(jù)庫的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、日喀則網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、商城系統(tǒng)網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為日喀則等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
開發(fā)者可以使用云開發(fā)開發(fā)微信小程序、小游戲，無需搭建服務(wù)器，即可使用云端能力。
云開發(fā)為開發(fā)者提供完整的云端支持，弱化后端和運(yùn)維概念，無需搭建服務(wù)器，使用平臺提供的 API 進(jìn)行核心業(yè)務(wù)開發(fā)，即可實(shí)現(xiàn)快速上線和迭代，同時(shí)這一能力，同開發(fā)者已經(jīng)使用的云服務(wù)相互兼容，并不互斥。
目前提供三大基礎(chǔ)能力支持：
1、云函數(shù)：在云端運(yùn)行的代碼，微信私有協(xié)議天然鑒權(quán)，開發(fā)者只需編寫自身業(yè)務(wù)邏輯代碼
2、數(shù)據(jù)庫：一個(gè)既可在小程序前端操作，也能在云函數(shù)中讀寫的 JSON 數(shù)據(jù)庫
3、存儲：在小程序前端直接上傳/下載云端文件，在云開發(fā)控制臺可視化管理
具體的可以去小程序文檔上查看，下面用一個(gè)登錄注冊的案例來演示小程序云開發(fā)數(shù)據(jù)庫的運(yùn)用
注冊
在創(chuàng)建的時(shí)候，要在點(diǎn)下一步的時(shí)候，調(diào)數(shù)據(jù)庫來看用戶名有沒有重復(fù)的。在點(diǎn)擊同意的時(shí)候來調(diào)用數(shù)據(jù)庫，然后把所有的判斷放到下一步來判斷。所有條件都滿足就將用戶名和密碼放到全局變量中。
var app = getApp();
Page({
data: {
userName: '',
userPassword: '',
userPasswordAgain: '',
checkbox: false,
repetition: false
},
// 返回主頁面
backHomeTap: function() {
wx.switchTab({
url: '../index/index',
})
},
// 綁定
bindingTap: function () {
wx.redirectTo({
url: '../login/login',
})
},
// 用戶名
userNameInput: function(e) {
this.setData({
userName: e.detail.value
});
},
// 密碼
userPasswordInput: function(e) {
this.setData({
userPassword: e.detail.value
});
},
// 再次輸入密碼
userPasswordAgainInput: function(e) {
this.setData({
userPasswordAgain: e.detail.value
});
},
// 同意
checkboxChange: function() {
if (this.data.checkbox === false) {
this.setData({
checkbox: true
})
} else {
this.setData({
checkbox: false
})
}
var that = this;
var userName = this.data.userName;
// 初始化云
wx.cloud.init({
env: 'wubaib-9543f7',
traceUser: true
});
// 初始化數(shù)據(jù)庫
const db = wx.cloud.database();
const _ = db.command;
db.collection('userInformation').where({
userName: _.eq(userName)
}).get({
success: function (res) {
if (res.data.length === 1) {
that.setData({
repetition: true
})
}
}
})
},
// 下一步，完善個(gè)人信息
perfectInforTap: function() {
var userName = this.data.userName;
var userPassword = this.data.userPassword;
var checkbox = this.data.checkbox;
var userPasswordAgain = this.data.userPasswordAgain;
var name = /^[A-Za-z0-9\u4e00-\u9fa5]+$/;
var repetition = this.data.repetition;
if (userName === '') {
wx.showToast({
title: '請輸入用戶名',
icon: 'none',
duration: 2000,
mask: true
})
} else if (!name.test(userName)) {
wx.showToast({
title: '用戶名格式不正確',
icon: 'none',
duration: 2000,
mask: true
})
} else if (repetition === true) {
wx.showToast({
title: '用戶名已存在',
icon: 'none',
duration: 2000,
mask: true
})
} else if (userPassword === '') {
wx.showToast({
title: '請輸入密碼',
icon: 'none',
duration: 2000,
mask: true
})
} else if (userPassword.length < 6) {
wx.showToast({
title: '密碼最少6位',
icon: 'none',
duration: 2000,
mask: true
})
} else if (userPassword !== userPasswordAgain) {
wx.showToast({
title: '兩次密碼輸入不一致',
icon: 'none',
duration: 2000,
mask: true
})
} else if (checkbox === false) {
wx.showToast({
title: '請選中已閱讀',
icon: 'none',
duration: 2000,
mask: true
})
} else {
wx.redirectTo({
url: 'perfectInfor/perfectInfor',
})
// 保存用戶名和密碼
app.appData.account = {
userName: userName,
userPassword: userPassword
}
}
}
})在完善信息的時(shí)候獲取所有的變量（用戶名和密碼也在內(nèi)），然后在點(diǎn)擊下一步完成按鈕將數(shù)據(jù)上傳到數(shù)據(jù)庫。
var app = getApp();
Page({
data: {
userName: '',
userPassword: '',
phone: '',
realName: '',
card: '',
email: '',
},
// 返回主界面
backHomeTap: function() {
wx.switchTab({
url: '../../index/index',
})
},
// 手機(jī)號
phoneInput: function(e) {
this.setData({
phone: e.detail.value
});
},
// 真實(shí)姓名
nameInput: function(e) {
this.setData({
realName: e.detail.value
});
},
// 身份證
cardInput: function(e) {
this.setData({
card: e.detail.value
})
},
// email
emailInput: function(e) {
this.setData({
email: e.detail.value
})
},
// 下一步完成
registerSuccessTap: function() {
var phone = this.data.phone;
var realName = this.data.realName;
var card = this.data.card;
var email = this.data.email;
var userName = this.data.userName;
var userPassword = this.data.userPassword;
var phonereg = /^1[345789]\d{9}$/;
var namereg = /^[\u4E00-\u9FA5]+$/;
var cardreg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|[xX])$/;
var emailreg = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;
var that = this;
if (phone === '') {
wx.showToast({
title: '請輸入手機(jī)號',
icon: 'none',
duration: 2000,
mask: true
});
} else if (!phonereg.test(phone)) {
wx.showToast({
title: '請輸入正確的手機(jī)號',
icon: 'none',
duration: 2000,
mask: true
})
} else if (!namereg.test(realName)) {
wx.showToast({
title: '請輸入正確的名字',
icon: 'none',
duration: 2000,
mask: true
})
} else if (card === '') {
wx.showToast({
title: '請輸入身份證',
icon: 'none',
duration: 2000,
mask: true
})
} else if (!cardreg.test(card)) {
wx.showToast({
title: '請輸入正確的身份證',
icon: 'none',
duration: 2000,
mask: true
})
} else if (email === '') {
wx.showToast({
title: '請輸入郵箱',
icon: 'none',
duration: 2000,
mask: true
})
} else if (!emailreg.test(email)) {
wx.showToast({
title: '請輸入正確的郵箱',
icon: 'none',
duration: 2000,
mask: true
})
} else {
// 初始化云
wx.cloud.init({
env: 'wubaib-9543f7',
traceUser: true
});
// 初始化數(shù)據(jù)庫
const db = wx.cloud.database();
db.collection('userInformation').add({
// data 字段表示需新增的 JSON 數(shù)據(jù)
data: {
realName: realName,
userName: userName,
userPassword: userPassword,
phone: phone,
email: email,
card: card
},
success: function(res) {
// res 是一個(gè)對象，其中有 _id 字段標(biāo)記剛創(chuàng)建的記錄的 id
console.log(res);
console.log(res.errMsg);
}
})
}
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
onShow: function() {
this.setData({
userName: app.appData.account.userName,
userPassword: app.appData.account.userPassword
})
},
})登錄
在登錄頁面，先獲取用戶輸入的用戶名和密碼。在點(diǎn)擊登錄的時(shí)候，先根據(jù)userName調(diào)數(shù)據(jù)庫的密碼和用戶輸入的密碼是否相等。如果相等將用戶的信息保存到全局變量中。
var app = getApp();
Page({
data: {
bindName: '',
bindPassword: '',
isChecked: false,
userName: '',
phone: '',
realName: '',
card: '',
email: '',
userId: ''
},
// 點(diǎn)擊注冊賬號
registerTap: function() {
wx.redirectTo({
url: '../register/register'
})
},
// 獲取用戶名
bindNameInput: function(e) {
this.setData({
bindName: e.detail.value
})
var that = this;
if (that.data.bindName.length !== 0 && that.data.bindPassword.length !== 0) {
this.setData({
isChecked: true
})
} else if (that.data.bindName.length === 0) {
this.setData({
isChecked: false
})
}
},
// 獲取密碼
bindPasswordInput: function(e) {
this.setData({
bindPassword: e.detail.value
})
var that = this;
if (that.data.bindName.length !== 0 && that.data.bindPassword.length !== 0) {
this.setData({
isChecked: true
})
} else if (that.data.bindPassword.length === 0) {
this.setData({
isChecked: false
})
}
},
// 點(diǎn)擊登錄
bindingSuccess: function() {
var that = this;
var bindName = that.data.bindName;
var bindPassword = that.data.bindPassword;
if (bindName.length !== 0 && bindPassword.length !== 0) {
// 初始化云
wx.cloud.init({
env: 'wubaib-9543f7',
traceUser: true
});
// 初始化數(shù)據(jù)庫
const db = wx.cloud.database();
db.collection('userInformation').where({
userName: bindName
}).get().then(res => {
console.log(res.data);
if (res.data[0].userPassword === bindPassword) {
console.log("登錄成功");
// 保存手機(jī)號，真實(shí)姓名，身份證號，郵箱 保存用戶名
that.setData({
userName: res.data[0].userName,
phone: res.data[0].phone,
realName: res.data[0].realName,
card: res.data[0].card,
email: res.data[0].email,
userId: res.data[0]._id
})
app.appData.userinfo = {
phone: that.data.phone,
realName: that.data.realName,
card: that.data.card,
email: that.data.email
}
app.appData.account = {
userName: that.data.userName
}
app.appData.userId = {
userId: that.data.userId
}
wx.switchTab({
url: '../personalCenter/personalCenter',
})
} else {
wx.showToast({
title: '用戶名或密碼錯誤',
icon: 'none',
duration: 2000
})
}
})
}
},
})登錄WXML
<view class='phoneNumberContainer'>
<input placeholder='用戶名' maxlength='11' bindinput="bindNameInput"></input>
</view>
<view class='passwordContainer'>
<input placeholder='密碼' password="true" bindinput="bindPasswordInput"></input>
</view>
<view class="{{isChecked?'bindingChecked':'bindingNormal'}}" bindtap='bindingSuccess'>立即登錄</view>
<view class='registerContainer' bindtap='registerTap'>注冊賬號</view>注冊第一步的WXML
<!--返回主頁 -->
<view class='backHome' bindtap='backHomeTap'>
<image src='/images/homeIcon.png' class='backHomeImg'></image>
</view>
<!--頭部 -->
<view class='headerContainer'>
<!--創(chuàng)建賬戶 -->
<view class='headerListContainer headerListActive'>
<view class='headerListView'>1</view>
<text class='headerListText'>創(chuàng)建賬戶</text>
</view>
<!--完善個(gè)人信息 -->
<view class='headerListContainer'>
<view class='headerListView'>2</view>
<text class='headerListText'>完善個(gè)人信息</text>
</view>
<!--注冊成功 -->
<view class='headerListContainer'>
<view class='headerListView'>3</view>
<text class='headerListText'>注冊成功</text>
</view>
<view class='transverseLineLeft'></view>
<view class='transverseLineright'></view>
</view>
<view class='mainContainer'>
<!--用戶名 -->
<view class='mainListContainer'>
<view class='mainListText'>用戶名</view>
<input class='mainListInput' placeholder='請輸入數(shù)字,字母或中文' maxlength='25' bindinput='userNameInput'></input>
</view>
<!--密碼 -->
<view class='mainListContainer'>
<view class='mainListText'>密碼</view>
<input class='mainListInput' placeholder='長度6~14位' password='true' maxlength='14' bindinput='userPasswordInput'></input>
</view>
<!--確認(rèn)密碼 -->
<view class='mainListContainer'>
<view class='mainListText'>確認(rèn)密碼</view>
<input class='mainListInput' placeholder='請?jiān)俅屋斎朊艽a' password='true' maxlength='14' bindinput='userPasswordAgainInput'></input>
</view>
</view>
<!--agree -->
<view class='agreeContainer'>
<checkbox class='agreeCheckbox' checked="{{check}}" bindtap="checkboxChange"/>
<text>我已閱讀并接受</text>
<text class='clause'>《用戶注冊條款》</text>
</view>
<!--nextButton -->
<view class='nextButton' bindtap='perfectInforTap'>下一步，完善個(gè)人信息</view>
<!--binding -->
<view class='bindingContainer'>
<text>已有賬號</text>
<text class='binding' bindtap='bindingTap'>請綁定</text>
</view>注冊第二步WXML
<!--返回主頁 --> <view class='backHome' bindtap='backHomeTap'> <image src='/images/homeIcon.png' class='backHomeImg'></image> </view> <!--頭部 --> <view class='headerContainer'> <!--創(chuàng)建賬戶 --> <view class='headerListContainer headerListOldActive'> <view class='headerListView'>1</view> <text class='headerListText'>創(chuàng)建賬戶</text> </view> <!--完善個(gè)人信息 --> <view class='headerListContainer headerListActive'> <view class='headerListView'>2</view> <text class='headerListText'>完善個(gè)人信息</text> </view> <!--注冊成功 --> <view class='headerListContainer'> <view class='headerListView'>3</view> <text class='headerListText'>注冊成功</text> </view> <view class='transverseLineLeft'></view> <view class='transverseLineright'></view> </view> <!--main --> <view class='mainContainer'> <!--手機(jī) --> <view class='mainListContainer'> <view class='mainListText'>手機(jī)</view> <input class='mainListInput' placeholder='請輸入手機(jī)號碼' maxlength="11" bindinput='phoneInput'></input> </view> <!--真實(shí)姓名 --> <view class='mainListContainer'> <view class='mainListText'>真實(shí)姓名</view> <input class='mainListInput' placeholder='請輸入真實(shí)姓名' maxlength='25' bindinput='nameInput'></input> </view> <!--證件類型 --> <view class='mainListContainer'> <view class='mainListText'>證件類型</view> <view class='cardText'>中華人民共和國居民身份證</view> </view> <!--證件號碼 --> <view class='mainListContainer'> <view class='mainListText'>證件號碼</view> <input class='mainListInput' type='idcard' placeholder='請輸入身份證號碼' maxlength="18" bindinput='cardInput'></input> </view> <!--郵箱 --> <view class='mainListContainer'> <view class='mainListText'>郵箱</view> <input class='mainListInput' placeholder='請輸入常用的郵箱地址' bindinput='emailInput'></input> </view> </view> <!--nextButton --> <view class='nextButton' bindtap='registerSuccessTap'>下一步，完成</view>
以上是“微信小程序云開發(fā)數(shù)據(jù)庫的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
名稱欄目：微信小程序云開發(fā)數(shù)據(jù)庫的示例分析
文章URL：http://muchs.cn/article30/pdhdso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、外貿(mào)網(wǎng)站建設(shè)、做網(wǎng)站、全網(wǎng)營銷推廣、App設(shè)計(jì)、網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
- B2B2C跨境電子商務(wù)系統(tǒng)怎么做 2016-10-04
- 網(wǎng)站維護(hù)都包括什么內(nèi)容？ 2013-10-21
- 網(wǎng)站為什么要改版 2016-08-03
- 網(wǎng)站維護(hù)的內(nèi)容都包括哪些 2022-05-01
- 什么是網(wǎng)站維護(hù)？網(wǎng)站維護(hù)指南！ 2023-02-28
- 如何把企業(yè)網(wǎng)站維護(hù)好，管理好，經(jīng)營好 2020-11-21
- 網(wǎng)站不收錄常規(guī)分析思路 2016-09-16
- 網(wǎng)站制作：企業(yè)網(wǎng)站內(nèi)容維護(hù)及更新技巧 2016-04-25
- 網(wǎng)站維護(hù)優(yōu)化的保護(hù)作業(yè)包括哪幾方面？ 2021-03-06
- 網(wǎng)站維護(hù)需要做哪些工作，維護(hù)費(fèi)用怎么樣 2021-04-26
- 蕪湖網(wǎng)站建設(shè)-中小企業(yè)網(wǎng)站維護(hù)和推廣的重要性 2021-10-03
- 手機(jī)端跟PC端的有哪些區(qū)別 2016-08-11