九引入datatables外掛程式

在ace中，我們引入datatables外掛程式，這是一款展示**，並通過js來實現個包括展示、分頁、排序等各種**功能的外掛程式，而且是高度可定製化的一款外掛程式。官方**為：當然，在我們的ace模板中也有包含，並加入了ace的css元素。

1. 修改index.html頁面，在其中增加block元素，用於存放不同頁面的主頁內容

2. node_list.html用於存放機構資訊，line_list.html用於存放線路資訊，device_list.html用於存放裝置資訊，同時修改index.html中table下的鏈結，將其中的鏈結指向node_list.html,line_list.html,device_list.html:

3. 建立res_list.html，用來存放資源類**，並把它作為乙個模板，供其他頁面繼承，這樣可以節省大量的重複**。

基礎資料新增資料

4. node_list.html，line_list.html,device_list.html繼承res_list.html，並將各自不一樣的內容在相應的block中進行填充

node_list.html:

機構名稱
機構分類
成本中心
機構位址
聯絡人}}}
}}

line_list.html:

線路編號
使用者名稱
本端位址
對端位址
運營商線路型別
線路速率
線路引數
所在總頭
}}}}}}}
}}

device_list.html:

裝置名稱
主機名稱
管理位址
使用部門
裝置型號
裝置序列號
登記人}}}
}}}}

5. 修正view中add函式中的context，將table引數傳遞過去

views.py:

#顯示各列表資訊
def lists(request, table):
#從根據不同的請求，來獲取相應的資料,並跳轉至相應頁面
if table == 'node':
data = node.objects.all()
list_template = 'node_list.html'
sub_title = '節點資訊'
if table == 'line':
data = line.objects.all()
list_template = 'line_list.html'
sub_title = '線路資訊'
if table == 'device':
data = device.objects.all()
list_template = 'device_list.html'
sub_title = '裝置資訊'
#建立context字典，將值傳遞到相應頁面
context = 
#跳轉到相應頁面，並將值傳遞過去
return render(request,list_template,context)
#用於增加資源
def add(request, table):
#...
#建立context來集中處理需要傳遞到頁面的資料
context = 
#如果沒有有效提交，則仍留在原來頁面
return render(request, 'add.html',  context)

6.再次訪問

可以發現已經運用上了ace模板

其中，新增資料按鈕可以正常使用

九引入datatables外掛程式

Spring 學習（一）引入

2 8 引入本地擴充套件

2 7 引入外加函式

九 引入datatables外掛程式

Spring 學習 （一）引入

2 8 引入本地擴充套件

2 7 引入外加函式

相關推薦

九引入datatables外掛程式

Spring 學習（一）引入