1. 程式人生 > >用grappelli美化Django Admin後臺管理介面

用grappelli美化Django Admin後臺管理介面

這幾天在網上發現一個django app:grappelli,該app可以用來美化Django Admin後臺管理介面, 把一向醜陋的Django Admin後臺介面弄得很酷很好看.

以下有一篇別人寫好的文章,先供大家參考: 

參考資料:

使用django-grappelli改善預設的django-admin後臺 http://blog.sina.com.cn/s/blog_634bc2230100obx5.html

不過,上面的這篇文章還是有不足的地方, 僅僅是因為沒有跟上最新的django1.3的步伐了.其中說到的5.2 配置啟動引數,指定的adminmedia到grapelli靜態檔案目錄,這句話我在django1.3基礎上怎麼也實現不了.所以還是自己到網上找資料才解決,以下是我的記錄:

1.下載grappelli

2.安裝grappelli和配置

1),設定settings.py中的INSTALLED_APPS:

INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'grappelli',#這裡grapplli 必須位於django.contrib.admin之前
    'django.contrib.admin',
    'django.contrib.admindocs',
)

2)設定ADMIN_MEDIA_PREFIX,而不是採用上面的參考資料中的設定adminmedia到grapplli什麼的.


#ADMIN_MEDIA_PREFIX = '/static/admin/'


ADMIN_MEDIA_PREFIX = STATIC_URL + "grappelli/"
這個的作用就是把admin的靜態檔案,由原來的admin目錄,改為對映到static目錄下的grapplli.

3)設定Url

    (r'^admin/doc/', include('django.contrib.admindocs.urls')),
    
    (r'^grappelli/',include('grappelli.urls')), 

    # Uncomment the next line to enable the admin:
    (r'^admin/', include(admin.site.urls)),

同settings中配置的一樣,grapplli的url對映,必須在admin之前.

4)收集靜態資源

通過執行命令:

manage.py collectstatic 

此命令,收集grapplli app目錄下的static目錄中的所有靜態資源(CSS,js,images)到你配置的STATIC目錄
下的grapplli目錄下去.

3.測試grapplli應用

manage.py runserver

然後開啟 http://localhost:8000/admin/ ,可以看到登入介面了.是不是很酷呢?

看看效果圖:



我已經做好了一個Demo,適合django1.3的,稍後放到 google code上去.

相關推薦

grappelli美化Django Admin後臺管理介面

這幾天在網上發現一個django app:grappelli,該app可以用來美化Django Admin後臺管理介面, 把一向醜陋的Django Admin後臺介面弄得很酷很好看. 以下有一篇別人寫好的文章,先供大家參考:  參考資料: 使用django-grappell

Django admin後臺管理無樣式,報錯找不到靜態檔案

python+django+uwsgi 建立超級使用者進入admin後臺管理時,發現沒有樣式,報錯找不到靜態檔案(報錯如下) Not Found: /static/admin/css/dashboard.css Not Found: /static/admin/css/base.c

Django--admin--後臺管理設定

建立超級使用者: python manage.py createsuperuser Username (leave blank to use ‘root’): admin Email address: (郵箱可填可不填,回車跳過) Password:(這裡密碼是

Django admin 後臺管理

在App 資料夾下的 admin.py 檔案中寫入 from django.contrib import admin from app名 import models admin.site.site_header = '登入框頭部顯示' admin.site.site_title = '網頁頭部顯示'

Django Admin後臺管理

沒有 tab 分享圖片 bdb 存在 stack caf tro col 1.使用 (1)本地化,語言和時區本地化 (2)創建超級管理員 (3)註冊模型類:定義顯示的內容 (a)models.py定義 (b)效果 (c)admin.py註冊 (4)自定義管理頁面:顯

django admin擴充套件-自定義後臺管理介面

建立自定義管理檢視 現在,想要往Django的admin管理介面新增自定義行為的人,可能開始覺得有點奇怪了。我們這裡所講的都是如何改變admin管理介面的外觀。他們都在喊:如何才能改變admin管理介面的內部工作機制。 首先要提的一點是,這並不神奇。admin管理介面並沒有做任何特殊的事

vue+Element-ui寫一個後臺管理介面,點選頭部導航對應顯示下方左側導航選單,點選左側選單對應顯示右邊內容,點選右邊內容的按鈕出現一個新頁面依舊能夠選中左側相應選單,求解決???!!!!

vue-路由 用vue+Element-ui寫一個後臺管理介面,點選頭部導航對應顯示下方左側導航選單,點選左側選單對應顯示右邊內容 但是點選新建微帖路由出現一個新頁面,左側選單怎麼才能顯示被選中狀態,就是跟上圖狀態一樣??? 這裡是左側選單導航和右邊內容顯示區域程式碼 這裡是頁面按鈕

Django裡面自定義admin後臺管理頁面

首先我們先在Django工程裡面建立類.建立完成後,開啟admin .在Pycharm裡面teminal裡建立超級使用者,python manage.py createsuperuser剩下的就是註冊步驟.結束後在admin裡面註冊,括號裡面放的是models裡面的類名.等於

django-17.admin後臺管理

tps led entire .cn attr leave ini 優化 migration 前言 通常一個網站開發,需要有個後臺管理功能,比如用後臺管理發布文章,添加用戶之類的操作。django的admin後臺管理主要可以實現以下功能 基於admin模塊,可以實現類

Django之靜態檔案,中介軟體,admin後臺管理

靜態檔案 靜態檔案的使用 在 網頁使用的css檔案,js檔案和圖片等叫做靜態檔案。1)在專案下新建靜態資料夾 static。 2) 配置靜態檔案所在的物理目錄。Settings.py STATIC_URL設定訪問靜態檔案對應的url。 STATICFILES_DIRS設定靜態檔案所在的物理目

