电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

Django+boostrap 美化admin后臺的操作

瀏覽:3日期:2024-10-22 09:58:28

工具:Pycharm,Django1.11.9.

1.下載django_admin_bootstrapped

pip install django-admin-bootstrapped

2.打開django項目目錄下的settings.py文件,如圖添加內容,必須放在django本身的django.contrib.admin前面。

Django+boostrap 美化admin后臺的操作

3.運行項目,通過瀏覽器打開頁面,即可看到美化后的admin后臺了。

Django+boostrap 美化admin后臺的操作

將后臺中的英文修改為中文,可以看到只有右上角的英文 'Recent actions',和中間有一個’Applications’。

現在我們來修改它們。

在django_admin_bootstrapped/templates/admin/base.html 中找到'Recent actions',修改為'最近的動作'。

Django+boostrap 美化admin后臺的操作

在同一目錄下的index.html中找到'Applications',換成'應用程序'。

Django+boostrap 美化admin后臺的操作

重新運行項目,進瀏覽器就OK了。

Django+boostrap 美化admin后臺的操作

補充知識:幾步帶你實現django中引入bootstrap,后端程序員有福了

bootstrap在flask框架中引入很簡單,但是由于django是一個封閉式的框架,所以在運用的時候,

有點小麻煩,不過也就幾步的事情,多點耐心

下載bootstrap

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

下載的目錄結構:

Django+boostrap 美化admin后臺的操作

dist文件是bootstrap的核心文件

創建一個簡單Demo項目,這是我的項目

Django+boostrap 美化admin后臺的操作

注意:在根項目下創建一個static目錄,再在static下創建一個bootstrap文件夾,找到并打開setting.py輸入如下;(輸入到該文件的末尾即可,注意符號)

STATIC_URL = ’/static/’STATICFILES_DIRS = (os.path.join(BASE_DIR, ’static’),)

找到并打開view.py補充輸入如下

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

找到并打開urls.py補充輸入如下

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

上面我們已經做到把視圖函數寫好并且加到路由里面,接下來開始放置bootstrap了

打開一開始下載解壓后的文件,找到dist文件夾,將里面的的3個文件夾css,fonts,js進行復制

在untitled/static/下新建文件夾bootstrap,將剛才復制的3個文件夾復制到里面,

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

找到

<link href='http://www.hdgsjgj.cn/dist/css/bootstrap.min.css' rel='external nofollow' rel='stylesheet'>

改為

<link href='http://www.hdgsjgj.cn/static/bootstap/css/bootstrap.css' rel='external nofollow' rel='stylesheet'>

找到

<link href='http://www.hdgsjgj.cn/bcjs/blog.css' rel='external nofollow' rel='stylesheet'>

改為

<link href='http://www.hdgsjgj.cn/static/bootstrap/css/blog.css' rel='external nofollow' rel='stylesheet'>

找到

<script src='http://www.hdgsjgj.cn/dist/js/bootstrap.min.js'></script>

改為

<script src='https://rkxy.com.cn/static/bootstrap/js/bootstrap.js'></script>

我們更改成了自己的路徑,可以更好的適應我們的項目結構

找到我們那會下載的/docs/examples/blog/下的blog.css復制粘貼一份到mydjango/testdj/testdj/static/bootstrap/css/里面

然后我們寫一個自己的index.html(注意別搞混了)

里面只需要寫

{% extends ‘base.html’%}(這是對頁面的繼承)

ok,運行django, 在django中輸入url就可以看到一個博客模板了

下面是我的目錄結構

Django+boostrap 美化admin后臺的操作

總結: 下載下來的bootstrap包含了很多網頁模板,比如導航條, 博客模板等等 以后想使用其他的模板只需要下面幾步:

粘貼模板到自己項目的templates下, 到D:bootstrapbootstrap-3.3.7docsexamples 下面的模板粘貼到 項目的templates下建立一個base模板

創建static,到setttings中設置檢索路徑,在這之前還需要把 D:bootstrapbootstrap-3.3.7dist下的的三個文件夾(css, js, fonts)粘貼到static下的bootstrap()自己新建的)下面,

把bootstrap模板中的css文件復制到 staticbootstrapcss 文件中

在templatesbase.html中 對css和js 外聯路徑進行更改,其實就是把原先從網上連接改為本地文件的連接

ok

