2015-18 учебный год. 8-10 "В" класс, экспериментальная группа. Дополнительные материалы

html

flask. Подготовка и технические моменты

flask. Установка дома

Для установки дома один раз из консоли выполните команду

pip install flask

Проверьте, что все работает, выполнив программу из одной строчки

import flask

Не работает? Выполните следующую инструкцию:

Скачайте текущую версию Python c www.python.org.
Если вы устанавливаете Python в пользовательский каталог, типа c:\Users\Иван, и в имени каталога (или в пути вообще) есть русские буквы, то работать ничего не будет! Используйте каталог без русских букв, например, c:\python.
При установке поставьте галочку Add Python to PATH
После установки Python откройте консоль и выполните команду pip install vk

Использование в школе

Такие действия нужно проделывать для запуска программы в школе. Дома вы просто запускаете программу.

Откройте Total commender
В нем нажмите кнопочку ftp, и в появившейся вкладке выберите s43 (или 192.168.43.2).
Используйте логин guest с паролем student
Перейдите в директорию 10v, а в ней - в директорию имени себя (если нет, создайте ее).
В другой панели Total commander откройте директорию, где вы будете сохранять свой файл
Теперь найдите иконку и запустите putty
Там выберите логик на s43 (или 192.168.43.2), используйте логин guest и пароль student
В открывшейся консоли наберите команду cd 10v/vam (вместо vam укажите имя своей директории)
Теперь для запуска своей программы нужно делать следующее: сохранить ее в директории, где вы работаете
С помощью Total commander скопируйте (F5) ее из одной панели в другую
В окне консоли Putty введите команду python3 имя_вашей_программы (если вы такую команду уже вводили, просто нажмите стрелочку вверх)

Первые программы на flask

Первая программа на flask

В параметре port (и в адресе) используйте свое значение порта!

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello World!'

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=25000, debug=True)

Как посмотреть то, что получилось? Запустите браузер и в адресной строке (но не строке поиска) введите адрес:

1543.su:25000

Если вы работаете из дома, и у вас сервер запустился на вашем компьютере, используйте другой адрес:

localhost:25000

Вторая программа на flask

Прежде, чем запускать программу, создайте папку templates, и положите в нее файл myfile.html (не забудьте эту папку и этот файл скопировать на сервер)

from flask import Flask, render_template
app = Flask(__name__)

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

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=25000, debug=True)

Третья программа на flask

from flask import Flask, render_template
app = Flask(__name__)

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

@app.route('/hello/')
@app.route('/hello/<name>')
def hello(name=None):
    return render_template('hello.html', name=name)

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=25000, debug=True)

Пример проекта с формами

Программа на python

from flask import Flask, render_template, request
app = Flask(__name__)

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

@app.route('/hello/')
@app.route('/hello/<name>')
def hello(name=None):
    args = request.args
    if args.get("name"):
        name = args["name"]
    sex = args.get("sex", "Unknown")
    return render_template('hello.html', name=name, sex=sex)

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=25000, debug=True)

templates/mainpage.html

<html>
<head>
<meta http-equiv="Content-Type"; content="text/html; charset=utf-8">
</head>
<body>
<p>Hello! This is simple form
<form action="/hello">
<p>Enter your name: <input type="text" name="name">
<p>Your sex: <input type="radio" name="sex" value="Male">Male <input type="radio" name="sex" value="Female">Female
<p><input type="submit" value="Submit!">
</form>

</body>
</html>

templates/hello.html

<html>
<head>
<meta http-equiv="Content-Type"; content="text/html; charset=utf-8">
</head>
<body>
<p>Hello, {{name}}!
<p>Do you like 
{% if sex == "Male"%}
football?
{% elif sex == "Female"%}
flowers?
{% else %}
cheeseburgers?
{% endif %}

<form action="/hello">
<input type="text" name="name" value="{{name}}" hidden>
<input type="tex" name="sex" value="{{sex}}" hidden>
<input type="submit" name="button" value="Yes">
<input type="submit" name="button" value="No">
</form>

</body>
</html>

</pre>

</body>
</html>