1.建立一個測試專案

1.1 建立專案和APP

django-admin startproject BookManage # 建立專案
python manage.py startapp books # 建立APP

'''2.在settings中註冊books模型'''
INSTALLED_APPS = [
    'books.apps.BooksConfig'
]
# 注：pycharm無法聯想，需要把apps資料夾設定為源根

'''3.urls.py中新增路由'''
urlpatterns = [
    path('books/', include('books.urls')),
]
 
'''4.books/urls.py中新增子路由'''
from django.urls import path
urlpatterns = [
]

2.配置跨域

2.1 跨域原理

1. 首先瀏覽器安全策略限制js ajax跨域訪問伺服器

2. 如果伺服器返回的頭部資訊中有當前域:

// 允許 http://localhost:8080 這個網站開啟的頁面中的js訪問我
Access-Control-Allow-Origin: http://localhost:
// 允許攜帶cookie訪問我
Access-Control-Allow-Credentials: true

2.2 cors設定

#1.安裝包
 

pip install django-cors-headers

#2. 註冊應用 
INSTALLED_APPS = [ 
# 新增 django-cors-headers 使其可以進行 cors 跨域 
'corsheaders' 
]

#3. 新增中介軟體
 MIDDLEWARE = [ 
# 放在中介軟體第一個 
'corsheaders.middleware.CorsMiddleware',
 ]

#4. 設定 # CORS跨域請求白名單設定 
CORS_ORIGIN_WHITELIST = ( 'http://127.0.0.1:8080', 'http://localhost:8080', )
CORS_ALLOW_CREDENTIALS 
 
= True # 允許攜帶cookie

3.登入介面

3.1 urls.py 中配置路由

urlpatterns = [ 
path('login/', views.login),
]

3.2 user/views.py 中寫一個login檢視函式

def login(request):
    body_json=request.body.decode()
    body_dict=json.loads(body_json)
    name=body_dict.get('name')
    pwd=body_dict.get('pwd')
    if not all([name,pwd]):
        resp={
            'code':999,
            'meg':'資訊不全'
        }
        return JsonResponse(resp)
    if name=='zhangsan' and pwd=='1234':
        data={
            'code':0,
            'meg':'登陸成功',
            'data':{
                'id':1,
                'name':'張三',
                'age':18
            }
        }
        resp=JsonResponse(data)
        return resp
    else:
        data={
            'code':999,
            'msg':'使用者名稱或密碼不正確'
        }
        resp=JsonResponse(data)
        return resp

3.3 測試介面

http://127.0.0.1:8000/login/

{ "name":"zhangsan", "pwd":"1234" }