以上這篇Django+boostrap 美化admin后臺的操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Django
相關文章:
主站蜘蛛池模板: 智能案卷柜_卷宗柜_钥匙柜_文件流转柜_装备柜_浙江福源智能科技有限公司 | 伺服电机_直流伺服_交流伺服_DD马达_拓达官方网站 | 润滑油加盟_润滑油厂家_润滑油品牌-深圳市沃丹润滑科技有限公司 琉璃瓦-琉璃瓦厂家-安徽盛阳新型建材科技有限公司 | 废气处理设备-工业除尘器-RTO-RCO-蓄热式焚烧炉厂家-江苏天达环保设备有限公司 | 捆扎机_气动捆扎机_钢带捆扎机-沈阳海鹞气动钢带捆扎机公司 | 洗石机-移动滚筒式,振动,螺旋,洗矿机-青州冠诚重工机械有限公司 | 密集架-密集柜厂家-智能档案密集架-自动选层柜订做-河北风顺金属制品有限公司 | 牛皮纸|牛卡纸|进口牛皮纸|食品级牛皮纸|牛皮纸厂家-伽立实业 | 卸料器-卸灰阀-卸料阀-瑞安市天蓝环保设备有限公司 | 水厂自动化|污水处理中控系统|水利信息化|智慧水务|智慧农业-山东德艾自动化科技有限公司 | 合金ICP光谱仪(磁性材料,工业废水)-百科 | 金属清洗剂,防锈油,切削液,磨削液-青岛朗力防锈材料有限公司 | 防火阀、排烟防火阀、电动防火阀产品生产销售商-德州凯亿空调设备有限公司 | 机房监控|动环监控|动力环境监控系统方案产品定制厂家 - 迈世OMARA | 滚珠丝杆升降机_螺旋升降机_丝杠升降机-德迈传动 | 起好名字_取个好名字_好名网免费取好名在线打分 | 连续油炸机,全自动油炸机,花生米油炸机-烟台茂源食品机械制造有限公司 | 珠光砂保温板-一体化保温板-有釉面发泡陶瓷保温板-杭州一体化建筑材料 | 企业VI设计_LOGO设计公司_品牌商标设计_【北京美研】 | 工业风机_环保空调_冷风机_工厂车间厂房通风降温设备旺成服务平台 | 充气膜专家-气膜馆-PTFE膜结构-ETFE膜结构-商业街膜结构-奥克金鼎 | 丹尼克尔拧紧枪_自动送钉机_智能电批_柔性振动盘_螺丝供料器品牌 | 无线讲解器-导游讲解器-自助讲解器-分区讲解系统 品牌生产厂家[鹰米讲解-合肥市徽马信息科技有限公司] | 超声波清洗机-超声波清洗设备定制生产厂家 - 深圳市冠博科技实业有限公司 | 德国EA可编程直流电源_电子负载,中国台湾固纬直流电源_交流电源-苏州展文电子科技有限公司 | 丝杆升降机-不锈钢丝杆升降机-非标定制丝杆升降机厂家-山东鑫光减速机有限公司 | 实验室隔膜泵-无油防腐蚀隔膜泵-耐腐蚀隔膜真空泵-杭州景程仪器 电杆荷载挠度测试仪-电杆荷载位移-管桩测试仪-北京绿野创能机电设备有限公司 | 自动配料系统_称重配料控制系统厂家 | 电动球阀_不锈钢电动球阀_电动三通球阀_电动调节球阀_上海湖泉阀门有限公司 | 咖啡加盟-咖啡店加盟-咖啡西餐厅加盟-塞纳左岸咖啡西餐厅官网 | 顶呱呱交易平台-行业领先的公司资产交易服务平台 | 佛山市钱丰金属不锈钢蜂窝板定制厂家|不锈钢装饰线条|不锈钢屏风| 电梯装饰板|不锈钢蜂窝板不锈钢工艺板材厂家佛山市钱丰金属制品有限公司 | 灌木树苗-绿化苗木-常绿乔木-价格/批发/基地 - 四川成都途美园林 | 绿萝净除甲醛|深圳除甲醛公司|测甲醛怎么收费|培训机构|电影院|办公室|车内|室内除甲醛案例|原理|方法|价格立马咨询 | 重庆监控_电子围栏设备安装公司_门禁停车场管理系统-劲浪科技公司 | DWS物流设备_扫码称重量方一体机_快递包裹分拣机_广东高臻智能装备有限公司 | 流水线电子称-钰恒-上下限报警电子秤-上海宿衡实业有限公司 | 西宁装修_西宁装修公司-西宁业之峰装饰-青海业之峰墅级装饰设计公司【官网】 | 北京翻译公司-专业合同翻译-医学标书翻译收费标准-慕迪灵 | 根系分析仪,大米外观品质检测仪,考种仪,藻类鉴定计数仪,叶面积仪,菌落计数仪,抑菌圈测量仪,抗生素效价测定仪,植物表型仪,冠层分析仪-杭州万深检测仪器网 | 蚂蚁分类信息系统 - PHP同城分类信息系统 - MayiCMS |