发表于： 2019-12-08 23:02:57
1 1286
今天完成的事情：
首页
需求描述：
1． 作为一名普通用户，我希望在首页可以看到所有的功能
2． 作为一名普通用户，我希望可以点击对应的功能跳转到相应的页面
3． 作为一名普通用户，我希望在首页有消息的时候可以有相应的提示
验收标准：
- 在一级背景图上面可以看到各功能页面按钮，点击跳转到相应的区域
- 在一级背景图上面如果有未读消息，会有红点提示
- 进入一级背景图的时候，会有公告弹窗提示
实现思路
- 在背景图上点击对应的的按钮跳转到相应的页面
制作一整张背景图，使用绝对定位将各功能按钮固定，点击按钮触发vue-router跳转到相应的页面，给消息列表的数组里每个都加上红点的未读标记，在return中给这个属性控制，true的时候显示红色标记，点击查看之后记为false，并向后端请求参数标记。
课程首页，选择年级
1、导航栏，只有推荐有轮播图。点击年级跳出弹窗选择，点击试试框进入搜索课程页。
2、课程标签可以左右滑动，选中高亮提示
3、banner图片为3张，自动轮播轮播顺序为从右向左，用户可以滑动轮播图，向右切换到下一张，向左切换上一张。
4、轮播时间为3秒，轮播图片为后台banner列表前3张，
5、点击banner跳转到指定页面
6、推荐课程，推荐每个科目的课程列表第一个课程，最多推荐10个课程
7、课程显示应对图片，点击跳转详情，标题显示俩行一行最多显示15个字符多出来的显示省略号
8、点击选择年级，选中后底色，字体颜色改变，点击任意地方或者选中年级弹窗关闭
技术方案：
搜索框与上面相同，点击年级用v-show出现或隐藏，用swiper实现轮播图与导航栏左右滑动，上下滑动用better-scroll，利用循环的下标发起对应请求及跳转链接。
课程详情：
1、课程标题限制20个字符
2、未购买点击播放提示购买
3、时间为后台发布课程时间
4、点击课程价格购买
技术方案：
请求判断用户是否购买，未购买点击跳出提示弹窗(vant-Dialog)，点击价格发出购买请求。已购买则显示为已购买
前后台模块的一些方案实现
通过登录用户第一次首页的时候先判断，element-ui中的messagebox弹窗来实现，设置完年级之后出现课程首页页面。
用swiper实现轮播图与导航栏左右滑动，上下滑动用better-scroll，利用循环的下标发起对应请求及跳转链接。
后台课程列表实现方案：
这个后台列表跟任务六到十差不多，就是写好页面实现正常的增删改查功能
实现方案：
1，进入账号管理页面发送axios请求获取数据，渲染页面。
2，新增页面， 点击新增按钮，进入新增页面，向后端请求数据，返回模块权限列表渲染多选框；输入标题，勾选赋予角色权限，点击保存向后端发送新增请求。编辑与新增类似。点击删除按钮弹出模态框提示是否删除，确认后发送删除请求。
明天计划的事情：
方案评审，等方案评审之后还是开始写手风琴页面。
收获：
没啥收获，水的一批。
返回列表
评论