本篇文章為大家展示了Django中怎么處理靜態(tài)文件,內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。
成都創(chuàng)新互聯(lián)公司總部坐落于成都市區(qū),致力網(wǎng)站建設(shè)服務(wù)有網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站維護(hù)、公眾號(hào)搭建、微信小程序、軟件開(kāi)發(fā)等為企業(yè)提供一整套的信息化建設(shè)解決方案。創(chuàng)造真正意義上的網(wǎng)站建設(shè),為互聯(lián)網(wǎng)品牌在互動(dòng)行銷(xiāo)領(lǐng)域創(chuàng)造價(jià)值而不懈努力!
我們先來(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ǔ)法的形式導(dǎo)入外部css文件,static表示現(xiàn)在的路徑目錄;
{% load staticfiles %}Document # 這里使用到了Django的引擎中引用靜態(tài)文件的模板語(yǔ)法 # 引用的是static目錄下的css/base.css文件今天是星期幾呀{% block content %}{% endblock %}今天是星期一
好的,謝謝
第一步:在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/圖片名稱(chēng)' %}" alt="說(shuō)明">
Django 對(duì)于文件或圖片上傳在HTML頁(yè)面中一般是通過(guò)form表單附件上傳的,一般是使用form的post提交方式,編碼類(lèi)型為:”multipart/form-data”;
form表單提交需要csrf token認(rèn)證 如:{% csrf_token %};
自己選擇一個(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;
{% load staticfiles %}Document
{{ msg }}
第四步:在usersAPP中的models.py中,創(chuàng)建Image Model表,用來(lái)存儲(chǔ)用戶(hù)上傳圖片的 路徑和圖片的名稱(chēng);
class Image(models.Model): name = models.CharField(max_length=50, verbose_name="圖片名稱(chēng)") image = models.ImageField(upload_to="images/%Y/%m", verbose_name="用戶(hù)上傳的圖片", max_length=100) class Meta: verbose_name = "用戶(hù)上傳圖片" verbose_name_plural = verbose_name
第五步:在setting文件中,添加MEDIA_ROOT,指定圖片上傳的位置為項(xiàng)目根目錄下的 media目錄;
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
第一步:在users APP中的users 中的urls.py文件中添加:
url(r'^show_images/(?P\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;
{% load staticfiles %}Document 用戶(hù)上傳的圖片為:
第四步:在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)行業(yè)資訊頻道。