本文详解如何将 Flask 中 SQLite 查询的结构化数据（尤其是嵌套的员工排班列表）合理组织并传递至 Jinja 模板，避免因数据结构不匹配导致 {{ vagter[loop.index0]['weekday'] == 0 }} 等条件判断失败，并提供可直接运行的周历表格渲染方案。
本文详解如何将 flask 中 sqlite 查询的结构化数据（尤其是嵌套的员工排班列表）合理组织并传递至 jinja 模板，避免因数据结构不匹配导致 `{{ vagter[loop.index0]['weekday'] == 0 }}` 等条件判断失败，并提供可直接运行的周历表格渲染方案。
在 Flask + Jinja 开发中，模板无法直接执行 SQL，所有数据库逻辑必须在视图函数（如 index()）中完成，并以清晰、扁平、可索引的数据结构（如字典列表或分组对象）传递给模板。你原代码中 vagthvemhvornår 是一个二维列表：[ [shift_row1, shift_row2, ...], [shift_row3, ...], ... ]，而 Jinja 中 vagter[loop.index0] 实际指向的是某位员工的所有排班记录列表（即 list），而非单个 dict——因此 vagter[loop.index0]['weekday'] 会报错（TypeError: list indices must be integers）。
✅ 正确做法是：在后端统一查询 + 结构化分组，前端用 Jinja 的 groupby 和 selectattr 进行声明式渲染。
✅ 推荐方案：单次查询 + 按员工 ID 分组 + 周维度遍历
首先，确保数据库表结构支持高效关联（示例基于标准 SQLite）：
-- 示例建表语句（供参考） CREATE TABLE emp (empid INTEGER PRIMARY KEY, empname TEXT NOT NULL); CREATE TABLE shifts (shiftid INTEGER PRIMARY KEY, empid INTEGER, weekday INTEGER CHECK(weekday BETWEEN 0 AND 6));
然后，在 Flask 视图中一次性获取所有员工及其排班，并预定义一周顺序（注意：SQLite 中 weekday=0 通常表示周日）：
@app.route('/')
def index():
# 定义标准周序（0=Sunday, 1=Monday...6=Saturday），用于模板对齐
week = [
(0, 'Sunday'), (1, 'Monday'), (2, 'Tuesday'),
(3, 'Wednesday'), (4, 'Thursday'), (5, 'Friday'), (6, 'Saturday')
]
# 单次 JOIN 查询：获取所有员工姓名 + 对应排班信息
data = query_db('''
SELECT
emp.empid,
emp.empname,
shifts.shiftid,
shifts.weekday
FROM emp
LEFT JOIN shifts ON emp.empid = shifts.empid
ORDER BY emp.empid, shifts.weekday
''')
return render_template('index.html', data=data, week=week)? 关键点：使用
LEFT JOIN确保即使某员工无排班记录，其姓名仍会出现在结果中；ORDER BY保证分组稳定性。
? Jinja 模板：用 groupby + selectattr 实现“员工 × 周日”矩阵
在 index.html 中，利用 Jinja 内置过滤器构建表格：
<table class="table table-bordered">
<thead>
<tr>
<th>Employee</th>
{% for day_num, day_name in week %}
<th>{{ day_name }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for empid, emp_shifts in data|groupby('empid') %}
<tr>
<th>{{ (emp_shifts|first).empname }}</th>
{% for day_num, _ in week %}
{% set has_shift = emp_shifts|selectattr('weekday', 'equalto', day_num)|list %}
<td class="text-center">
{% if has_shift %}✅{% else %}—{% endif %}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>? 提示：
data|groupby('empid')将查询结果按empid自动拆分为(empid, [row1, row2, ...])元组；selectattr('weekday', 'equalto', day_num)精准筛选当日排班；|list转为布尔可判空列表。
⚠️ 注意事项与调试建议
- 不要在模板中写 SQL 或复杂逻辑：Jinja 是展示层，所有数据准备、关联、聚合必须在 Python 视图中完成。
-
验证数据结构：开发时可在模板顶部加
{% for d in data %}{{ d|pprint }}{% endfor %}快速查看实际传入格式。 -
空值处理：若某员工某天无排班，
LEFT JOIN会返回None值，selectattr会自动跳过，无需额外判空。 -
性能优化：对于大量员工/排班，可考虑在 SQL 层用
GROUP_CONCAT预聚合，但 Jinja 分组已足够应对中小型项目。
通过这种「后端结构化 + 前端声明式渲染」模式，你不仅能解决 if 判断失效问题，还能轻松扩展为月视图、颜色标记、点击编辑等交互功能——这才是 Web 模板引擎的最佳实践。
