Django框架项目之搜索功能——搜索导航栏、搜索后台接口、搜索页面

1-搜索导航栏

Header搜索组件：选择性CV

router/index.jsHeader.vue 2-搜索后台接口

路由：course/urls.py视图：course/views.py 3-搜索页面

SearchCourse搜索页面

import SearchCourse from '../views/SearchCourse.vue'

const routes = [
    // ...
    {
        path: '/course/search',
        name: 'search-course',
        component: SearchCourse,
    },
];

    

        Python
        Linux
    
    
    

router.register('search', views.SearchCourseViewSet, 'search')  # 搜索课程

from rest_framework.viewsets import GenericViewSet
from rest_framework.mixins import ListModelMixin
from rest_framework.filters import SearchFilter
from . import models, serializers

# 搜索课程接口
class SearchCourseViewSet(GenericViewSet, ListModelMixin):
    queryset = models.Course.objects.filter(is_delete=False, is_show=True).all()
    serializer_class = serializers.CourseSerializer

    pagination_class = pagination.PageNumberPagination

    filter_backends = [SearchFilter]
    search_fields = ['name']