零、說明

Django的表單集是非常強(qiáng)力的功能之一，但需要借助前端的技術(shù)實(shí)現(xiàn)表單集內(nèi)的表單動(dòng)態(tài)增加與刪除。一個(gè)非常簡(jiǎn)便的方式就是通過“django-dynamic-formset”插件快速構(gòu)建動(dòng)態(tài)的表單集。

在這個(gè)案例中，通過modelform與inlineformset實(shí)現(xiàn)快速錄入部門與員工信息。一個(gè)部門有多個(gè)員工，因此在錄入部門的同時(shí)，可以錄入該部門的多個(gè)員工信息。

最終效果：

一、設(shè)置-settings.py

在pycharm中建立django項(xiàng)目與app。

二、模型層-models.py

三、模型層-forms.py

四、視圖層-views.py

五、模板層-index.html

打開django-dynamic-formset的頁(yè)面“https://github.com/elo80ka/django-dynamic-formset/blob/master/src/jquery.formset.js”，將js文件的所有內(nèi)容復(fù)制。

在static目錄下新建js文件夾，在js目錄下新建formset.js文件

并將剛剛復(fù)制的“jquery.formset.js”文件內(nèi)容粘貼到新建的js文件中

注意，我沒有直接下載引用是因?yàn)橄螺d了文件引用會(huì)出問題，所以這么復(fù)制粘貼的。

將jquery和formset兩個(gè)js文件全部導(dǎo)入到index.html中。

六、路由層-urls.py

七、其他-__init__.py

八、其他-formset.js

前往別忘了修改formset.js里的prefix！