Flask中如何为迭代变量分配Flash类别生成分组表单选项

我想通过给Flash消息分配动态类别，实现下拉框按列分组显示对应值的效果，但当前所有分组都显示了全部Flash值，无法实现列与对应值的绑定。

现有HTML代码 #

<select name="values" size="10" multiple>
    {% with cols = get_flashed_messages(category_filter="columns"),
            vals = get_flashed_messages(category_filter="{{val_by_col}}")%}
        {% for col in cols %}
            <optgroup label = {{ col }}>
                {% for val in vals %}
                    <option>
                        {{ val }}
                    </option>
                {% endfor %}
            </optgroup>
        {% endfor %}
    {% endwith %}
    <input type=submit value=submit>
</select>
</form>

当前效果 #

生成的HTML选择表单:
COLUMN 1
所有Flash值
COLUMN 2
所有Flash值

期望效果 #

理想的HTML选择表单:
COLUMN 1
COLUMN 1对应的Flash值
COLUMN 2
COLUMN 2对应的Flash值

尝试的Python后端代码 #

val_by_col = 0
for col in col_list:
    val_by_col = int(val_by_col ) + 1
    flash(col, 'columns')
    for val in col:
        flash(val, category=val_by_col )

我原本想用递增的val_by_col作为类别，把列和对应值关联起来，但试了str()、f-string、模板变量等写法都没生效，想知道能不能用嵌套字典结合Flash消息来实现需求？

方案1：改用字符串类别关联列与值 #

Flash的类别必须是字符串类型，你之前用整数作为类别会有匹配问题，而且模板里不能直接用{{val_by_col}}动态获取类别——get_flashed_messages是在模板渲染时执行的，循环里的变量无法传入这个函数参数。

修改后端代码，直接用列名作为值的Flash类别：

for col in col_list:
    flash(col, 'columns')
    # 用当前列名作为对应值的类别
    for val in col:
        flash(val, category=col)

然后修改前端模板，在遍历列的循环里，针对每个列名获取对应类别的Flash值：

<select name="values" size="10" multiple>
    {% set cols = get_flashed_messages(category_filter="columns") %}
    {% for col in cols %}
        <optgroup label="{{ col }}">
            <!-- 针对当前列名获取对应的Flash值 -->
            {% set vals = get_flashed_messages(category_filter=col) %}
            {% for val in vals %}
                <option>{{ val }}</option>
            {% endfor %}
        </optgroup>
    {% endfor %}
    <input type="submit" value="submit">
</select>
</form>

方案2：用单次Flash传递嵌套字典（更高效） #

如果列和值的数量较多，多次Flash会有性能损耗，可以把整个列值结构打包成一个字典，用一次Flash传递：

后端代码：

# 构建嵌套字典：键为列名，值为对应选项列表
col_values = {col: list(col) for col in col_list}
flash(col_values, 'col_values')

前端模板：

<select name="values" size="10" multiple>
    {% set col_values = get_flashed_messages(category_filter="col_values")[0] %}
    {% for col, vals in col_values.items() %}
        <optgroup label="{{ col }}">
            {% for val in vals %}
                <option>{{ val }}</option>
            {% endfor %}
        </optgroup>
    {% endfor %}
    <input type="submit" value="submit">
</select>
</form>

内容的提问来源于stack exchange，提问作者Christopher Burrows