3.4 开发参与投票页面

参与投票页面同样需要收集用户提交的信息，哪个用户在哪个投票选择了什么选项，因此它也是一个表单页面

3.4.1 如何获取投票信息

假设用户A在投票创建页面后填了表单（1.创建投票），用户A 点了提交，投票信息提交到了服务器端。

用户A会获得来自服务器端的投票ID（2.获得投票的ID）,然后用户A的手机页面会跳转到投票页面，用户A将这个页面以小程序卡片的形式分享到微信群中。（3.发送小程序卡片，路径参数有投票ID）

微信群中的用户B点击小程序卡片，他的手机用投票ID向服务器端发送想获得投票信息的请求（()4.使用投票ID请求投票信息），然后得到来自服务器端给的投票信息（5.获得投票信息）。

当用户B打开投票信息页面时，投票页面需要显示标题，描述，选项等数据，因此在投票信息页面的onLoad方法中获取它们。

用户A如果创建多个投票提交，服务器端需要给每个投票都创建不同的投票ID以作区分，因此每个ID在服务器都是唯一的。ID可以是number类型，也可以是string类型。

整个过程又可以分为三个关键点：

一.提交服务器信息获得投票id

二.分享投票信息

三.用投票id从服务器获得投票信息

一三代码如下：

dataID = postDataToServer(data)

data = postDataFromServer(dataID)

二的话，先创建投票页面，在app.js页面添加如下代码：

"pages":[

    "pages/index/index", //主页

    "pages/createVote/createVote", //创建投票页面

    "pages/vote/vote", //投票页面

...

}

保存后就有投票页面了。

接下来需要在创建投票页面createVote.js的提交方法formSubmit中将数据传到云端，并带着传回的投票ID以页面路径参数的形式跳转到投票页面。代码如下：

  formSubmit(){

    const formData = {

      type:this.data.type,

      voteTitle: this.data.formTitle,

      voteDesc: this.data.formDesc,

      optionList: this.data.optionList,

      endDate: this.data.endDate, 

      isAnonymousfalse: this.data.isAnonymousfalse

    }

    //TODO 将formData提交到云端

    const voteID = 'test' //伪造一个数据，作为服务器端返回的投票ID

    wx.redirectTo({

      url: '/pages/vote/vote?voteID=' + voteID,

    })

  }

wx.redirectTo和wx.navigateTo有区别，redirectTo跳转时会关闭当前页面，单击返回时会直接跳转到上一级的页面,不存在就退出。navigateTo跳转时会保留当前页面，单击返回时还可以返回这个页面。

3.4.1 如何获取投票信息结束啦

3.4.2 借用伪造数据开发功能敬请期待。再见┏(＾0＾)┛