display函数怎么使用_小程序之十九 云函数之小结局

公益广告，南湖派出所于警官提示

声明：因所有的字，基本都是我自己敲上来的，只有腾讯有个错字提示，没有其他人审核，所以，有错字，如果你发现了，海涵啊！

我的动手能力，让我在没人协助的情况下，能做好很多事儿！

哈哈，加一段我对需求分析和产品设计的论述。尽管传统需求分析教科书，不区分产品设计和需求分析，但我依然认为有区分的必要。产品设计是需求端，需求分析是实现端，产品设计是甲方，需求分析是乙方，产品设计是主导，需求分析是从属，产品设计讲客户体验，需求分析将实现效率，产品设计讲客户获取和业务收益，需求分析将更高的这业务处理性能，产品设计是面向市场的或市场服务人员的，需求分析是面向技术或技术人员的，产品设计的交付物是高保真原型，需求分析的交付物是功能规格(就是系统怎么改)；

然后，杨亚峰增加了一句，我觉得很好！

产品设计出发于价值驱动，需求分析践行于可行性思考。

开始的时候，想把云函数写5集，后来觉得监控没啥可写的，和代码可以合并了。监控，就是在开发者工作里，进入那个“云开发”，然后找“云函数”，相关功能自己看看也就可以了，没啥技术含量。

那么，还是把加法器的代码贴出来吧(前面的部分代码是微信为了获取openid用的，是微信模板内容)，涉及的主要知识点包括：

1、表单form 的处理，这个要牢记，用处很多；

2、云函数的定义和调用，都是有模板要求的，按模板写就好了，要掌握参数传递规则；

3、异步处理机制中出现的问题及解决，主要是promise对象的应用；

4、关于回调函数。这个，在这里说几句吧，多数微信提供的开放能力，都有回调函数，这个回调函数是原函数的一个参数，名字为success：function(res){......}，函数体可以自己定义，函数名不能变，参数名可以重新定义；还有一个失败回调，原型为fail:function(err){.....}；

成功回调函数success:function(res){} 可以用箭头函数书写

success=>(res){......},至少目前，上述两种写法，效果相同。

5、关于组件，这是个容器，容器，容器里面怎么摆放东西，随便安排，说这话的意思是，input组件和他的提示text组件，在一行，要用view容器起来，且diaplay:flex

wxml代码：

      style="background-image: url({{avatarUrl}})" size="default">

      点击获取 openid

        给个数呗

        再给一个

        弱智加法

      云函数计算

      CLEAR

wxss代码：

page {

  background: #f6f6f6;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

}

.userinfo,

.uploader,

.tunnel {

  margin-top: 40rpx;

  height: 140rpx;

  width: 100%;

  background: #fff;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-left: none;

  border-right: none;

  display: flex;

  flex-direction: row;

  align-items: center;

  transition: all 300ms ease;

}

.userinfo {

  padding-left: 120rpx;

}

.userinfo-avatar {

  width: 100rpx;

  height: 100rpx;

  margin: 20rpx;

  border-radius: 50%;

  background-size: cover;

  background-color: white;

}

.userinfo-avatar[size] {

  width: 100rpx;

}

.userinfo-avatar:after {

  border: none;

}

.userinfo-nickname {

  font-size: 32rpx;

  color: #007aff;

  background-color: white;

  background-size: cover;

  text-align: left;

  padding-left: 0;

  margin-left: 10px;

}

/* 以下为新定义的css */

.form_container {

  width: 100%;

  margin-top: 30rpx;

}

.input_mumber {

  width: 100%;

  height: 80rpx;

  margin-top: 5rpx;

  /* background-color: #a2a2a2; */

  box-sizing: border-box;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.inputbox {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.number_note {

  font-size: smaller;

  color: #a2a2a2;

  margin-right: 50rpx;

  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}

.button2{

margin-top: 5rpx;

}

js代码：

//index.js

const app = getApp()

Page({

  data: {

    tempsum: 0.00,

    avatarUrl: './user-unlogin.png',

    userInfo: {},

    logged: false,

    takeSession: false,

    requestResult: ''

  },

  onLoad: function () {

    if (!wx.cloud) {

      wx.redirectTo({

        url: '../chooseLib/chooseLib',

      })

      return

    }

    // 获取用户信息

    wx.getSetting({

      success: res => {

        if (res.authSetting['scope.userInfo']) {

          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框

          wx.getUserInfo({

            success: res => {

              this.setData({

                avatarUrl: res.userInfo.avatarUrl,

                userInfo: res.userInfo

              })

            }

          })

        }

      }

    })

  },

  onGetUserInfo: function (e) {

    if (!this.data.logged && e.detail.userInfo) {

      this.setData({

        logged: true,

        avatarUrl: e.detail.userInfo.avatarUrl,

        userInfo: e.detail.userInfo

      })

    }

  },

  onGetOpenid: function () {

    // 调用云函数

    wx.cloud.callFunction({

      name: 'login',

      data: {},

      success: res => {

        console.log('[云函数] [login] user openid: ', res.result.openid)

        app.globalData.openid = res.result.openid

        wx.navigateTo({

          url: '../userConsole/userConsole',

        })

      },

      fail: err => {

        console.error('[云函数] [login] 调用失败', err)

        wx.navigateTo({

          url: '../deployFunctions/deployFunctions',

        })

      }

    })

  },

  bindsubmit_func: function (event) {

    var sumtemp = 0.00;

    var num1 = Number(event.detail.value.num1);

    var num2 = Number(event.detail.value.num2);

    var that = this;

    // sumtemp = (num1 + num2).toFixed(2);

    // console.log("tempsum=",tempsum);

    var pro = new Promise((resolve, reject) => {

      wx.cloud.callFunction({

        name: 'sum_test_func',

        data: {

          a: num1,

          b: num2

        },

        success: res => {

          // console.log('原函数调用成功', res.result);

          // this.sumtemp = res.result;

          // console.log("sumtemp=", this.sumtemp);

          resolve(res);

        },

        fail: err => {

          console.error('云函数调用失败', err);

          reject(err);

        }

      });

    }); //promise结束

    pro.then((res) => {

      console.log("pro is success!", res.result);

      that.setData({

        tempsum: (res.result).toFixed(2)

      });

    }, (err) => {

      console.log("err");

    });

  },  //end

})

云函数定义代码：

// 云函数入口文件

const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数

exports.main = async (event, context) => {

  // const wxContext = cloud.getWXContext()

  // return {

  //   event,

  //   openid: wxContext.OPENID,

  //   appid: wxContext.APPID,

  //   unionid: wxContext.UNIONID,

  //}

  // console.log("enven= ",event);

  return event.a + event.b;

}

云函数结束，以后不会再讨论云函数了，累！

点“在看“更给力！