Python | Использование цикла Flask

Michael Zippo

Невозможно писать интерфейсный курс каждый раз, когда пользователь вносит изменения в свой профиль. Мы используем шаблон, и он генерирует код в соответствии с содержимым.

Flask — это одна из сред веб-разработки, написанная на Python. С помощью flask вы можете запустить цикл в HTML, используя шаблон jinja, и автоматически сгенерировать HTML, используя его.

Код будет храниться в каталогах в формате Flask. Итак, мы создадим две директории,

static — для статических файлов, таких как изображения, css, js
шаблоны — для шаблонов HTML

Файл app.py , который будет содержать все файлы Python, будет храниться в основном каталоге, а файл index.html будет храниться в шаблоны.

app.py
Код app.py одинаков для обоих примеров. Сначала мы распечатаем список Python с некоторыми именами покемонов в формате списка.
а затем таблицу.

# модули импорта

from flask import Flask, render_template

# объявление имени приложения

app = Flask (__ name__)

# составление списка покемонов

Покемоны = [ "Пикачу" , "Чаризард" , "Сквиртл" , "Ji gglypuff" ,

"Бульбазавр" , "Генгар" , " Charmander " , "Мью" , "Lugia" , "Gyarados" ]

# определение домашней страницы

@ app . route ( `/` )

def главная страница ():

# возвращает index.html и список < br> # и длина списка до html страницы

return render_template ( "index.html" , len = len (Покемоны), Покемоны = Покемоны)


 # if __name__ == ' __ main __ ': 
  # работающее приложение 
 app.run (use_reloader   =   True  , отладка   =   True  ) 
 
 Пример № 1: Создание списка  <Мы будем использовать переданный здесь аргумент Pokemons из файла python, чтобы автоматически распечатать список, а не записывать его вниз каждый раз.
index.html
  "! ТИП ДОКТА html > 

 "  html   > 
 "  head   > 
 "  title   > Цикл for в Flask "/   title   > 
 "/   head   > 
 "  body   > 

 "  ol   > 
 <! - Для логики цикла шаблона jinja - > 
 {% для i в диапазоне (0, len)%} 

 & л;   li   > {{Покемоны [i]}} "/   li   > 
 {% endfor%} 
  & л; /   ol   > 

 "/   body   > 
 "/   html   >

Вывод:
без записи каких-либо данных списка список будет создан автоматически. Вы можете использовать css и js, чтобы они выглядели красиво.

Пример № 2: Создание таблицы

Мы будем использовать переданный здесь аргумент Pokemons из файла python, чтобы автоматически распечатать таблицу вместо того, чтобы писать ее самостоятельно. Код app.py для этого примера такой же, как и выше.

index.html

& lt;! ТИП ДОКТА html >

" html >

" head >

" title > Цикл for в Flask "/ title >

"/ head >

<! - Добавление стилей к таблице (НЕОБЯЗАТЕЛЬНО) - >

" style type = "текст/css" >

th: tr {

цвет: синий;

}

tr: nth-of-type (2n) {

border: 1px сплошной черный;

background-color: rgba (150, 150, 150, 0,5);

}

td {

padding: 8px 8px ;

граница: сплошной черный 1 пиксель;

}

"/ стиль >

" body >

" таблица стиль = " margin-left: 20px; " >

<! - Заголовки таблиц - >

" th >

" tr style = "цвет: зеленый;" >

" td > Серийный номер < / td >

" td > Имя покемона < / td >

"/ tr >

"/ th >

<! - Для логики цикла шаблона jinja - >
{% for i in range (0, len)%}

" tr >

" td > {{i}} "/ td >

" td > {{Покемоны [i]}} "/ td >

{% endfor%}


 & л; /   tr   > 

 "/   table   > 


  "/   body   > 
 "/   html   >

Вывод:
без записи каких-либо данных списка таблица будет создана автоматически.

Инструкции по запуску кода:

Загрузите файлы по приведенной выше ссылке или создайте и сохраните код в том же формате
Запустите файл app.py в корневом каталоге
Перейдите на локальный хост (http: //127.0.0.1:5000/ в моем случае) и вот вам сайт