昨天晚上 利用下班后的三个小时,做了一个密码管理的小程序,使用云开发,搭配云函数
小程序只要两个页面,一个新增,一个列表
该项目我已经开源了, 项目地址:https://github.com/PmcFizz/FasterCoder
主要js代码 新增代码
代码语言:javascript复制 // 输入双向绑定
bindAppNameInput (e) {
this.setData({
appName: e.detail.value
})
},
// 输入双向绑定
bindAccountInput (e) {
this.setData({
account: e.detail.value
})
},
// 输入双向绑定
bindPasswordInput (e) {
this.setData({
password: e.detail.value
})
},
toList () {
wx.redirectTo({
url: '../pwdList/pwdList',
})
},
// 提交数据
formSubmit () {
const db = wx.cloud.database()
let appName = this.data.appName
let account = this.data.account
let password = this.data.password
let openid = getApp().globalData.openid
db.collection('pwdBox')
.add({ data: { appName, account, password, openid}})
.then(res=>{
wx.showToast({
title: '新增成功',
icon: 'success',
duration: 2000
})
wx.redirectTo({
url: '../pwdList/pwdList',
})
})
},
查询列表代码:
代码语言:javascript复制 onLoad: function (options) {
let self = this
wx.cloud.callFunction({
name: 'login',
data: {},
success: res => {
app.globalData.openid = res.result.openid
const db = wx.cloud.database()
let openid = res.result.openid
db.collection('pwdBox')
.where({ openid }).get({
success(res) {
self.setData({
pwdList: res.data
})
}
})
},
fail: err => {
console.error('[云函数] [login] 调用失败', err)
wx.navigateTo({
url: '../deployFunctions/deployFunctions',
})
}
})
},
一个新增函数, 一个查询函数,
另外,使用云函数获取 用户的openid 作为用户的唯一主键,作为查询条件 获取用户openid 的云函数如下
代码语言:javascript复制wx.cloud.callFunction({
name: 'login',
data: {},
success: res => {
app.globalData.openid = res.result.openid
}
})