1.把course-detail.html复制到templates目录下 2.编辑course-detail.html,分析页面,继承base.html 3.编辑courses.views .... class CourseDetailView(View): def get(self, request, course_id): return render(request, 'course-detail.html', {}) 4.创建一个url,编辑courses.urls.py ... from…

对应github地址:第10天   一. 课程列表页   1. 拷贝course-list.html到templates目录中 2. 编写url和view 在courses/views.py中新加…

对应github地址:第11天   一. 课程详情页2   1. 课程详情页第2块中的课程介绍中,修改course-detail.html中代码,搜索课程详情,找到如下代码…

Luffy之课程详情页 提前写好课程详情的template,并放入到Vue中 注册路由 import CourseDetail from "../components/CourseDetail" { name:"CourseDetail", path: "/detail", component: CourseDetail, } 在页面中引入vue-video组件实现视频播放 # 1. 安装依赖 npm install vue-video-play…

在上一节我们实现了针对某个产品的订单订阅功能.但是我们可能需要直接在站点上查询所有的订单.显然,随着时间的增长订单会越来越多,所以分页(Pagination)是个好办法:每次只显示一部分订单. 分页是Web应用常用的手法,Django提供了一个分页器类 Paginator(django.core.paginator.Paginator),可以很容易的实现分页的功能.该类有两个构造参数,一个是数据 的集合,另一个是每页放多少条数据.Paginator的基本使用如下: $python manage.…

在课程详情页中,点击"开始学习",就进入到这课程章节信息,这里面包含了两个页面:"章节"和评论 1.把course-video.html(章节).course-comment.html(评论)复制到templates中 2.编辑course-video.html,继承base.html 3.编辑courses.views.py class CourseInfoView(View): def get(self, request, course_id): course…

对应github地址:第12天   一. 课程评论   1. 创建URL, VIEW courses/views.py -> Course…

目录 1.初始课程详情页面 2.视频播放组件 3.课程详情页面后端接口实现 4.课程详情页面-前端 5.CKEditor富文本编辑器 6.课程章节和课时显示-后端接口 7.课程章节和课时显示-前端 1.初始课程详情页面 1.Detail.vue <!-- 课程详情页面初始页面 --> <template> <div class="detail"> <Vheader/> <div class="main">…

1.编辑course-comment.html 2.编辑courses.views.py class CourseCommentView(LoginRequiredMixin, View): def get(self, request, course_id): course = Course.objects.get(id=course_id) return render(request, 'course-comment.html', { 'course': course, }) 3.配置url…

1.进入xadmin添加测试数据(教师.课程) 2.把以下4个前端页面复制到templates中 先打开这几个页面分析,它们和之前的课程机构列表页是不一样的机构,且没有共同的部分,但是这4个页面却是类似的,因此它们不能基于之前的base.html来做模板,我们再创建一个模板文件org_base.html 3.把org-detail-homepage.html的内容拷贝到org_base.html中 4.编辑org_base.html,替换静态文件(css/js/images) 5.把会变化的内容…