Как подключить скрипт на Python к HTML странице? 🐍
<script src="script.py"></script>
Детальный ответ
Как подключить скрипт на Python к HTML странице
Для того чтобы подключить скрипт на Python к HTML странице, есть несколько способов, которые мы рассмотрим в этой статье.
1. Использование CGI скриптов
CGI (Common Gateway Interface) позволяет вам выполнять скрипты на сервере и выводить результат на веб-страницу. Для подключения скрипта на Python к HTML странице с использованием CGI, вам потребуется:
- Создать CGI-скрипт на Python. Пример:
- Создать HTML-страницу и указать путь к CGI-скрипту в атрибуте "action" формы. Пример:
#!/usr/bin/env python
print("Content-Type: text/html") # Заголовок страницы
print() # Пустая строка, разделяющая заголовок и содержимое
print("Hello, World!
") # Содержимое страницы
<!DOCTYPE html>
<html>
<head>
<title>Пример подключения CGI-скрипта</title>
</head>
<body>
<form action="/cgi-bin/hello.py" method="post">
<input type="submit" value="Отправить">
</form>
</body>
</html>
При выполнении данного подхода, вы должны убедиться, что CGI-скрипт на Python находится по указанному в HTML пути.
2. Использование Flask
Flask - это веб-фреймворк для Python, который позволяет создавать веб-приложения. Для подключения скрипта на Python к HTML странице с использованием Flask, выполните следующие шаги:
- Установите Flask, если он еще не установлен, используя команду pip install flask.
- Создайте файл с именем "app.py" и добавьте следующий код:
- Создайте HTML-страницу с именем "index.html" и разместите ее в папке "templates" внутри вашего проекта Flask. Пример содержимого страницы:
from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def index():
return render_template("index.html")
if __name__ == "__main__":
app.run(debug=True)
<!DOCTYPE html>
<html>
<head>
<title>Пример подключения скрипта с использованием Flask</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>{{ message }}</p>
</body>
</html>
После запуска вашего Flask приложения, вы сможете увидеть содержимое "index.html" по адресу http://localhost:5000, где будет отображено сообщение "{{ message }}". Вы можете изменить это сообщение, передавая значения в контексте в функции-обработчике.
3. Использование JavaScript
Если вы хотите подключить скрипт на Python к HTML странице без использования серверной части, вы можете воспользоваться JavaScript. Вот пример:
- Создайте Python скрипт. Пример:
- Создайте HTML-страницу и включите JavaScript код, который будет получать результаты из Python скрипта и выводить их на странице. Пример:
- Создайте JavaScript скрипт "script.js", который будет выполнять запрос к Python скрипту и обновлять содержимое элемента с id "message". Пример:
# script.py
def get_message():
return "Hello, World!"
<!DOCTYPE html>
<html>
<head>
<title>Пример подключения скрипта на Python с использованием JavaScript</title>
<script src="script.js"></script>
</head>
<body>
<h1>Привет, мир!</h1>
<p id="message"></p>
<script>
fetch("/api/message")
.then(response => response.text())
.then(data => {
document.getElementById("message").innerHTML = data;
});
</script>
</body>
</html>
// script.js
fetch("/api/message")
.then(response => response.text())
.then(data => {
document.getElementById("message").innerHTML = data;
});
Перейдя по адресу вашей HTML страницы, JavaScript код выполнит запрос к Python скрипту и обновит содержимое элемента с id "message" результатами.