六娃密码管理小程序开发经验总结

昨天晚上 利用下班后的三个小时,做了一个密码管理的小程序,使用云开发,搭配云函数

小程序只要两个页面,一个新增,一个列表

昨晚提交的审核,今天早上就通过了,大家可以扫码看看

该项目我已经开源了, 项目地址:https://github.com/PmcFizz/FasterCoder

主要js代码 新增代码

  

   

    

     

    
    

     
 // 输入双向绑定
     
    
   

    

     

    
    

     

        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',
     
    
   

    

     

    
    

     

                })        
     
    
   

    

     

    
    

     

             })
     
    
   

    

     

    
    

     

        },
     
    
  
 

查询列表代码:

  

   

    

     

    
    

     
 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 的云函数如下

  

   

    

     

    
    

     

      wx.cloud.callFunction({
     
    
   

    

     

    
    

     

            name: 'login',
     
    
   

    

     

    
    

     
      data: {},
     
    
   

    

     

    
    

     

            success: res => {
     
    
   

    

     

    
    

     

              app.globalData.openid = res.result.openid
     
    
   

    

     

    
    

     

            }
     
    
   

    

     

    
    

     

      })
     
    
  
 

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/87867441