今天完成的事情：

1.进行方案设计

明天计划的事情：

1.进行方案设计

遇到的问题和收获：

首先了解了一些svn的基本用法

具体合并操作待协同合作的时候可以处理

进行方案设计

项目文档架构

前台部分

src

|——asset （静态资源）

| └───css （样式）

| └───img （图片）

|——common （存放公共js文件）

|——components （存放公共组件）

|——network（网络请求）

|——router（路由相关）

|——store（vuex相关）

|——views（组件）

| └───HomePage（首页）

| └───SignInPage（签到页）

| └───Profile（个人中心）

| └───Bind（绑定页）

| └───BindSuccess（绑定页）

| └───ProfileData（资料编辑）

| └───CollectData（收藏页）

| └───Literature（文学页）

| └───LiteratureDetails（文学详情页）

| └─── Video（后台管理）

| └───VideoDetails（修改密码）

|——App.vue（渲染文件）

|——main.js（项目入口）

后台部分

src

|——asset （静态资源）

| └───css （样式）

| └───img （图片）

|——common （存放公共js文件）

|——components （存放公共组件）

| └───Welcome （欢迎页）

| └───LoginPage（登陆页）

|——network（网络请求）

|——router（路由相关）

|——store（vuex相关）

|——views（组件）

| └───UserAdmin（用户管理页）

| └───ArticleList（文章管理页）

| └───ArticleDetails（文章详情页）

| └───VideoList（视频管理页）

| └───VideoDetails（视频详情页）

| └─── Backstage（后台管理）

| └───Password（修改密码）

| └───RolesList（角色管理）

| └───ModulesList（模块管理）

|——App.vue（渲染文件）

|——main.js（项目入口）

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拉取用户信息了。把这两个值传给后端。然后获取回调参数，拿到用户信息

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

2.首页

需求描述

1. 作为一名初高中学生，我希望可以在首页上看到所有功能的图片

2. 作为一名初高中学生，我希望可以点击图片跳转到相应的页面

3. 作为一名初高中学生，我希望可以在首页直接看到签到和学生证按钮

验收标准

1. 在一级背景图上面可以看到学生证，点击学生证进入学生中心界面。

2. 在一级背景图上面可以看到签到，点击签到进入签到页面

3. 在一级背景图上面可以看到各部门入口，点击图片进入相应页面

4. 一级背景图可以随意缩放和移动查看

实现思路

判断账号是否可用，如果是被冻结了，就弹出框提示账号被冻结。点击确认或者3s后自动返回重新登陆。

成功登陆后，通过后台传递的数据判断是否是第一次登陆，如果是的话，强制弹出选择年的框，不选择就不能点击确认，选择完年级之后获取用户信息。

点击阅览室，跳转到文学部；点击教学楼，跳转到影像部；点击签到，弹出签到页面，点击学生卡，进入到学生证页面。签到和学生卡按钮使用绝对定位固定到右上角。

3.学生证

需求描述：1.通过微信授权获取用户的头像和昵称信息，同时也能更改昵称、头像、选择年级，这样便于用户实时更新资料。2.需要绑定电话或者邮箱3.有收藏功能，收藏用户文学资料和视频资料

验收标准：1.进入学生中心界面个人资料可以看到初始的学生的头像、昵称、年级：未设置、逆袭豆：0颗2.点击我的收藏可以进入收藏页，收藏页分为文学部和影像部的收藏3.点击绑定设置可以进入绑定页面，分为手机号绑定和邮箱绑定，都需要输入正确的验证码才可以绑定成功，验证码重新发送时间为60s。绑定成功后显示弹窗获得20颗逆袭豆并跳转到绑定成功页面4.绑定成功页面展示已经绑定的账号，未绑定的显示未绑定5.资料编辑头像可以通过拍照和选择本地图片来选择，昵称中英皆可限制字符2-14个

实现思路

1.进入页面时请求数据获得头像，昵称，年级，逆袭豆。

2.上方有编辑模块，下方有我的收藏和账号绑定两个模块，点击后跳转到对应组件。如果未绑定就显示未绑定。

3.绑定页可以切换手机号绑定和邮箱绑定，做相应的表单验证，做验证码倒计时

4.拍照和选择相册用户授权后调用微信相应接口

还有一些不明白的地方明天问问