4-3 django在线教育网GMOOC简单需求分析以及app设计

这是一个在线教育平台,分为五个主要模块,首页、公开课、授课老师、授课机构、以及个人中心

首先最上面是一个全局头部,头部右边显示已有用户登录,没登录显示的是注册和登录两个按钮,鼠标悬停用户上面会出现下拉框,可以点击下拉框中的进入个人中心按钮进入个人中心,全局头部左下是一个Logo,往右是全局搜索框,可以对公开课、课程机构、授课老师进行全局搜索,再下面是导航栏首页–>公开课–>授课老师–>授课机构

首页

首页下面有轮播图、公开课、授课机构三个模块,最底部是logo加一些信息的页脚

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

公开课

点击进入公开课
这里写图片描述
公开课有最新,最热门,参与人数三个模块,最右边是热门课程推荐,下面是课程列表,课程下面有个分页模块
这里写图片描述
点击某个课程,进入课程详情页,有课程详情介绍如课程名称、时长等,有课程机构详情,可以对课程进行收藏、学习,右边是课程资料、讲师提示、该同学学过的课程
这里写图片描述
点击开始学习,进入课程章节信息,点击具体章节可进入视频播放学习,还可以对课程进行评论

点击开始学习,进入课程章节详情
这里写图片描述
点击评论进入课程评论
这里写图片描述

授课教师

点击授课教师进入课程讲师页,可以进行人气排序,还有讲师排行版,讲师列表分页
这里写图片描述
点击授课讲师,进入授课讲师详情页
这里写图片描述

授课机构

可以对授课机构进行类别筛选,地区筛选,可根据学习人数、课程数进行排序,右侧是我要学习和授课机构排名
这里写图片描述
点击某个授课机构进入机构详情页,有机构首页、机构课程、机构介绍、机构讲师四个模块

机构首页
这里写图片描述
机构课程
这里写图片描述
机构介绍
这里写图片描述
机构讲师
这里写图片描述

个人中心

个人资料,可以修改头像、修改密码、修改个人基本信息、
这里写图片描述

我的课程
这里写图片描述

我的收藏,对课程机构、授课老师、公开课程的收藏
这里写图片描述

我的消息,有个人消息和系统消息
这里写图片描述

以上大致的功能介绍
接下来就是设计django app,教师属于机构,所以放在了一起
这里写图片描述

猜你喜欢

转载自blog.csdn.net/f1ngf1ngy1ng/article/details/80587454
4-3