新增分类和标签视图

编辑blogs目录下的views.py

from .serializers import BlogCategorySerializer, BlogTagSerializer
from .models import BlogCategory, BlogTag

class BlogCategoryViewset(mixins.ListModelMixin, viewsets.GenericViewSet):
    """博客类别列表"""
    queryset = BlogCategory.objects.all()
    serializer_class = BlogCategorySerializer

class BlogTagViewset(mixins.ListModelMixin, viewsets.GenericViewSet):
    """博客标签列表"""
    queryset = BlogTag.objects.all()
    serializer_class = BlogTagSerializer

注册路由到router里面,编辑urls.py新增列表和标签的路由

from blogs import views as blog_views

router = DefaultRouter()
router.register(r'categories', blog_views.BlogCategoryViewset, basename='categories_viewset')
router.register(r'tags', blog_views.BlogTagViewset, basename='tags_viewset')

运行项目后,可以调用文章分类和标签列表的API

HTTP 200 OK
Allow: GET, HEAD, OPTIONS
Content-Type: application/json
Vary: Accept

{
    "articles": "http://localhost:8000/api/v1/articles/",
    "categories": "http://localhost:8000/api/v1/categories/",
    "tags": "http://localhost:8000/api/v1/tags/"
}

创建VueJS前端工程

首先获取创建好的工程,在根目录下进入cmd安装,需要花点时间安装耐性等待

cnpm install 

安装成功后,运行工程

npm run serve

运行成功,浏览器打开http://localhost:8080/,接下来可以用webstorm编辑器写前端工程,官网下载后在此地址获取激活码http://idea.medeming.com/jet/ markdown

版权声明:如无特殊说明,文章均为本站原创,转载请注明出处

本文链接:http://example.com/article/category-tag/