• 創建一個apps

• 在當前項目文件下,啟動dos窗口。執行python manage.py startapp investigate
• pycharm->tools->Run mange.py Task...出現類似於命令行窗口，執行startapp investigate。

• 配置apps

在settings.py 的 INSTALL_APP配置中指定,在該列表中添加你剛剛新建的app名稱。

靜態資源導入

• 資源

• template目錄中創建html
• 創建static目錄，並在該目錄中創建css、images、JavaScript目錄
• django提供【django.contrib.staticfiles】來管理靜態文件

• 資源配置

settings配置：STATIC_URL/STATICFILES_DIRS

STATIC_URL = ‘/static/‘
STATICFILES_DIRS = [
    os.path.join(BASE_DIR,‘STATIC‘)
]

Django的路由功能

• 路由是根據不同的url地址展示不同的內容或頁面，一般在【urls.py】中配置訪問的URL

EG:
urlpatterns = [
    url(r‘^admin‘,admin.site.urls),
    url(
 
r‘^form/$‘,inverstigate)#inverstigate為你的路由路徑
]
# 具體url配置也可參考urls.py中的註釋內容

• Django中的urls和views的關系

• urls中配置的url調用views中的方法
• render函數將想要交給前端的數據，交給模板

創建Model

• 根據業務需求創建名為【UserInfo】的Model
• 【UserInfo】是【investigate】中的一個Model，Model與app為多對一的關系
• 為【UserInfo】創建字段【Field】。

• 常用的字段類型清單

• Field選項說明

初始化Model

• settings配置：DATABASES中鍵入你的數據庫信息(假如使用sqlite則保持原有配置即可)

EG：
DATABASES = {
    ‘default‘: {
        ‘ENGINE‘: ‘django.db.backends.mysql‘, #驅動名稱
        ‘NAME‘: ‘‘,#數據庫名稱
        ‘USER‘: ‘‘, #數據庫用戶名
        ‘PASSWORD‘: ‘‘, #用戶名密碼
        ‘HOST‘: ‘‘, #主機地址
        ‘PORT‘: ‘‘, #端口號
    }
}

• 在命令行(若有疑問請查看上文關於app的創建)執行makemigrations、migrate 初始化Django框架中隱含的表文件
• 同上執行makemigrations、migrate investigate,初始化你剛剛創建的Model。

創建views

• 創建showform函數，

def showform(request):
    if request.method == "POST":
        res_data = request.POST # 獲取for表單提交數據 
        ret = data_mod(res_data)
        models.UserInfo.objects.create(**ret)
    return render(request,‘form.html‘)

• 創建data_mod函數

def data_mod(rets):
    ret_data={}
    for k_ret,v_ret in rets.items():
        if k_ret != ‘csrfmiddlewaretoken‘:
            mid = {k_ret:v_ret}
            ret_data.update(mid)
    return ret_data

• run mysite
• 打開瀏覽器輸入127.0.0.1:8000/form/查看效果
• 在web中輸入你的個人信息，點擊提交字段不能為空，若想填寫為空值，可以參考Field選項，在Model創建時設定default值。
• 查看數據是否存儲成功數據可視化工具可隨意，推薦Navicat for MySQL

效果展示

問題思考

• 前端數據與後臺交互時，采用什麽方式更加安全合理？
• 在form表單提交前設置，若填寫信息為空則提示用戶
• form表單提交數據用request.POST修改會報異常(This QueryDict instance is immutable)

django前後端交互