溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎樣使用Django suit或Bootstrap美化admin模板

發(fā)布時間:2021-12-08 16:19:04 來源:億速云 閱讀:228 作者:柒染 欄目:互聯(lián)網(wǎng)科技

本篇文章給大家分享的是有關怎樣使用Django suit或Bootstrap美化admin模板,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

Django的功能很強大,總體來說應該是支持的很全面,如果有些同學壓根不會html,web前端的東西,Django Admin模板也能滿足你的需求,只是做做元數(shù)據(jù)的管理來說是足夠了。

比如我之前快速迭代的一個個人知識庫,至少目前來說先解放了自己,能實現(xiàn)一些基本的功能,然后逐步深入,自己一邊做產(chǎn)品經(jīng)理,一邊做開發(fā)人員,對于需求如何實現(xiàn)和規(guī)劃,腦子里就有了一個基本的思路。想想也確實,做到了一定程度之后,才會發(fā)現(xiàn)一些潛在的問題,或者說有一些新的需求,而如果一直邁不過那個坎,一直停留在之前的需求層次上,我希望把這個階段壓縮,盡快能夠完成一些基本的功能。

之前簡單配置的知識庫的截圖如下,還算湊合吧,不算太丑。

怎樣使用Django suit或Bootstrap美化admin模板

當然如果想實現(xiàn)一些看起來略好一些的界面,有兩個捷徑。一個是使用Django Suit,另外一個是配置Bootstrap.

配置Django Suit后的截圖如下,可以看到界面好像有些一些特色,色調(diào)和布局有了較大的調(diào)整,左側(cè)有了真正以上的菜單,而之前的過濾器則放在了紅色框里面。

怎樣使用Django suit或Bootstrap美化admin模板

要實現(xiàn)這個功能,操作快一些,10分鐘輕輕松松搞定。

1)安裝django-suit庫

pipinstalldjango-suit==0.2.25

2)配置settings.py文件,把suit放到應用列表的前面,要優(yōu)先于admin的部分,大體內(nèi)容如下:

INSTALLED_APPS=('suit','django.contrib.admin',)

3)如果Django的版本較低,需要調(diào)整settings.py的TEMPLATE_CONTEXT_PROCESSORS設置

TEMPLATE_CONTEXT_PROCESSORS=TCP+('django.core.context_processors.request',)

如果版本較新,可以重點檢查下紅色的部分。

TEMPLATES = [

{

。。。。

'OPTIONS': {

'context_processors': [

'django.template.context_processors.debug',

'django.template.context_processors.request',

'django.contrib.auth.context_processors.auth',

'django.contrib.messages.context_processors.messages',

],

},

},

]

然后就是啟動服務,查看效果了。非常簡單的步驟。效果還不錯。

而如果啟動Bootstrap,則效果會更炫。我非??春眠@個方向,因為現(xiàn)在的大前端優(yōu)勢已經(jīng)很明顯了。昨天在ACOUG的分享中我簡單提了一個概念,那就是把現(xiàn)在的技術(shù)方向分為上中下三層,最下層是數(shù)據(jù)庫,系統(tǒng),網(wǎng)絡等基礎設施部分,類似saas層,中間的層面是一些業(yè)務系統(tǒng)的邏輯實現(xiàn),算是程序中的后端,服務器端。而上層則是前端部分,有多中表現(xiàn)形式,比如可視化技術(shù)方向。我的理解,以前的技術(shù)方向,更重視后端,更關注底層和應用的架構(gòu)扥服務器端技術(shù)。就好比下面的鼓一樣,對于前端來說是不夠重視的,或者關注度還是有限,因為很多的人印象中,美化的部分都是美工做的事情。

而現(xiàn)在發(fā)生了大的變化??梢越凶龃笄岸思夹g(shù),因為現(xiàn)在的前端技術(shù)已經(jīng)發(fā)展很成熟,前端希望能夠做一些服務端的事情,所以現(xiàn)在的JS非?;?。而底層技術(shù),目前大家還是有危機意識的,都會學習一些開發(fā)技能,這就無形中會對已有的服務器端角色有一定的沖擊,就有點類似下面的鼓。

怎樣使用Django suit或Bootstrap美化admin模板

觀點就是這個,我們來看看bootstrap的一個基本的改進,如果要細化的改進,那應該會有很多的工作需要確認或者細化。我們可以簡單體驗一下,在settings.py文件里添加bootstrap的庫進去,就可以分分鐘看到一個好一些的界面,當然這是我挑出來能看過眼的截圖。

在settings.py文件里修改應用列表,添加bootstrap的界面即可,比如這個配置。

INSTALLED_APPS = (

'bootstrap_admin',

得到的界面如下,如果要做細化和定制,需要做進一步的分析。

怎樣使用Django suit或Bootstrap美化admin模板

以上就是怎樣使用Django suit或Bootstrap美化admin模板,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降摹OM隳芡ㄟ^這篇文章學到更多知識。更多詳情敬請關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI