python筆記一 django搭建服務器全棧開發(fā)
python筆記二 django自帶后臺管理系統(tǒng)、模版渲染以及使用mysql數據庫
python筆記三 react + django 實現(xiàn)前后端分離
python筆記四 REST Framework 實現(xiàn) restful api
python筆記五 django headers帶jwt實現(xiàn)自動登錄逸寓，密碼加密存儲
前端不局限于react匈勋，vue把还、jquery疮装、純手擼也可以阅虫，用什么不重要托酸，重要的是前后端分離褒颈。服務端只提供接口。
一励堡、項目初始化
1谷丸、前端
腳手架怎么裝就不說了，直接開始初始化应结。
create-react-app site
cd site
npm install
npm start
2刨疼、服務端
在項目根目錄下
django-admin startproject service
cd service
python manage.py startapp server
python manage.py makemigrations
python manage.py migrate
python manage.py runserver
跑起來泉唁，訪問127.0.0.1:8000
至此前后端項目已完成初始化。
二揩慕、前后端交互
1亭畜、前端部分
進入site文件夾下
這里發(fā)送請求用axios，需要npm安裝
npm install axios --save
打開site > src > App.js迎卤，修改如下
加了兩個input兩個button
2拴鸵、服務端部分
修改配置
需要安裝django-cors-headers，允許跨域請求蜗搔。
pip3 install django-cors-headers
修改settings.py
在
settings.py加上這一部分
django-cors-headers的具體配置看這里：https://github.com/ottoyiu/django-cors-headers
建表
同步數據庫
添加到后臺管理
目的是交互之后寫到數據庫便于查看劲藐，也可以用命令行看，這個隨意樟凄。
接口
post
server > views.py
service > urls.py
寫好之后試一下聘芜。
write之后看一下打印
status是200，數據也沒有問題不同。
接下來看一下后臺管理厉膀，數據庫里新增的那條數據
創(chuàng)建一個管理賬號
python manage createsuperuser
自己設好賬號密碼，訪問 http://127.0.0.1:8000/admin
輸入剛創(chuàng)建好的賬號密碼登錄二拐，看到
Person這個表
點進去服鹅，里邊有一條剛插入的數據
get
server > views.py
service > urls.py
接下來測試，點頁面上的
read按鈕百新，看一下打印
可以看到get數據也沒有問題企软，但是有時候我們調用get接口的時候需要參數，從數據庫中查找特定的某一條數據饭望，現(xiàn)在有三條數據仗哨。
修改前端請求，加一個參數
修改
server > views.py
重新read一下
只取出了
name = a的那條數據铅辞。
至此實現(xiàn)了django只做接口厌漂，react寫前端的前后分離，當然還有很多細節(jié)需要處理斟珊，這里就不細說了苇倡，關于sqllite的語句，還有uuid的生成這些網上都有很多文章囤踩。如果不想要自帶的后臺管理旨椒，自己寫一個，調用接口就可以了堵漱。
