bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

Django中怎么處理靜態(tài)文件-創(chuàng)新互聯(lián)

本篇文章為大家展示了Django中怎么處理靜態(tài)文件，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司專注于新華企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開(kāi)發(fā),商城網(wǎng)站制作。新華網(wǎng)站建設(shè)公司,為新華等地區(qū)提供建站服務(wù)。全流程定制開(kāi)發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

1.Django 對(duì)css靜態(tài)文件的處理

我們先來(lái)看Django 對(duì)css靜態(tài)文件是怎么處理的，一起來(lái)實(shí)現(xiàn)一下：

  • 第一步：首先需要在settings文件中指定靜態(tài)文件的存儲(chǔ)路徑，可以使用Django模板引擎語(yǔ)法提示，如STATICFILES_DIRS = (os.path.join(BASE_DIR, "static"), )，需要注意的是這種方式必須要在 DEBUG模型下使用，也就是讓DEBUG等于True，這個(gè)是在settings.py文件中設(shè)置的；

  • 第二步：在static目錄中創(chuàng)建一個(gè)css目錄，創(chuàng)建一個(gè)base.css文件, 將之前的base.html頁(yè)面中的 css樣式復(fù)制進(jìn)來(lái)；

.header{
    color: red;
    font-size: 60px;
    background-color: black;
    height: 100px;
    text-align: center;
    line-height: 100px;
}
.content{
    color: green;
    font-size: 60px;
    background-color: #eeeeee;
    height: 800px;
    text-align: center;
    line-height: 800px;
}
.footer{
    color: green;
    font-size: 60px;
    background-color: black;
    height: 100px;
    text-align: center;
}

  • 第三步：編輯base.html頁(yè)面，將內(nèi)聯(lián)的css樣式刪除使用外鏈的css文件，可以先通過(guò){% load staticfiles %}引入加載器staticfiles ，然后再使用模版語(yǔ)法<link rel="stylesheet" href="{% static 'css/base.css' %}">的形式導(dǎo)入外部css文件，static表示現(xiàn)在的路徑目錄；

<!doctype html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    # 這里使用到了Django的引擎中引用靜態(tài)文件的模板語(yǔ)法
    # 引用的是static目錄下的css/base.css文件
    <link rel="stylesheet" href="{% static 'css/base.css' %}">
</head>
<body>
       <div class="header">
        今天是星期幾呀
       </div>
    <!-- 內(nèi)容變化 -->
    {% block content %}
    <div class="content">
        <p>今天是星期一</p>
    </div>
    {% endblock %}
    <div class="footer">
        好的，謝謝
    </div>
</body>
</html>

2.Django 對(duì)image靜態(tài)文件的處理

  • 第一步：在settings文件中添加指定靜態(tài)文件的存儲(chǔ)路徑，也就是：

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

  • 第二步：在static目錄下創(chuàng)建image目錄，且拷貝圖片到目錄下；

  • 第三步：引入加載器staticfiles ，然后再使用導(dǎo)入圖片；

< img src="{% static 'images/圖片名稱' %}" alt="說(shuō)明">

3.Django 對(duì)用戶上傳圖片的處理

Django 對(duì)于文件或圖片上傳在HTML頁(yè)面中一般是通過(guò)form表單附件上傳的，一般是使用form的post提交方式，編碼類(lèi)型為：”multipart/form-data”；
form表單提交需要csrf token認(rèn)證 如：{% csrf_token %}；

4.圖片文件等上傳

自己選擇一個(gè)app，我是在usersAPP中操作的：

  • 第一步：在usersAPP中的urls.py文件中，添加一條路由，我們需要用到一個(gè)處理請(qǐng)求的類(lèi)，命名為ImageView，然后導(dǎo)入這個(gè)類(lèi)，因?yàn)槲覀冞€沒(méi)有創(chuàng)建這個(gè)類(lèi)，所以會(huì)代碼會(huì)報(bào)錯(cuò)：

url(r'^images/$', ImageView.as_view(), name='image')；

  • 第二步：在usersAPP中的views.py文件中，創(chuàng)建處理請(qǐng)求的ImageView類(lèi)；

class ImageView(View):
    def get(self, request):
        return render(request, 'image.html')
    def post(self, request):
        image = request.FILES.get('upload')
        image_instance = Image(name=image.name, image=image)
        image_instance.save()
        return render(request, 'image.html', {'msg': '圖片上傳成功'})

  • 第三步：在usersAPP中的templates目錄中，創(chuàng)建images.html；

<!doctype html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="{% url 'users:image' %}" method="post" enctype="multipart/form-data">
{#        <input type="file" name="upload" accept="image/gif, image/jpeg, image/png, image/jpg">#}
        <input type="file" name="upload">
        <input type="submit" value="提交">
        {% csrf_token %}
    </form>
    <!-- 顯示圖片上傳成功還是失敗 -->
    <p> {{ msg }} </p>
</body>
</html>

  • 第四步：在usersAPP中的models.py中，創(chuàng)建Image Model表，用來(lái)存儲(chǔ)用戶上傳圖片的 路徑和圖片的名稱；

class Image(models.Model):
    name = models.CharField(max_length=50, verbose_name="圖片名稱")
    image = models.ImageField(upload_to="images/%Y/%m", verbose_name="用戶上傳的圖片", max_length=100)
    class Meta:
        verbose_name = "用戶上傳圖片"
        verbose_name_plural = verbose_name

  • 第五步：在setting文件中，添加MEDIA_ROOT，指定圖片上傳的位置為項(xiàng)目根目錄下的 media目錄；

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

5.圖片訪問(wèn)

  • 第一步：在users APP中的users 中的urls.py文件中添加：

url(r'^show_images/(?P<image_name>\w+.(png|jpg|jpeg))$', ShowImageView.as_view(), name='show_images')

  • 第二步：在users APP中的views.py中，創(chuàng)建請(qǐng)求的ShowImageView類(lèi)；

class ShowImageView(View):
    def get(self, request, image_name):
        # 這是一個(gè)QuerySet
        images = Image.objects.filter(name=image_name)
        # 取第一張圖片
        image = images.first()
        return render(request, 'show_image.html', {'image': image})

  • 第三步：在users APP中的templates目錄中，創(chuàng)建show_image.html；

<!doctype html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p>用戶上傳的圖片為: </p>
    <!-- <img src="../../media/{{ image.image }}" rel="{{ MEDIA_URL }}{{ image.image }}" alt="用戶上傳圖片"> -->
    <img src="{{ MEDIA_URL }}{{ image.image }}" alt="用戶上傳圖片">
</body>
</html>

  • 第四步：在settings文件中，添加MEDIA_URL；

MEDIA_URL = '/media/'
'django.template.context_processors.media',

上述內(nèi)容就是Django中怎么處理靜態(tài)文件，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道。

網(wǎng)頁(yè)題目：Django中怎么處理靜態(tài)文件-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://vcdvsql.cn/article34/jiese.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、域名注冊(cè)、外貿(mào)建站、定制開(kāi)發(fā)、動(dòng)態(tài)網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)