Python使用Dominate库生成和操作HTML文档的全过程

pip install dominate

https://github.com/Knio/dominate

import dominate
from dominate.tags import *

# 创建一个 HTML 文档
doc = dominate.document(title='我的第一个 Dominate 页面')

# 添加基本元素
with doc.head:
    link(rel='stylesheet', href='style.css')
    script(type='text/javascript', src='script.js')

with doc.body:
    h1('Hello, Dominate!')
    p('这是一段用 Dominate 生成的文本。')
    a('点击这里', href='http://example.com')

# 打印 HTML 文档
print(doc)

# 创建一个 HTML 文档
doc = dominate.document(title='表格示例')

with doc.body:
    h1('数据表格')
    with table().add(tbody()):
        for i in range(5):
            with tr():
                for j in range(3):
                    td(f'单元格 {i},{j}')

# 打印 HTML 文档
print(doc)

# 创建一个 HTML 文档
doc = dominate.document(title='嵌套结构示例')

with doc.body:
    with div(id='container'):
        h1('嵌套结构')
        with ul():
            for i in range(5):
                li(f'列表项 {i}')
        with div(id='sub-container'):
            p('这是一个嵌套的 div')

# 打印 HTML 文档
print(doc)

# 创建一个 HTML 文档
doc = dominate.document(title='动态内容示例')

# 动态数据
items = ['苹果', '香蕉', '橙子']

with doc.body:
    h1('水果列表')
    with ul():
        for item in items:
            li(item)

# 打印 HTML 文档
print(doc)

from dominate.util import text

def create_page(title, content):
    doc = dominate.document(title=title)
    with doc.body:
        h1(title)
        p(content)
    return doc

# 使用模板创建多个页面
page1 = create_page('页面1', '这是页面1的内容')
page2 = create_page('页面2', '这是页面2的内容')

# 打印 HTML 文档
print(page1)
print(page2)

from flask import Flask
import dominate
from dominate.tags import *

app = Flask(__name__)

@app.route('/')
def index():
    doc = dominate.document(title='Flask 与 Dominate 集成')

    with doc.head:
        link(rel='stylesheet', href='/static/style.css')

    with doc.body:
        h1('Hello, Flask & Dominate!')
        p('这是一段由 Flask 和 Dominate 生成的文本。')

    return str(doc)

if __name__ == '__main__':
    app.run(debug=True)

# 文章数据
articles = [
    {'title': '第一篇文章', 'link': 'article1.html'},
    {'title': '第二篇文章', 'link': 'article2.html'},
    {'title': '第三篇文章', 'link': 'article3.html'},
]

# 创建文章列表页面
doc = dominate.document(title='我的博客')

with doc.head:
    link(rel='stylesheet', href='style.css')

with doc.body:
    h1('我的博客')
    with ul():
        for article in articles:
            li(a(article['title'], href=article['link']))

# 保存 HTML 文档
with open('index.html', 'w', encoding='utf-8') as f:
    f.write(str(doc))

# 文章内容
article_content = """
    这是第一篇文章的内容。
    它展示了如何使用 Dominate 生成文章页面。
"""

# 创建文章内容页面
doc = dominate.document(title='第一篇文章')

with doc.head:
    link(rel='stylesheet', href='style.css')

with doc.body:
    h1('第一篇文章')
    p(article_content)

# 保存 HTML 文档
with open('article1.html', 'w', encoding='utf-8') as f:
    f.write(str(doc))

from flask import Flask, request, render_template_string
import dominate
from dominate.tags import *

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def index():
    doc = dominate.document(title='动态表单生成')

    with doc.head:
        link(rel='stylesheet', href='/static/style.css')

    with doc.body:
        h1('动态表单生成')
        with form(method='POST'):
            label('表单字段数量：')
            input_(type='number', name='field_count', value='1')
            input_(type='submit', value='生成表单')

        if request.method == 'POST':
            field_count = int(request.form.get('field_count', 1))
            with form():
                for i in range(field_count):
                    label(f'字段 {i+1}')
                    input_(type='text', name=f'field{i+1}')
                input_(type='submit', value='提交')

    return str(doc)

if __name__ == '__main__':
    app.run(debug=True)