drf + vue全栈教程: 初始化后端项目

作者:jacky
浏览:101

摘要:初始化我们的后端项目!

突然想起还没有告诉大家项目的github仓库地址,

就在这里说一下吧:https://github.com/jackyfzh/j_drf_blog

喜欢记得star哦!

好了,回归正题,我们开始初始化后端项目!

配置settings.py

有三个地方:

第一个:已安装APP

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework', # 新增(drf前后端分离)
]

第二个:语言和时间

LANGUAGE_CODE = 'zh-Hans'

TIME_ZONE = 'Asia/Shanghai'

第三个:静态文件和模板

在末尾新增:

# 静态资源
STATIC_URL = '/static/' 
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

# 动态资源
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')

在文件中间找到并修改:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')], # 修改
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

配置urls.py

from django.contrib import admin
from django.urls import path, include
from rest_framework import routers
from django.conf import settings
from django.conf.urls.static import static
from rest_framework.routers import DefaultRouter

router = DefaultRouter() # 初始化后端路由

urlpatterns = [
    path('admin/', admin.site.urls), # admin后台
    path("api/", include(router.urls)), # drf的api
    path("api/auth/", include("rest_framework.urls", namespace="rest_framework")), # 登录api
]

# media配置
urlpatterns+=static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)

这里不理解暂时没有关系,只需要知道drf前后端分离的后端是没有给用户展示的界面的,这些都是我们要用vue调用的接口,后端配置的路由用来检查接口就可以了。

接下来我们测试一下,重启项目,浏览器访问http://127.0.0.1:8000/api,应该可以看到这样的界面了:

img












登录后回复








共有4条评论


jacky 16天前 评论:

还是不行呐,暂时先这样吧cool


jacky 18天前 评论:

嗯,后面有空我改改,不久就要换新博客了


弹尤克里里的测试er 18天前 评论:

reboot.css里的img加个width:100%  貌似图片就不会长了


jacky 18天前 评论:

不好意思,这个图效果很差,稍微谅解一下





CopyRight © 2020 Jacky的编程空间

Powered by Django & Bootstrap  沪ICP备20019721号-1 本站总访问量