发表于： 2019-12-07 22:53:12
1 1187
今天完成的事：
任务拆分、模块需求实现方案
前台、收藏
需求描述
作为一个遇到自己喜欢的课程用户我想要一个收藏以便于下次学习
验收标准
收藏展示，课程收藏列表展示，包括收藏不同年级的课程，下拉刷新
任务拆分：
页面布局-2小时
页面样式-2小时
页面逻辑-2小时
实现方案：
1、页面布局用固定布局尺寸写死。
2、for循环把所有课程循环展示出来。
3、判断时间戳、把最新收藏的课程排在最上面。
4、点击课程判断是已购还是付费或免费的课程，传一个值给课程详情页面并路由跳转到课程详情页面
难点是下拉刷新，写个demo实现这个功能再写在项目上
1.通过touchstart获取用户第一次点击的坐标 2.通过touchmove 判断向上滑动还是向下 3.判断列表的滚动条是否在最底部
当列表滚动条在最底部时刷新。
前台、个人中心
需求描述
作为一个本产品用户我需要一个个人中心以便于查看个人信息
验收标准
个人中心展示，用户头像和用户名，都是不可编辑，
点击已购课程进入已购课程页，
已购课程，显示已购课程展示logo展示已购字样，拉到底部展示到底了字样，点击课程跳转到课程详情
任务拆分：
页面布局-2小时
页面样式-2小时
页面逻辑-2小时
2、已购页面
页面布局-2小时
页面样式-2小时
页面逻辑-2小时
实现方案：
1、页面布局用flex
2、两个模块已购课程和收藏，点击相应功能按钮路由跳转到相应页面
3、点击已购功能按钮路由跳转到已购课程页面，后台请求已购课程数据，把课程for循环渲染出来
4、实现下拉刷新
1.通过touchstart获取用户第一次点击的坐标 2.通过touchmove 判断向上滑动还是向下 3.判断列表的滚动条是否在最底部
当列表滚动条在最底部时刷新。
后台、轮播列表
需求描述
作为一个平台运营者我需要一个轮播图，以便于最新的一些活动做成轮播图来推送
验收标准
正常显示数据，新增跳转到新增页，上下架，编辑，删除正常使用，出现各种情况下的提示
上架状态不能删除编辑，只能下架
新增轮播正常输入数据，上传图片保存之后展示数据
限制5张处于上架状态
实现方案：
向后台接口传输数据实现banner的上架和下架，获取第一页数据，控制每页显示的个数，点击页数跳转到相应的页面，跳转到相应的页数，点击相应的操作按钮会弹出提示窗口。
输入框，选择框，按钮点击实现与之前相同，图片利用input标签type= ‘file’属性上传，用accept属性限制上传格式，用change事件查看返回的FileList对象判断大小，超过这提示并把文件清空(设置input的值为’’空值)
视频预览利用video标签设置src地址，或者iframe标签
富文本利用插件vue-quill-editor实现
后台、后台账号管理
需求描述
作为一个后台高级管理员，我需要一个后台账户管理以便于管理后台账户
验收标准
1.用户ID限制只能输入数字
2.两边选择时间前边的时间必须早于后边的时间
3.搜索按照顺序筛选，如果任意选项没有这个歌选择的话，下边用户列表空白显示，没有该条数据
4.点击重置按钮，清除所有筛选
5.ID自动生成，iD自增长
6.名称显示该条用户的账号名
7.角色用户在创建此用户时选择的角色权限
8.显示创建该用户的创建人的账号名称
9.显示最新改动此用户的账号名称，以及刚刚创建的新用户那这里显示创建人的账号名称
10.这里显示过该条数据最新保存更改的时间
11.点击新增用户，进入新增用户页面
12.点击删除按钮，弹窗提示：确认删除此用户
13.点击编辑按钮进入该条用户编辑信息页面
1、1用户管理
页面布局-2小时
页面样式-2小时
页面逻辑-2小时
调试-2小时
实现方案：
1、 账号管理页面要进行一个数据的获取，可以使用axios发起get 请求获取到数据渲染到页面。
2、 获取第一页数据，控制每页显示的个数，点击页数跳转到相应的页面，跳转到相应的页数。
3、可以通过用户名、用户ID、角色、发布时间和状态筛选数据，实现搜索功能，使用element uI 框架实现下拉菜单跟日期组件
4、点击编辑、新增按钮利用路由跳转
1、2新增用户
页面布局-2小时
页面样式-2小时
页面逻辑-2小时
1、点击保存通过请求向服务器发送数据
调试-2小时
1、3编辑用户
页面布局-2小时
页面逻辑-2小时
页面样式-2小时
调试-2小时
实现方案：
1、点击保存通过请求向服务器发送数据
后台、修改密码
需求描述
作为一个后台用户，我想要通过后台对密码进行修改，以便于保障账号的安全
验收标准
旧密码必须是原密码，如果输入错误提示：请输入正确的原密码
新密码输入框输入6~16位的密码，禁止输入符号和汉字如果输入不合理提示，请输入合理的新密码
两次密码必须输入一致，不一致提示：两次密码必须输入一致
上面的不输入完，按钮置灰，输入完按钮可以点击，提示语从上到下提示
实现方案：
输入旧密码，当旧密码和指定的数据相同时，得到验证。重新输入密码设定两input达成一致时发送请求
明天计划的事：
写后台轮播列表布局、样式
遇到的问题：
暂无
收获：
了解开发项目流程、了解了任务拆分、了解了方案设计
返回列表
评论