欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Django中引入bootstrap的詳細(xì)圖文詳解

 更新時(shí)間:2022年10月25日 16:45:18   作者:grfstc  
Django是基于Python的一個(gè)Web開發(fā)框架,可以實(shí)現(xiàn)前端和后臺(tái)間的數(shù)據(jù)連接,下面這篇文章主要給大家介紹了關(guān)于Django中引入bootstrap的相關(guān)資料,需要的朋友可以參考下

一、下載bootstrap

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

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

dist文件是bootstrap的核心文件 

二、創(chuàng)建一個(gè)簡單Demo項(xiàng)目

1.在根項(xiàng)目下創(chuàng)建一個(gè)static目錄,再在static下創(chuàng)建一個(gè)bootstrap文件夾。

2.并在根項(xiàng)目下創(chuàng)建一個(gè)templates目錄用于存放html文件。

3.找到setting.py修改STATIC_URL:(輸入到該文件的末尾即可,注意符號(hào))

STATIC_URL = '/static/'
STATICFILES_DIRS = ( os.path.join('static'), )
STATIC_ROOT = ''

4.setting.py修改TEMPLATES下的'DIRS'

注意:BASE_DIR是manage.py文件的所在路徑

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, "templates")],
        'APP_DIRS': True,
        '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',
            ],
        },
    },
]

5.找到應(yīng)用下的view.py文件,修改如下:

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

6.在跟路由urls.py文件修改如下:

from django.urls import path
from App import views
 
urlpatterns = [
    # 首頁
    path('user/', views.index, name="index"),
]

上面已經(jīng)寫好視圖函數(shù)并且加好路由了,接下來開始放置bootstrap。

三、配置bootstrap

1.打開步驟一下載的文件,找到dist文件夾,將里面的的3個(gè)文件夾css、fonts、js復(fù)制
    到/static/bootstrap下。

 2.從步驟一下載的bootstrap的壓縮文件找到docs/examples/blog/下的index.html,復(fù)制到項(xiàng)目路徑步驟二新建的/templates/目錄下,然后改名為base.html。

3.將<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
   改為<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">

4.將<link href="blog.css" rel="stylesheet">
   改為<link href="/static/bootstrap/css/blog.css" rel="stylesheet">

 5.將<script src="../../dist/js/bootstrap.min.js"></script>
    改為 <script src="/static/bootstrap/js/bootstrap.js"></script>

 6.將步驟一下載的/docs/examples/blog/下的blog.css復(fù)制到static/bootstrap/css/目錄下

7.新建一個(gè)index.html,里面只需要寫對(duì)base.html頁面的繼承

{% extends 'base.html' %}

 8.運(yùn)行Django,瀏覽器打開http://127.0.0.1:8000/user/

總結(jié)

到此這篇關(guān)于Django中引入bootstrap的文章就介紹到這了,更多相關(guān)Django引入bootstrap內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 詳解Swift中屬性的聲明與作用

    詳解Swift中屬性的聲明與作用

    Swift中的屬性可以被分為存儲(chǔ)屬性和計(jì)算屬性,本文將為大家詳解Swift中屬性的聲明與作用,需要的朋友可以參考下
    2016-06-06
  • 利用Pytorch實(shí)現(xiàn)獲取特征圖的方法詳解

    利用Pytorch實(shí)現(xiàn)獲取特征圖的方法詳解

    這篇文章主要為大家詳細(xì)介紹了如何利用Pytorch實(shí)現(xiàn)獲取特征圖,包括提取單個(gè)特征圖和提取多個(gè)特征圖,文中的示例代碼講解詳細(xì),需要的可以參考一下
    2022-10-10
  • Python+OpenCV實(shí)現(xiàn)六種常用圖像特效

    Python+OpenCV實(shí)現(xiàn)六種常用圖像特效

    這篇文章主要為大家介紹了用Python和OpenCV實(shí)現(xiàn)的六種常見圖像特效:圖像融合、灰度處理、馬賽克效果、浮雕效果、毛玻璃效果和顏色反轉(zhuǎn),需要的可以參考一下
    2022-05-05
  • 使用python實(shí)現(xiàn)自動(dòng)化控制電腦版微信

    使用python實(shí)現(xiàn)自動(dòng)化控制電腦版微信

    這篇文章主要為大家詳細(xì)介紹了如何通過Python去調(diào)用Windows API實(shí)現(xiàn)模擬人工操作的方式去實(shí)現(xiàn)控制微信電腦版,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2023-10-10
  • Python連接Redis庫常見操作全面詳解

    Python連接Redis庫常見操作全面詳解

    本文將介紹如何在Python中進(jìn)行Redis操作,包括連接Redis、數(shù)據(jù)存儲(chǔ)、數(shù)據(jù)檢索和其他常見操作,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-11-11
  • Python安裝依賴(包)模塊方法詳解

    Python安裝依賴(包)模塊方法詳解

    Python模塊,簡單說就是一個(gè).py文件,其中可以包含我們需要的任意Python代碼。這篇文章主要介紹了Python安裝依賴(包)模塊方法,需要的朋友可以參考下
    2020-02-02
  • Python Pandas實(shí)現(xiàn)數(shù)據(jù)分組求平均值并填充nan的示例

    Python Pandas實(shí)現(xiàn)數(shù)據(jù)分組求平均值并填充nan的示例

    今天小編就為大家分享一篇Python Pandas實(shí)現(xiàn)數(shù)據(jù)分組求平均值并填充nan的示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-07-07
  • 詳解運(yùn)行Python的神器Jupyter Notebook

    詳解運(yùn)行Python的神器Jupyter Notebook

    如果我們想要運(yùn)行Python,就是在Python或者IPython的解釋器環(huán)境中進(jìn)行交互式運(yùn)行,或者程序員最喜歡的編寫.py文件,在文件中編寫python代碼,然后運(yùn)行。如果想寫一篇Python的文章,里面有代碼,還希望代碼在當(dāng)前頁面運(yùn)行,那就是使用我們今天要介紹的Jupyter Notebook。
    2021-06-06
  • 深入了解Python中的變量類型標(biāo)注

    深入了解Python中的變量類型標(biāo)注

    變量類型注解是用來對(duì)變量和函數(shù)的參數(shù)返回值類型做注解,讓調(diào)用方減少類型方面的錯(cuò)誤,也可以提高代碼的可讀性和易用性。本文就來和大家聊聊Python中的變量類型標(biāo)注吧
    2023-04-04
  • 基于Tensorflow讀取MNIST數(shù)據(jù)集時(shí)網(wǎng)絡(luò)超時(shí)的解決方式

    基于Tensorflow讀取MNIST數(shù)據(jù)集時(shí)網(wǎng)絡(luò)超時(shí)的解決方式

    這篇文章主要介紹了基于Tensorflow讀取MNIST數(shù)據(jù)集時(shí)網(wǎng)絡(luò)超時(shí)的解決方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-06-06

最新評(píng)論