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

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

Django+boostrap 美化admin后臺的操作

瀏覽:9日期: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
相關文章:
主站蜘蛛池模板: 预制舱-电力集装箱预制舱-模块化预制舱生产厂家-腾达电器设备 | 冷水机-工业冷水机-冷水机组-欧科隆品牌保障 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 安平县鑫川金属丝网制品有限公司,声屏障,高速声屏障,百叶孔声屏障,大弧形声屏障,凹凸穿孔声屏障,铁路声屏障,顶部弧形声屏障,玻璃钢吸音板 | 沈阳真空机_沈阳真空包装机_沈阳大米真空包装机-沈阳海鹞真空包装机械有限公司 | 山东石英砂过滤器,除氟过滤器「价格低」-淄博胜达水处理 | 「阿尔法设计官网」工业设计_产品设计_产品外观设计 深圳工业设计公司 | 罗氏牛血清白蛋白,罗氏己糖激酶-上海嵘崴达实业有限公司 | 北京三友信电子科技有限公司-ETC高速自动栏杆机|ETC机柜|激光车辆轮廓测量仪|嵌入式车道控制器 | 在线PH计-氧化锆分析仪-在线浊度仪-在线溶氧仪- 无锡朝达 | 缓蚀除垢剂_循环水阻垢剂_反渗透锅炉阻垢剂_有机硫化物-郑州威大水处理材料有限公司 | 超声波清洗机_细胞破碎仪_实验室超声仪器_恒温水浴-广东洁盟深那仪器 | 首页|光催化反应器_平行反应仪_光化学反应仪-北京普林塞斯科技有限公司 | 精密机械零件加工_CNC加工_精密加工_数控车床加工_精密机械加工_机械零部件加工厂 | 筛分机|振动筛分机|气流筛分机|筛分机厂家-新乡市大汉振动机械有限公司 | ph计,实验室ph计,台式ph计,实验室酸度计,台式酸度计 | 岩棉切条机厂家_玻璃棉裁条机_水泥基保温板设备-廊坊鹏恒机械 | 【化妆品备案】进口化妆品备案流程-深圳美尚美化妆品有限公司 | 钛合金标准件-钛合金螺丝-钛管件-钛合金棒-钛合金板-钛合金锻件-宝鸡远航钛业有限公司 | 通辽信息港 - 免费发布房产、招聘、求职、二手、商铺等信息 www.tlxxg.net | IHDW_TOSOKU_NEMICON_EHDW系列电子手轮,HC1系列电子手轮-上海莆林电子设备有限公司 | 臭氧发生器_臭氧消毒机 - 【同林品牌 实力厂家】 | 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | 首页|成都尚玖保洁_家政保洁_开荒保洁_成都保洁 | 江苏皓越真空设备有限公司 | 加热制冷恒温循环器-加热制冷循环油浴-杭州庚雨仪器有限公司 | 苏商学院官网 - 江苏地区唯一一家企业家自办的前瞻型、实操型商学院 | 德国进口电锅炉_商用电热水器_壁挂炉_电采暖器_电热锅炉[德国宝] | 闭端端子|弹簧螺式接线头|防水接线头|插线式接线头|端子台|电源线扣+护线套|印刷电路板型端子台|金笔电子代理商-上海拓胜电气有限公司 | U拓留学雅思一站式服务中心_留学申请_雅思托福培训 | 发电机组|柴油发电机组-批发,上柴,玉柴,潍柴,康明斯柴油发电机厂家直销 | 权威废金属|废塑料|废纸|废铜|废钢价格|再生资源回收行情报价中心-中废网 | 溶氧传感器-pH传感器|哈美顿(hamilton)| 纸布|钩编布|钩针布|纸草布-莱州佳源工艺纸布厂 | 飞飞影视_热门电影在线观看_影视大全| 圣才学习网-考研考证学习平台,提供万种考研考证电子书、题库、视频课程等考试资料 | 聚合氯化铝价格_聚合氯化铝厂家_pac絮凝剂-唐达净水官网 | 神超官网_焊接圆锯片_高速钢锯片_硬质合金锯片_浙江神超锯业制造有限公司 | 3D全息投影_地面互动投影_360度立体投影_水幕灯光秀 | 广东银虎 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | 液压油缸生产厂家-山东液压站-济南捷兴液压机电设备有限公司 | 西安耀程造价培训机构_工程预算实训_广联达实作实操培训 |