用HTML做页面、Python写逻辑，怎么把前后端连起来跑起来？

可以使用 HTML 编写前端，Python 编写后端，以下是几种常见的实现方法： ### Flask 框架实现 Flask 是一个轻量级的 Python Web 框架，适合快速搭建小型 Web 应用。 #### 步骤 1. **安装 Flask** ```bash pip install flask ``` 2. **编写 Python 后端代码** ```python from flask import Flask, render_template, request app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/submit', methods=['POST']) def submit(): data = request.form.get('input_data') # 这里可以对 data 进行处理 result = f'你输入的内容是: {data}' return result if __name__ == '__main__': app.run(debug=True) ``` 3. **创建 HTML 前端文件** 在项目根目录下创建一个`templates`文件夹，并在其中创建`index.html`文件。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML + Python</title> </head> <body> <form action="/submit" method="post"> <input type="text" name="input_data" placeholder="输入一些内容"> <input type="submit" value="提交"> </form> </body> </html> ``` ### Django 框架实现 Django 是一个功能强大的 Python Web 框架，提供了许多内置的功能，如数据库管理、用户认证等。 #### 步骤 1. **安装 Django** ```bash pip install django ``` 2. **创建 Django 项目和应用** ```bash django-admin startproject myproject cd myproject python manage.py startapp myapp ``` 3. **配置项目** 在`myproject/settings.py`中，将`myapp`添加到`INSTALLED_APPS`列表中。 4. **编写 Python 后端代码** 在`myapp/views.py`中编写视图函数： ```python from django.shortcuts import render from django.http import HttpResponse def index(request): return render(request, 'index.html') def submit(request): if request.method == 'POST': data = request.POST.get('input_data') result = f'你输入的内容是: {data}' return HttpResponse(result) ``` 在`myapp/urls.py`中配置 URL： ```python from django.urls import path from . import views urlpatterns = [ path('', views.index, name='index'), path('submit/', views.submit, name='submit'), ] ``` 在`myproject/urls.py`中包含`myapp`的 URL： ```python from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('', include('myapp.urls')), ] ``` 5. **创建 HTML 前端文件** 在`myapp`目录下创建`templates`文件夹，并在其中创建`index.html`文件，内容与 Flask 示例中的`index.html`类似。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

下一篇 Python里的心海流光效果是怎么用爱心曲线和粒子动画做出来的？

目录

用HTML做页面、Python写逻辑，怎么把前后端连起来跑起来？

Python内容推荐

【方法】html调用本地python程序进行交互 前后端交互.zip

Python+HTML前后端交互[代码]

Python/HTML5 三国杀

python加html做彩票数据可视化大屏源码

李洵爱心代码html 和python转载

python快排全套带环境前后端.zip

Python Flask前后端Ajax交互的方法示例

Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例

Python-pythonvue3前后端分离项目

Python-DOMfuzzer一个HTML页面混淆加密器

区域选择前后端代码-python

Python使用urllib2模块抓取HTML页面资源的实例分享

Python + Html 实现文件快速访问

Python flask框架如何显示图像到web页面

Python-jparser一个强大的python解析器可以从HTML页面中提取标题内容图像

在Python中使用HTML模版的教程

python+django+mysql+vue前后端分离开发的小型电子商务管理系统，含独立后端

Python flask框架实现浏览器点击自定义跳转页面

django创建最简单HTML页面跳转方法

电子商务购物静态页面html

VS2022配置OpenCV[源码]

opencv4.7.0用VS2022编译的debug和release库

OpenCV源码阅读教程[项目代码]

编译GPU加速OpenCV[可运行源码]

OpenCV4.8+CUDA编译教程[源码]

学生成绩管理系统C++课程设计与实践

别再手动拖拽了！用Lumerical脚本批量创建FDTD仿真结构（附完整代码）

Java邮件解析任务中，如何安全高效地提取HTML邮件内容并避免硬编码、资源泄漏和类型转换异常？

RH公司应收账款管理优化策略研究

新手别慌！用BingPi-M2开发板带你5分钟搞懂Tina Linux SDK目录结构

【方法】html调用本地python程序进行交互前后端交互.zip