Привет, это снова я с другим постом,
На этот раз мы собираемся узнать, как закодировать простой веб-сервер с помощью 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)