Django網站實例效果

• 2021 年 12 月 26 日
• 筆記

Django是一種開源的大而且全的Web應用框架，是由python語言來編寫的，優點十分明顯：

• 功能完善、要素齊全：自帶大量常用工具和框架（比如分頁，auth，許可權管理), 適合快速開發企業級網站。
• 完善的文檔：經過十多年的發展和完善，Django有廣泛的實踐案例和完善的在線文檔。開發者遇到問題時可以搜索在線文檔尋求解決方案。
• 強大的資料庫訪問組件：Django的Model層自帶資料庫ORM組件，使得開發者無須學習SQL語言即可對資料庫進行操作。而且支援多種資料庫類型，如SQLLite, MySQL, Oracle, Postgres, SQL Server，這一點上比Odoo強太多。
• 先進的App設計理念: App是可插拔的，是不可多得的思想。不需要了，可以直接刪除，對系統整體影響不大，對於系統的可拓展性很強。
• 自帶台管理系統admin：只需要通過簡單的幾行配置和程式碼就可以實現一個完整的後台數據管理控制平台。儘管Django自帶的UI不是很美，但通過第三方的開源組件完全可以彌補這一點。
• 相對豐富的第三方開源項目。豐富的第三方開源模組，可以實現拿來即用，無縫集合，諸如Diango restful api項目，SimpleUI開源後台組件等等。

本文就以實際的項目，來展示Django框架開發出來的效果，前端使用了SimpleUI來替代django自帶的後台管理介面：

登錄UI

主介面

左側為菜單，右側默認顯示首頁，將當前用戶可訪問的模組展覽出來：

自定義菜單

此部分，可以將分散的app模組按一定的規則放到同一個父目錄下，而不是Django默認的每一個app為一個菜單。如下圖中就是2個app模組放在了系統設置菜單下：

設置每個菜單對應的app模組

也可以按url設置放到指定的菜單下

集成plotly效果

也可以通過tab打開，以全螢幕方式顯示： 

全螢幕顯示效果： 

集成django-filter和django-tables2

使用該插件組合的模組，可以實現對多表計算形成的處理數據顯示出來，擴展django顯示數據的功能 

django的數據篩選,導出和分頁效果

django的數據驗證

django的自定義Form

案例中自定義模組，使用ajax獲取並顯示相關數據 

django的許可權管理

django的主題風格設置

django集成Django Restful API

通過集成Django Restful API,可以為以後提供介面打下基礎： 

通過以上圖片簡單展示了Django開發應用UI效果，形成一個初步印象，為下一步的深入開發打下基礎，其實現過程，我們會在後文繼續分享。

本文首發於個人部落格，如果想了解一手關於django的分享，可添加關註：