Привет, это снова я с другим постом,

На этот раз мы собираемся узнать, как закодировать простой веб-сервер с помощью python, используя Flask Framework,

Если вы еще не установили Python, перейдите по этой ссылке.

Хорошо, давайте начнем.

Во-первых, давайте установим виртуальную среду.

pip install virtualenv

Хорошо, теперь, когда он загружен, давайте создадим папку.

Я назвал его WebPage, но вы можете назвать его как угодно.

хорошо, теперь откройте командную строку и измените ее каталог на каталог, в котором находится папка, затем введите команду ниже.

python -m virtualenv venv

После завершения введите эту команду

.\venv\Scripts\activate

хорошо, теперь виртуальная среда настроена. Давайте установим Flask здесь

pip install Flask

Хорошо, теперь, когда все настроено, приступим к кодированию.

Хорошо, сначала создайте файл python [файлы .py] и назовите его как хотите.

хорошо, теперь внутри файла нам сначала нужно импортировать Flask Framework.

import flask

После этого поместите этот код внутри после строки импорта фляги

app = flask.Flask(__name__)
app.run('127.0.0.1', '5900')

если вы запустите этот код сейчас, этот текст появится в вашей командной строке

теперь, если вы зайдете на https://localhost:5900/

вы получите эту ошибку/страницу [Чтобы остановить сервер, нажмите ctrl+c]

Если вам интересно, почему это происходит, то это потому, что в нашем коде нет маршрутов.

Хорошо, теперь мы должны сделать маршруты.

Современные веб-фреймворки используют маршруты, чтобы помочь человеку, который посещает ваш сайт, запомнить URL-адрес веб-сайта [например, /home, /about, /about/support и т. д.…]

для создания маршрутов мы используем декоратор route() flask для привязки URL к функции,

Например;

хорошо, теперь нам нужен только один маршрут для этого сайта, вы можете добавить больше, если хотите

app = flask.Flask(__name__)
@app.route('/')
def main()
  return 'hello'
app.run('127.0.0.1', '5900')

хорошо, если вы запустите это сейчас и перейдете на порт 5900. вы получите подобную страницу.

хорошо, это [очень] простая страница

Хорошо, теперь давайте добавим html и CSS.

Сначала создайте 2 папки

один называется шаблонами, другой называется статическим.

в папке шаблонов вы размещаете свои html файлы

в статическом файле вы помещаете изображения, файлы CSS и js

Хорошо, теперь в папке шаблонов создайте файл index.html.

и поместите этот код в

<!DOCTYPE html>
<html>
    <body>
        <h1>Hello</h1>
        <p>Welcome to this page</p>
        <!--Code by Sasen-Perera-->     
     </body>
</html>

после того, как вы вставите этот код, вернитесь к скрипту Python, перейдите к коду маршрута и обновите его до этого.

@app.route('/')
def main():
    return flask.render_template('index.html')

render_template() - это метод отображения html-файла.

и теперь, если вы запустите его и зайдете в порт, вы должны увидеть что-то вроде этого.

Если вы видите это, значит, код работает, и теперь давайте добавим немного стиля на эту страницу с помощью CSS.

Создайте файл style.css в статической папке.

затем вернитесь к файлу index.html и добавьте эти строки кода между тегом html и тегом body.

<head>
    <link rel="stylesheet" href='/static/style.css'>
</head>

хорошо, теперь файл CSS связан, давайте перейдем к файлу CSS и добавим этот код

/*Code by Sasen-Perera*/
body{
  background-color: blue;
}
h1{
  font-family: 'Courier New', Courier, monospace;
}
p{
  font-family: 'Courier New', Courier, monospace;
  color: cyan;
}

После этого запустите код и перейдите на локальный хост

если вы видите такую ​​страницу, поздравляю, ваша страница завершена, и именно так вы создаете простую веб-страницу с помощью Flask Framework.

Есть много вещей, которые вы можете сделать с помощью Flask Framework, это только основы.

Также готовые файлы и папки должны выглядеть так

Вот и все для этого урока.

Увидимся в следующем посте!…

Полный код находится по ссылке Github -> Sas2k/Simple-Flask-Website: код из руководства в моем блоге (github.com)