from flask import Flask, render_template  
app = Flask(__name__)  

@app.route("/")  
def home():  
    data = {"name": "Alice", "items": ["Apple", "Banana"]}  
    return render_template("index.html", **data)  # 模板路径：templates/index.html  

<h1>Hello, {{name}}!</h1>  
<ul>  
{% for item in items %}  
  <li>{{item}}</li>  
{% endfor %}  
</ul>  

服务器端模板渲染（Server-Side Template Rendering）的原理与实现 1. 问题描述 服务器端模板渲染是后端框架中常见的页面生成技术，它通过将数据嵌入预定义的模板（包含静态内容和动态占位符），在服务器端生成完整的HTML页面后返回给客户端。与之相对的是客户端渲染（如React/Vue）。面试中常考察其工作原理、性能优化及与客户端渲染的对比。 2. 核心概念解析 模板（Template） ：一个包含静态HTML和动态占位符（如 {{user.name}} ）的文件。 数据模型（Data Model） ：后端从数据库或API获取的数据（如JSON对象）。 渲染引擎（Template Engine） ：将模板与数据结合，替换占位符，生成最终HTML的程序（如Jinja2、Thymeleaf、EJS）。 3. 模板渲染的步骤 步骤1：模板解析 引擎读取模板文件，将其解析为抽象语法树（AST）或可执行函数。 例如，模板 <h1>Hello, {{name}}!</h1> 会被解析为： 静态文本： <h1>Hello, 动态变量： name 静态文本： !</h1> 关键优化 ：部分引擎会预编译模板为缓存函数，避免重复解析。 步骤2：数据绑定 将数据模型中的值填充到占位符： 若数据为 {name: "Alice"} ，引擎将 {{name}} 替换为 Alice 。 复杂处理 ：支持条件判断（如 {% if user.isAdmin %} ）和循环（如 {% for item in list %} ），通过AST节点控制逻辑流。 步骤3：HTML生成与转义 动态内容需进行HTML转义（如将 < 转为 &lt; ），防止XSS攻击。 部分引擎提供“非转义输出”（如 {{{htmlContent}}} ）用于安全HTML片段。 步骤4：响应返回 生成的HTML作为HTTP响应返回浏览器，浏览器直接解析渲染。 4. 性能优化策略 模板缓存 ：编译后的模板缓存在内存，减少I/O和解析开销。 局部渲染 ：仅更新变化的模板部分（如Fragment Caching）。 静态化 ：将动态页面预渲染为静态HTML（适用于内容不变的页面）。 5. 与客户端渲染的对比 | 维度 | 服务器端渲染 | 客户端渲染 | |------------------|------------------------------------|-----------------------------------| | 首屏加载速度 | 快（直接返回HTML） | 慢（需下载JS后渲染） | | SEO支持 | 友好（内容直接可见） | 需额外处理（如预渲染） | | 服务器压力 | 高（每次请求需渲染） | 低（静态资源可CDN缓存） | 6. 实际应用示例（Python Flask + Jinja2） 模板文件 index.html ： 7. 扩展思考 同构渲染（SSR + CSR） ：结合两者优势，如Next.js/Vue SSR。 边缘渲染 ：利用CDN边缘节点执行模板渲染，减少延迟。 通过以上步骤，服务器端模板渲染将动态数据高效转化为用户可见的页面，平衡性能与开发效率。