Django - admin後臺、auth權限

djang AC eat art 語言 創建 mode col class admin後臺篇 一、創建一個管理員用戶 (1).設置時區、語言(可選步驟) 打開settings.py,改成下面那樣 LANGUAGE_CODE = ‘zh-Hans‘ TIME_ZONE

React+AntD寫單車後臺管理系統資源下載

tps fontsize 分享 log span 管理系統 http 沒有 color 用React+AntD做單車後臺系統 用React+AntD做單車後臺系統 此處沒有內容 關註公眾號後回復1160獲取鏈接 用React+AntD寫單車後臺管理系統資源下載

python—89 自定義的admin後臺管理框架 1、啟動文件 2、源碼(註冊功能、創建單例) 3、設計url

ready def str try pytho site 字典 style 啟動文件 admin後臺管理框架 仿照admin組件,開發stark組件 1、啟動文件   執行每一個app下的stark.py文件   重寫一個def ready() 函數  autodis

vue+elementui搭建後臺管理介面(2首頁)

1 會話儲存 使用html5的 sessionStorage 物件臨時儲存會話 // 儲存會話 sessionStorage.setItem('user', username) // 刪除會話 sessionStorage.removeItem('user', username) 2 將所有未登入會話重

vue+elementui搭建後臺管理介面(3側邊欄選單)

上一節搭好了主框架,但是標籤頁和側邊欄只是分別展示了各自的選單,如何將二者聯動起來? 定義路由規則:當有 children 屬性時,從 children 裡取出 path 填充到側邊欄,如: { path: '/', redirect: '/dashboard', name: 'Containe

vue+elementui搭建後臺管理介面(4使用font-awesome)

使用font-awesome npm install --save font-awesome 修改 src/main.js 增加 import 'font-awesome/scss/font-awesome.scss' 1 login頁面增加圖示 效果如下 修改原來的使用者輸入框 &l

【vue】iview-admin後臺管理系統頁面(②)

****  表示埠號 ---- 表示程序號 在①的基礎上,使用iview-admin的專案若想有如下修改 1.想修改預設埠號8080到其他未佔用埠****   1.1檢視埠****是否被佔用       windows+R 調出執行面板,輸

使用layui 做後臺管理介面,在Tab中的連結點選後新增一個新TAB的解決方法

給連結或按鈕  新增 onclick="self.parent.addTab('百度','http://www.baidu.com','icon-add')"   如: <a href="javascript:void(0)" title="google" onclick="s

vue+elementui搭建後臺管理介面(7 vuex和mockjs的使用)

將許可權管理應用到系統,首先做好登入, 點選登入按鈕後,觸發以下動作 vuex 中的 login 動作,設定 cookie vuex 中的 getuserinfo , 獲取許可權、使用者名稱、頭像等 由於目前未使用連線後端伺服器,所以使用 mockjs 攔截請求並返回。 在github中檢視

JavaWeb從新手到入門(三)EeayUI後臺管理介面

參考:《傳智播客-淘淘商城》 一、EasyUI 1.1 EasyUI jQuery EasyUI 是一個基於 jQuery 的框架,集成了各種使用者介面外掛。jQuery EasyUI 框架提供了建立網頁所需的一切,可以幫助使用者輕鬆搭建頁面,由於使用簡單,是搭建後臺管理介