铁佛 发表于 2022-11-6 22:06:24

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

免费课页面前端搭建

点击查看代码<template>
   
      <Header></Header>
      
            
            
                <ul >
                  <li >课程分类:</li>
                  <li >全部</li>
                  <li>Python</li>
                  <li>Linux运维</li>
                  <li>Python进阶</li>
                  <li>开发工具</li>
                  <li>Go语言</li>
                  <li>机器学习</li>
                  <li>技术生涯</li>
                </ul>

               
                  <ul>
                        <li >筛        选:</li>
                        <li >默认</li>
                        <li >人气</li>
                        <li >价格</li>
                  </ul>
                  <p >共21个课程</p>
               

            
            
            
               
                  
                        <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
                  
                  
                        <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
                        <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
                        <ul >
                            <li>01 | 第1节:初识编码 免费</li>
                            <li>01 | 第1节:初识编码初识编码 免费</li>
                            <li>01 | 第1节:初识编码</li>
                            <li>01 | 第1节:初识编码初识编码</li>
                        </ul>
                        
                            限时免费
                            ¥0.00元
                            原价:9.00元
                            立即购买
                        
                  
               
               
                  
                        <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
                  
                  
                        <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
                        <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
                        <ul >
                            <li>01 | 第1节:初识编码 免费</li>
                            <li>01 | 第1节:初识编码初识编码 免费</li>
                            <li>01 | 第1节:初识编码</li>
                            <li>01 | 第1节:初识编码初识编码</li>
                        </ul>
                        
                            限时免费
                            ¥0.00元
                            原价:9.00元
                            立即购买
                        
                  
               
               
                  
                        <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
                  
                  
                        <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
                        <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
                        <ul >
                            <li>01 | 第1节:初识编码 免费</li>
                            <li>01 | 第1节:初识编码初识编码 免费</li>
                            <li>01 | 第1节:初识编码</li>
                            <li>01 | 第1节:初识编码初识编码</li>
                        </ul>
                        
                            限时免费
                            ¥0.00元
                            原价:9.00元
                            立即购买
                        
                  
               
               
                  
                        <img src="https://www.cnblogs.com/@/assets/img/course-cover.jpeg" alt="">
                  
                  
                        <h3>Python开发21天入门 <img src="https://www.cnblogs.com/@/assets/img/avatar1.svg" alt="">100人已加入学习</h3>
                        <p >Alex 金角大王 老男孩Python教学总监 共154课时/更新完成</p>
                        <ul >
                            <li>01 | 第1节:初识编码 免费</li>
                            <li>01 | 第1节:初识编码初识编码 免费</li>
                            <li>01 | 第1节:初识编码</li>
                            <li>01 | 第1节:初识编码初识编码</li>
                        </ul>
                        
                            限时免费
                            ¥0.00元
                            原价:9.00元
                            立即购买
                        
                  
               
            
      
      
   
</template>课程分类接口实现

serializes.py
from rest_framework import serializers
from . import models

class CourseCategorySerialize(serializers.ModelSerializer):
    class Meta:
      model = models.CourseCategory
      fields = ['id','name']views.py
from django.shortcuts import render
from rest_framework.viewsets import GenericViewSet
from rest_framework.mixins import ListModelMixin
from . import models
from . import serializes


# Create your views here.
class CourseCategory(GenericViewSet,ListModelMixin):
    queryset = models.CourseCategory.objects.filter(is_delete=False,is_show=True).order_by('orders')
    serializer_class = serializes.CourseCategorySerializeurls.py
from django.urls import path,re_path,include
from course import views
from rest_framework.routers import SimpleRouter

router = SimpleRouter()
router.register('categories',views.CourseCategory,'category')

urlpatterns = [
    path('',include(router.urls)),
]课程群查接口搭建

serializes.py
from rest_framework import serializers
from . import models

class CourseCategorySerialize(serializers.ModelSerializer):
    class Meta:
      model = models.CourseCategory
      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
from rest_framework.filters import OrderingFilter,SearchFilter
from django_filters.rest_framework import DjangoFilterBackend

class CourseView(GenericViewSet,ListModelMixin):
    queryset = models.Course.objects.filter(is_delete=False,is_show=True).order_by('orders')
    serializer_class = serializes.CourseModelSerialize
    filter_backends =
    ordering_fields = ['id','price','students']
    filterset_fields = ['course_category',]
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 免费课页面前端搭建和后端课程分类接口、课程群查接口设计