Статические файлы Flask – Реализация статических файлов в Python Flask

Привет кодерам! Эта статья посвящена статическим файлам Flask и их реализации. Так что давайте начнем!

Необходимость статических файлов в колбе

Вы бы заметили, что почти все веб-сайты состоят из фотографий, цветов фона и многих других элементов украшения.

Эта эстетическая природа веб – сайтов достигается за счет использования статических файлов, которые состоят из изображений, CSS-файлов и JS-скриптов.

Мы сохраняем эти статические файлы в отдельной папке под названием static , расположенной рядом с нашим основным приложением Flask.

Теперь, когда у нас есть некоторые знания о статических файлах, давайте посмотрим, как их реализовать.

Практическая работа со статическими файлами колбы

Теперь мы будем отображать фоновое статическое изображение файла на нашей веб-странице с помощью Flask.

1. Кодирование нашего основного приложения

Рассмотрим следующий код приложения колбы

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/blog')
def blog():
    return render_template('blog.html')

app.run(host='localhost', port=5000)

Здесь мы визуализируем HTML шаблон с помощью функции render_template .

Если у вас возникнут какие-либо проблемы с пониманием синтаксиса приложения, ознакомьтесь с нашей статьей Введение в Flask для лучшего понимания.

2. Кодирование наших шаблонов

Здесь мы используем атрибут special URL для указания статического расположения файла.

") }}>

Атрибут url_for извлекает путь файла , расположенного в папке static .

Вы можете скачать приведенное ниже изображение для этой демонстрации и сохранить его в статический папка.

Теперь создайте ” blog.html ” Файл шаблона и добавьте в него приведенный ниже код:


    
        
        This is a blog website

Ознакомьтесь с нашей статьей о шаблонах Flash, чтобы узнать больше о шаблонах рендеринга в Flask

3. Реализация Кодекса

Вот и все; давайте теперь запустим сервер и проверим нашу веб-страницу

Идеально !!

Вывод

Вот и все для этого урока, ребята! Я надеюсь, что эта статья помогла вам улучшить свои знания о статических файлах в Flask. Ознакомьтесь с нашей статьей о шаблонах Flash, чтобы узнать больше о шаблонах.

Увидимся в следующей статье! До тех пор, счастливого кодирования!!