Django+boostrap 美化admin后臺(tái)的操作

更新時(shí)間：2020年03月11日 10:51:41 作者：Mr_blueD

這篇文章主要介紹了Django+boostrap 美化admin后臺(tái)的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

工具：Pycharm，Django1.11.9.

1.下載django_admin_bootstrapped

pip install django-admin-bootstrapped

2.打開(kāi)django項(xiàng)目目錄下的settings.py文件，如圖添加內(nèi)容，必須放在django本身的django.contrib.admin前面。

3.運(yùn)行項(xiàng)目，通過(guò)瀏覽器打開(kāi)頁(yè)面，即可看到美化后的admin后臺(tái)了。

將后臺(tái)中的英文修改為中文，可以看到只有右上角的英文 "Recent actions"，和中間有一個(gè)'Applications'。

現(xiàn)在我們來(lái)修改它們。

在django_admin_bootstrapped/templates/admin/base.html 中找到"Recent actions"，修改為"最近的動(dòng)作"。

在同一目錄下的index.html中找到"Applications"，換成"應(yīng)用程序"。

重新運(yùn)行項(xiàng)目，進(jìn)瀏覽器就OK了。

補(bǔ)充知識(shí)：幾步帶你實(shí)現(xiàn)django中引入bootstrap,后端程序員有福了

bootstrap在flask框架中引入很簡(jiǎn)單,但是由于django是一個(gè)封閉式的框架,所以在運(yùn)用的時(shí)候,

有點(diǎn)小麻煩,不過(guò)也就幾步的事情,多點(diǎn)耐心

下載bootstrap

下載地址:https://v3.bootcss.com/getting-started/#download,選擇第二個(gè),下載帶有源碼的bootstrap,只能通過(guò)這種方式(django是封閉的)

下載的目錄結(jié)構(gòu):

dist文件是bootstrap的核心文件

創(chuàng)建一個(gè)簡(jiǎn)單Demo項(xiàng)目,這是我的項(xiàng)目

注意:在根項(xiàng)目下創(chuàng)建一個(gè)static目錄,再在static下創(chuàng)建一個(gè)bootstrap文件夾,找到并打開(kāi)setting.py輸入如下;(輸入到該文件的末尾即可,注意符號(hào))

STATIC_URL = '/static/'

STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)

找到并打開(kāi)view.py補(bǔ)充輸入如下

#視圖函數(shù),返回index.html頁(yè)面 
from django.http import HttpResponse 
from django.shortcuts import render 
def index(request): 
  return render(request, 'index.html')

找到并打開(kāi)urls.py補(bǔ)充輸入如下

from app import view
from django.conf.urls import url
 
urlpatterns = [
  url(r'^$', view.index),
]

上面我們已經(jīng)做到把視圖函數(shù)寫(xiě)好并且加到路由里面,接下來(lái)開(kāi)始放置bootstrap了

打開(kāi)一開(kāi)始下載解壓后的文件,找到dist文件夾,將里面的的3個(gè)文件夾css,fonts,js進(jìn)行復(fù)制

在untitled/static/下新建文件夾bootstrap,將剛才復(fù)制的3個(gè)文件夾復(fù)制到里面,

從一開(kāi)始下載的bootstrap的解壓文件找到docs/examples里面選擇一個(gè)本次測(cè)試的模板,本次我們選擇docs/examples/blog/下的index.html,復(fù)制粘貼到mydjango/testdj/templates/下,然后改名為base.html,然后用編輯器打開(kāi)

找到