今天完成的事情

一、前台
1、登陆
需求描述：
 作为一个本产品的用户我想要一个登录，以便于登录之后可以使用更多的功能

验收标准：
微信授权登录，
登录之后获取用户头像以及名称，显示个人中的个人信息

实现方案：

1 第一步：用户同意授权，获取code
在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头；
在确保微信公众账号拥有授权作用域（scope参数）的权限的前提下，引导关注者打开页面，若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。
2 通过code换取网页授权access_token
这一步非常简单。就是把第一步拿到的code传给后端。然后后端返给我一个token值就行了
3.刷新access_token
由于access_token拥有较短的有效期，当access_token超时后，可以使用refresh_token进行刷新，refresh_token有效期为30天，当refresh_token失效之后，需要用户重新授权。
4.拉取用户信息(需scope为 snsapi_userinfo)
通过access_token和openid拉取用户信息了。把这两个值传给后端。然后获取回调参数，拿到用户信息

代码逻辑
获取token
if判断。token是否为空。如果为空（第一次登录或者token值失效）。先获取code，然后通过code拿到token。存值（localStorage）并且进入首页
如果token不为空（不是第一次登录）。就不需要进行授权，直接进入首页

2、首页
需求描述：
作为一个刚进入求学的用户，我想要通过首页，以便于快速找到我想要的功能入口

验收标准：
用户第一次登录必须弹窗选择年级
点击签到模块弹出签到弹窗，已签到显示已签到
每次进入公众号首页都会弹出公告，可以正常关闭
消息中心展示几条未读消息
点击课程首页，消息中心，收藏，个人中心，模块跳转到相对应的页面

实现方案：

1，后台向我传递数据，然后我来用这个数据来判断用户是第一次登陆还是老用户。

2，在背景图上点击对应的的按钮跳转到相应的  页面，制作一整张背景图，将各功能按钮固定，后台向我传递数据，然后我来用这个数据来判断用户是第一次登陆还是老用户。先判断账号是否可用，如果是被冻结的账号就弹出提示框显示账号被冻结，然后点击确认或者倒计时三秒返回登陆。判断通过之后再判断是不是第一次登陆，如果是就弹出提示框强制选择年级，必须选一个年级下面的确认按钮才能点击。选中年级改变其颜色，然后禁点按钮取消。选择完年级之后获取用户信息。

3，点击按钮触发vue-router跳转到相应的页面，给消息列表的数组里每个都加上红点的未读标记，在return中给这个属性控制，true的时候显示红色标记，点击查看之后记为false，并向后端请求参数标记。 

3、签到
需求描述：
作为一个平台运营者，我想要一个积分签到，以便于增加用户活跃度
验收标准：
签到弹窗，显示已签到几天，以及积分多少展示，七天签到制，每天都会显示今天字样，签到之后显示对号
签到七天之后或中断签到就从第一天开始，签到显示已签到，右上角正常关闭弹窗已签到，再次点击显示已签到

实现方案：

1.签到弹窗我通过vant组件实现就行 

2.点击签到之后，我会给后端一个当前当前时间戳。然后请求出来数据，显示今天是否已签到和，连续签到的天数，然后渲染到页面上面。

3，如果当天没有签到

2.签到的时候7天为一组。点击签到后改变图案。通3过24小时制度判断当天有没有签到。没有连续签到的话就从新开始。连续签到满7天。也从新开始

3.获取到当前时间戳，使用 new Date().toLocaleString()    （new Date() new一个data对象，当前日期和时间toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串，并返回结果）

4.登陆公众号的时候获取上一次签到的时间戳。并且用当前时间减去上一次签到的时候，如果小于24小时，就接着签到。如果大于24小说。连续签到就断了，需要重新开始

5.需要做一个禁止点击，假设已签到状态为1，未签到状态为2。签到状态为1的按钮禁止点击。就是这个按钮已经签到过了。