这篇文章会很长，非常长，特别长，无敌长。
真的是挤牙膏般的项目进度，差不多是8月底有开始这个项目的想法，时至今日都1个多月了，抛去频繁的加班时间，王者时间，羽毛球时间...见缝插针的写这个项目，我竟然写完了，我竟然没有半途放弃，可真把我自己感动坏了。
好吧，主要是这个小程序很简单，本文会讲解一下这个小程序的代码，所有代码几乎是我一个个敲出来的，所有逻辑也是自己构思梳理的，因此很多实现方式并不是很好，冗余代码很多，代码质量堪忧，但我也在学习中，随着技术提升，会不断来重构代码，如果大家有任何建议欢迎私信我哦，特别感谢。
该小程序采用的云开发，没有自己搭建后端，我心目中，只要没有后端的内容我就觉得很简单。但其实我还是想有朝一日能自己独立完成前后端所有工作，写一个更棒的作品。
之前有写过几篇文章，可以回顾一下。你可能需要的文章：
天啦噜，看了半天代码发现还挺多，一时间不晓得该从哪里开始。那还是按照tab页使用逻辑顺序来吧。
启动页之前文章也有过如何写一个启动页面。至于为什么需要个启动页呢？
我觉得主要也就两点，一个是好看，还有个就是添加获取用户信息类型按钮，间接引导用户授权获取用户信息。
至于为啥要获取用户信息？
曾真有段时间，我纠结了好久，因为我自己这个程序中，除了展示，好像也没啥需要用到这个数据的地方。
但我还是写了。
当前登陆用户的用户名和头像图片，通过 open-data 标签可以无需授权直接获取，只要指定相应类型userNickName和userAvatarUrl即可，样式只需要用view容器包裹起来进行设置。button按钮指定open-type为getUserInfo，在点击事件中就可以拿到授权之后的用户公开信息数据。
拿到用户信息需要保存到数据库中，也只需要首次登录的用户在授权之后才需要入库，所以加个判断当前登陆用户是否是首次登录，判断条件是每个用户的唯一值openId。
通过这个逻辑，那需要处理的可以分为如下几个：
1、获取当前登录用户的openId。
getOpenID() { let that = this; wx.cloud.callFunction({ name: 'login', complete: res => { const openId = res.result.event.userInfo.openId; that.setData({ openId }) } }) },