在 flask + jinja2 项目中，通过 `request.endpoint` 动态为 base.html 中的侧边栏菜单项添加 `.active` 类，实现当前页面对应链接的 css 高亮，无需为每个子模板重复定义导航结构。
要在全局 base.html 中智能高亮当前激活的导航项（如 Dashboard、Feature1、Feature2），核心思路是：利用 Flask 的 request.endpoint 获取当前请求对应的视图函数名，并在 Jinja2 模板中进行条件判断，动态注入 CSS 类。这种方式保持了模板复用性，所有页面继承 base.html 即可自动获得正确的高亮状态。
✅ 正确实现步骤
-
定义 CSS 样式（推荐放在 static/css/style.css 或 ：
.sidebar a { padding: 10px 16px; display: block; color: #333; text-decoration: none; } .sidebar a.active { background-color: #007bff; color: white; font-weight: bold; } -
在 base.html 的侧边栏中使用条件渲染（关键！）：
{% block content %}{% endblock %}
3. **确保路由端点命名清晰（Flask 视图函数）**：
```python
# app.py
@app.route('/')
def dashboard():
return render_template('dashboard.html')
@app.route('/feature1')
def feature1():
return render_template('feature1.html')
@app.route('/feature2')
def feature2():
return render_template('feature2.html')✅ 注意：url_for() 默认使用函数名作为 endpoint，因此无需额外指定 endpoint= 参数；若需自定义 endpoint（如 @app.route('/f1', endpoint='feat1')），则模板中需对应写 {% if request.endpoint == 'feat1' %}。
⚠️ 注意事项与进阶建议
- request.endpoint 是最可靠依据：相比解析 request.path 或 request.url，它不依赖 URL 路径格式，避免因路由参数、尾部斜杠等导致匹配失败。
-
避免硬编码字符串：可将菜单配置抽象为 Python 列表或字典，在模板中循环渲染（提升可维护性）：
{% set menu_items = [ ('dashboard', 'Dashboard'), ('feature1', 'Feature 1'), ('feature2', 'Feature 2') ] %} {% for endpoint, title in menu_items %} {{ title }} {% endfor %} - 兼容蓝图（Blueprint）场景：若使用蓝图（如 admin.dashboard），endpoint 会包含蓝图名，此时需写 {% if request.endpoint == 'admin.dashboard' %}，或统一前缀处理。
- SEO 与可访问性：高亮仅影响视觉样式，语义上仍应保持 标签的正确 href 和语义结构，无需额外 ARIA 属性（除非有复杂交互需求）。
通过这一方案，你只需维护一份 base.html 导航逻辑，所有子页面自动适配当前高亮状态——简洁、健壮、符合 Flask 最佳实践。
