今天完成的事情：

求学大作战前台方案设计（你fpx牛逼）

 一、开发工具

        1 编译器：Hbuuider X
        2 版本管理器：svn
        3 切图：photoshop

  二、整体架构

       1.预期可能使用到的前后台框架插件：

           1    CSS预处理器：sass
           2   JS框架：Vue
           3   脚手架：Vue-cli 3.0
           4   组件库：element-ui
           5   页面路由： vue-router
           6   分页：element-ui
           7   html请求：axios
          8    JS-SDK

三、项目文档架构

     1. build 项目构建(webpack)相关代码
     2. node_modules npm 加载的项目依赖模块
     3. src 就叫开发目录吧

           assets（静态文件夹）
                   css
                   js
                   img
        components （公共组件）
        views （ 路由页面 ）
        router (路由设置页面)
       main.js: （项目的核心文件）
       App.vue: （主页面）

四、页面逻辑

<img "http:="" new.wiki.jnshu.com="" download="" attachments="" 56198178="" image2019-7-16_18-24-10.png?version="1&modificationDate=1563272653000&api=v2"" data-image-src="/download/attachments/56198178/image2019-7-16_18-24-10.png?version=1&modificationDate=1563272653000&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="56198220" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="image2019-7-16_18-24-10.png" data-base-url="http://new.wiki.jnshu.com" data-linked-resource-content-type="image/png" data-linked-resource-container-id="56198178" data-linked-resource-container-version="3" style="vertical-align: middle; max-width: calc(100% - 4px); word-break: break-all; margin: 0px 2px; padding: 0px; cursor: pointer; display: block;">

首页部分

登陆 — 需求描述

1、作为一名用户，希望刚进入公众号的时候可以进行登陆授权，以便更好的使用产品。

2，作为一名项目负责人，希望在登陆的时候，进行二次授权 ，第一次使用微信进行登陆，第二次登陆的时候，输入手机号，这样可以更好的去引流，实现盈利。
3、作为一名项目负责人，希望在页面登陆的时候，如果没有进行第一次授权，不能使用产品，第二次授权，才可以完成点赞，这样的引流，可以让产品去盈利。

验收标准

1.第一次登陆授权的时候，点击允许跳转到绑定手机号登陆页面。

2.第一次登陆授权的时候，点击取消，跳转到首页。用户点击首页任意模块，页面下方弹出微信授权框。

实现方案：

1，当用户进入首页的时候，请用户进行微信登陆授权，当用户点击允许的时候，使用微信JSDK来发送请求，获取用户信息，授权登陆，该权限只是获取用户基本信息。

2，当用户允许微信授权访问基本信息时，点击允许跳转到手机号授权页面，要求用户手机号授权微信登陆，用户点击取消时，跳转到首页，当用户点击允许的时候，使

用微信JSDK，授权使用手机号进行登陆之后，使用this.push跳转到首页。

首页— 需求描述

1，作为一名用户，希望在首页上面，可以查看，求学圈，个人中心，签到，课程。以及显示公告信息。

2，作为一名用户，使用产品的时候，偶尔会忘记自己今天是否签到了，所以希望签到button可以，显示出气泡，来提示我签到。

3，作为一名用户，作为一名用户，在点击个人中心时，要跳转到个人中心页面。

4，作为一名用户，作为一名用户，在点击求学圈时，要跳转到求学圈页面。

5，作为一名用户，作为一名用户，在点击签到时，要跳转到签到页面。

6，作为一名用户，虽然我很不希望，在这么早就填写我的年级，但是不写你进来，我不知道你是那个年级的。所以会强行让你选择。

验收标准

1、当天未签到，则会弹出气泡提示，签到完成后气泡消失。

2、点击跳转相关页面。

3，进入首页获取班级。

实现方案：

1，当点击公告的时候，触发vue的@click时间，使用axios发送请求，来获取公告内容。

2，当页面默认加载的时候，发送axios请求，来得出一个布尔值，来确定是否要继续登陆。

3，当然在选择班级的时候，还是要求先登陆，登陆之后再去选择班级。

。

明天计划的事情：

把手风琴写好。

收获：

拆分任务，看任务需求，继续写手风琴。