免费课页面前端搭建和后端课程分类接口、课程群查接口设计 ...

免费课页面前端搭建

点击查看代码

1. <template>
2.    
3.         <Header></Header>
4.         
5.             
6.             
7.                 <ul >
8.                     <li >课程分类:</li>
9.                     <li >全部</li>
10.                     <li>Python</li>
11.                     <li>Linux运维</li>
12.                     <li>Python进阶</li>
13.                     <li>开发工具</li>
14.                     <li>Go语言</li>
15.                     <li>机器学习</li>
16.                     <li>技术生涯</li>
17.                 </ul>
19.                
20.                     <ul>
21.                         <li >筛        选:</li>
22.                         <li >默认</li>
23.                         <li >人气</li>
24.                         <li >价格</li>
25.                     </ul>
26.                     <p >共21个课程</p>
27.                
29.             
30.             
31.             
32.                
33.                     
34.                         <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
35.                     
36.                     
37.                         <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
38.                         <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
39.                         <ul >
40.                             <li>01 | 第1节：初识编码 免费</li>
41.                             <li>01 | 第1节：初识编码初识编码 免费</li>
42.                             <li>01 | 第1节：初识编码</li>
43.                             <li>01 | 第1节：初识编码初识编码</li>
44.                         </ul>
45.                         
46.                             限时免费
47.                             ￥0.00元
48.                             原价：9.00元
49.                             立即购买
50.                         
51.                     
52.                
53.                
54.                     
55.                         <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
56.                     
57.                     
58.                         <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
59.                         <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
60.                         <ul >
61.                             <li>01 | 第1节：初识编码 免费</li>
62.                             <li>01 | 第1节：初识编码初识编码 免费</li>
63.                             <li>01 | 第1节：初识编码</li>
64.                             <li>01 | 第1节：初识编码初识编码</li>
65.                         </ul>
66.                         
67.                             限时免费
68.                             ￥0.00元
69.                             原价：9.00元
70.                             立即购买
71.                         
72.                     
73.                
74.                
75.                     
76.                         <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
77.                     
78.                     
79.                         <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
80.                         <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
81.                         <ul >
82.                             <li>01 | 第1节：初识编码 免费</li>
83.                             <li>01 | 第1节：初识编码初识编码 免费</li>
84.                             <li>01 | 第1节：初识编码</li>
85.                             <li>01 | 第1节：初识编码初识编码</li>
86.                         </ul>
87.                         
88.                             限时免费
89.                             ￥0.00元
90.                             原价：9.00元
91.                             立即购买
92.                         
93.                     
94.                
95.                
96.                     
97.                         <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
98.                     
99.                     
100.                         <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
101.                         <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
102.                         <ul >
103.                             <li>01 | 第1节：初识编码 免费</li>
104.                             <li>01 | 第1节：初识编码初识编码 免费</li>
105.                             <li>01 | 第1节：初识编码</li>
106.                             <li>01 | 第1节：初识编码初识编码</li>
107.                         </ul>
108.                         
109.                             限时免费
110.                             ￥0.00元
111.                             原价：9.00元
112.                             立即购买
113.                         
114.                     
115.                
116.             
117.         
118.         
119.    
120. </template>

复制代码

课程分类接口实现

serializes.py

1. from rest_framework import serializers
2. from . import models
4. class CourseCategorySerialize(serializers.ModelSerializer):
5.     class Meta:
6.         model = models.CourseCategory
7.         fields = ['id','name']

复制代码

views.py

1. from django.shortcuts import render
2. from rest_framework.viewsets import GenericViewSet
3. from rest_framework.mixins import ListModelMixin
4. from . import models
5. from . import serializes
8. # Create your views here.
9. class CourseCategory(GenericViewSet,ListModelMixin):
10.     queryset = models.CourseCategory.objects.filter(is_delete=False,is_show=True).order_by('orders')
11.     serializer_class = serializes.CourseCategorySerialize

复制代码

urls.py

1. from django.urls import path,re_path,include
2. from course import views
3. from rest_framework.routers import SimpleRouter
5. router = SimpleRouter()
6. router.register('categories',views.CourseCategory,'category')
8. urlpatterns = [
9.     path('',include(router.urls)),
10. ]

复制代码

课程群查接口搭建

serializes.py

1. from rest_framework import serializers
2. from . import models
4. class CourseCategorySerialize(serializers.ModelSerializer):
5.     class Meta:
6.         model = models.CourseCategory
7.         fields = ['id','name']class TeacherSerialize(serializers.ModelSerializer):    class Meta:        model = models.Teacher        fields = ('name', 'role_name', 'title', 'signature', 'image', 'brief')class CourseModelSerialize(serializers.ModelSerializer):    # 由于课程也需要teacher表相关的信息，所以可以采用子序列化的方式，获取teacher相关的信息    teacher = TeacherSerialize()    class Meta:        model = models.Course        fields = ['id',                  'name',                  'price',                  'course_img',                  'brief',                  'attachment_path',                  'pub_sections',                  'students',                  'period',                  'sections',                  'teacher',                  'course_type_name', # 以下字段是models里的方法名                  'level_name',                  'status_name',                  'section_list'                  ]

复制代码

views.py

1. from rest_framework.filters import OrderingFilter,SearchFilter
2. from django_filters.rest_framework import DjangoFilterBackend
4. class CourseView(GenericViewSet,ListModelMixin):
5.     queryset = models.Course.objects.filter(is_delete=False,is_show=True).order_by('orders')
6.     serializer_class = serializes.CourseModelSerialize
7.     filter_backends = [OrderingFilter,DjangoFilterBackend]
8.     ordering_fields = ['id','price','students']
9.     filterset_fields = ['course_category',]

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！