html如何与python连接数据库

HTML 与 Python 连接数据库的方法包括：使用 Flask 框架、Django 框架、WebSocket 技术、AJAX 技术。 使用 Flask 框架是一个较为常见且高效的方法。

一、FLASK 框架

Flask 是一个轻量级的 Python Web 框架，适用于构建小型应用程序。它提供了与数据库交互的多种方法，包括直接使用 SQLAlchemy 或者通过封装好的 ORM（对象关系映射）库。

1、安装和设置

首先，你需要安装 Flask 和 SQLAlchemy：

pip install Flask pip install Flask-SQLAlchemy

接下来，创建一个基本的 Flask 应用程序：

from flask import Flask, render_template
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///test.db'  # 替换为你使用的数据库 URI
db = SQLAlchemy(app)
class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)
    def __repr__(self):
        return '<User %r>' % self.username
@app.route('/')
def index():
    users = User.query.all()
    return render_template('index.html', users=users)
if __name__ == '__main__':
    db.create_all()
    app.run(debug=True)

2、创建 HTML 模板

在 templates 目录下创建一个 index.html 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>User List</title>
</head>
<body>
    <h1>User List</h1>
    <ul>
        {% for user in users %}
            <li>{{ user.username }} - {{ user.email }}</li>
        {% endfor %}
    </ul>
</body>
</html>

这样，你就完成了一个简单的 Flask 应用程序，它可以连接 SQLite 数据库，并将数据展示在 HTML 页面上。

二、DJANGO 框架

Django 是一个功能强大的 Python Web 框架，适用于构建复杂的应用程序。它提供了丰富的数据库操作功能，并支持多种数据库类型。

1、安装和设置

首先，安装 Django：

pip install Django

创建一个新的 Django 项目：

django-admin startproject myproject cd myproject python manage.py startapp myapp

2、配置数据库

在 myproject/settings.py 中配置数据库：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / "db.sqlite3",
    }
}

3、创建模型

在 myapp/models.py 中创建一个模型：

from django.db import models
class User(models.Model):
    username = models.CharField(max_length=80, unique=True)
    email = models.EmailField(unique=True)
    def __str__(self):
        return self.username

4、创建视图和模板

在 myapp/views.py 中创建一个视图：

from django.shortcuts import render
from .models import User
def index(request):
    users = User.objects.all()
    return render(request, 'index.html', {'users': users})

在 myapp/templates 目录下创建一个 index.html 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>User List</title>
</head>
<body>
    <h1>User List</h1>
    <ul>
        {% for user in users %}
            <li>{{ user.username }} - {{ user.email }}</li>
        {% endfor %}
    </ul>
</body>
</html>

在 myapp/urls.py 中配置 URL 路由：

from django.urls import path
from .views import index
urlpatterns = [
    path('', index, name='index'),
]

在 myproject/urls.py 中包含应用的 URL 路由：

from django.contrib import admin
from django.urls import path, include
urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('myapp.urls')),
]

运行迁移命令并启动服务器：

python manage.py migrate python manage.py runserver

这样，你就完成了一个简单的 Django 应用程序，它可以连接 SQLite 数据库，并将数据展示在 HTML 页面上。

三、WEBSOCKET 技术

WebSocket 是一种全双工通信协议，适用于实时数据传输。它可以用于在 HTML 页面与 Python 服务器之间建立长连接，从而实现数据的实时更新。

1、安装和设置

首先，安装 WebSocket 库：

pip install websockets

2、创建 WebSocket 服务器

创建一个 WebSocket 服务器：

import asyncio
import websockets
async def handler(websocket, path):
    while True:
        message = await websocket.recv()
        response = f"Received: {message}"
        await websocket.send(response)
start_server = websockets.serve(handler, "localhost", 8765)
asyncio.get_event_loop().run_until_complete(start_server)
asyncio.get_event_loop().run_forever()

3、创建 HTML 页面

在 HTML 页面中使用 WebSocket：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebSocket Example</title>
</head>
<body>
    <h1>WebSocket Example</h1>
    <button onclick="sendMessage()">Send Message</button>
    <div id="response"></div>
    <script>
        const socket = new WebSocket('ws://localhost:8765');
        socket.onmessage = function(event) {
            document.getElementById('response').innerText = event.data;
        };
        function sendMessage() {
            socket.send('Hello, WebSocket!');
        }
    </script>
</body>
</html>

这样，你就完成了一个简单的 WebSocket 应用程序，它可以在 HTML 页面与 Python 服务器之间进行实时通信。

四、AJAX 技术

AJAX 是一种在不重新加载整个页面的情况下更新网页的方法。它可以用于在 HTML 页面与 Python 服务器之间进行异步数据交换。

1、创建 Python 服务器

使用 Flask 创建一个简单的 API：

from flask import Flask, jsonify
app = Flask(__name__)
@app.route('/api/data')
def get_data():
    data = {'message': 'Hello, AJAX!'}
    return jsonify(data)
if __name__ == '__main__':
    app.run(debug=True)

2、创建 HTML 页面

在 HTML 页面中使用 AJAX：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h1>AJAX Example</h1>
    <button onclick="fetchData()">Fetch Data</button>
    <div id="response"></div>
    <script>
        function fetchData() {
            $.ajax({
                url: '/api/data',
                method: 'GET',
                success: function(data) {
                    document.getElementById('response').innerText = data.message;
                }
            });
        }
    </script>
</body>
</html>