gpt4 book ai didi

flask - 为 flask 中的事件元素菜单设置样式

转载 作者:行者123 更新时间:2023-12-03 15:48:41 27 4
gpt4 key购买 nike

我在 flask 中有以下模板结构:

templates/
/posts
list.html
base.html
index.html

我的 base.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ITV</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">

<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</head>

<body>

{%- block topbar -%}
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. -->
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="/">САПР</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Головна</a></li>
<li><a href="/posts">Новини</a></li>
<li><a href="/schedue">Розклад занять</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
{%- endblock -%}

<div class="container">
<div class="content">
{% block page_header %}{% endblock %}
{% block content %}{% endblock %}
</div>
</div>
</body>
</html>

我可以渲染模板,例如:render_template('posts/list.html'),它扩展了我的 base.html

我的列表.html:
{% extends "base.html" %}

{% block content %}

Posts
{% endblock %}

如何在 base.html 中设置事件元素菜单
        <li class="active"><a href="/">Головна</a></li>
<li><a href="/posts">Новини</a></li>
<li><a href="/schedue">Розклад занять</a></li>

当我渲染 list.html 并且无法将数据直接传递到 base.html 时?

最佳答案

在 Flask 中,request变量是 available by default在模板中,所以你可以简单地检查 request.path在您的 base.html并调整您的链接。

<li {% if request.path == '/' %}class="active"{% endif %}>
<a href="/">Головна</a>
</li>

关于flask - 为 flask 中的事件元素菜单设置样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22173041/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com