Flask：点击HTML按钮控制模板动态渲染的实现难题

现有视图中的HTML代码如下：

<html>
stuff...
{% if thisistrue %}
<p> let me see this </p>
{% endif %}
</html>

需求：仅当点击另一个视图中的按钮时，将thisistrue设为True，否则为False。

最初尝试用Flask动态路由实现，代码如下：

@app.route('/mainroute/<param/')
def main(param):
    if param:
        return render_template(thisistrue = True)
    else:
        return render_template(thisistrue = False)

但该方案与现有子路由（如/mainroute/somethingelse/）冲突，导致实现失败，需解决路由冲突问题并满足需求。

解决方案1：使用查询参数（无状态，适合一次性触发） #

放弃动态路由占位符，改用查询参数传递状态，不会干扰现有子路由：

1. 按钮所在视图的跳转链接：

<!-- 点击按钮后携带查询参数跳转到主路由 -->
<a href="/mainroute?show=true" class="btn">显示内容</a>

2. Flask主路由处理：

from flask import request

@app.route('/mainroute/')
def main():
    # 从查询参数中获取状态，默认False
    thisistrue = request.args.get('show') == 'true'
    return render_template('你的模板文件名.html', thisistrue=thisistrue)

直接访问/mainroute/时thisistrue为False，带上?show=true时为True，不影响/mainroute/somethingelse/这类子路由。

解决方案2：使用Session存储状态（持久化状态） #

如果需要点击按钮后，后续访问主路由都保持显示状态，用Flask的Session：

1. 按钮触发的路由：

from flask import session, redirect, url_for

@app.route('/trigger-show')
def trigger_show():
    session['show_content'] = True
    return redirect(url_for('main'))  # 跳回主路由

2. 主路由处理：

@app.route('/mainroute/')
def main():
    # 从Session读取状态，默认False
    thisistrue = session.get('show_content', False)
    # 若仅需一次性显示，可在此清除状态：session.pop('show_content', None)
    return render_template('你的模板文件名.html', thisistrue=thisistrue)

3. 必须初始化Session密钥（放在Flask实例创建后）：

app.secret_key = 'your_secure_random_key'  # 生产环境用随机生成的安全密钥

解决方案3：使用POST表单（隐藏状态传递） #

不想通过URL暴露状态时，用POST请求：

1. 按钮所在的表单：

<form action="/toggle-content" method="POST">
    <button type="submit">显示内容</button>
</form>

2. Flask处理POST请求：

@app.route('/toggle-content', methods=['POST'])
def toggle_content():
    session['show_content'] = True
    return redirect(url_for('main'))

@app.route('/mainroute/')
def main():
    thisistrue = session.get('show_content', False)
    return render_template('你的模板文件名.html', thisistrue=thisistrue)

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