12-06 验证文本输出
题目
保存包含尖括号、引号和 $ 的书名,核对 HTML 显示、JSON 原文和浏览器节点;保证数据没有在某一步被重复转义。
推导与做法
数据在数据库和 JSON 中保留原字符串,只在进入 HTML 文本节点或属性时转义。把 、引号和 $ 存进书名,JSON 应原样交回,HTML 应显示这些字符。
代码用标准库 HTMLParser 收集文本节点,handle_data 是解析器发现文本时调用的方法。解析后的文本包含原书名,页面源码却不包含那段可执行的 em 标记,说明没有漏转义,也没有把数据重复编码。
过程图
%% 每个节点保留输入、执行位置或执行后的实际状态。
flowchart TD
S0["保存原文含尖括号、引号与$"]
S1["JSON仍交回原字符串"]
S0 --> S1
S2["HTML输出时转义一次"]
S1 --> S2
S3["DOM文本恢复原文,没有生成em节点"]
S2 --> S3
classDef default fill:#EEF0FB,stroke:#4657B5,color:#24324A
linkStyle default stroke:#4657B5
实现与运行
查看带注释实现。本题与相关处理函数放在同一章节代码文件中;启动工具负责定位相邻项目和选择题号。
在配套目录的 Web应用共同基础/web_project 中运行。先按项目 README 执行 uv sync --locked。
# 使用项目解释器运行本题,题号决定执行哪一组演示。
uv run python "../../学习索引/参考实现/代码/ch12.py" 12-06
程序按题号输出处理后的值、查询结果或状态。先和前面的手算比较,再修改一项输入重跑。
查看本题运行结果
# 与上面的手算状态和题目数值逐项比较。
{
"json": "<em>\"Python\" $</em>",
"dom_text_contains_original": true,
"html_escaped": true
}