flask base.html解析(flask 47)

用户5760343

发布于 2019-08-15 18:54:45

6980

发布于 2019-08-15 18:54:45

文章被收录于专栏：sktjsktj

{% from 'bootstrap/nav.html' import render_nav_item %} <!DOCTYPE html> <html lang="en"> <head> {% block head %} <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <title>{% block title %}{% endblock title %} - {{ admin.blog_title|default('Blog Title') }}</title> <link rel="icon" href="{{ url_for('static',filename='favicon.ico') }}"> <link rel="stylesheet" href="{{ url_for('static',filename='css/%s.min.css' % request.cookies.get('theme','perfect_blue')) }}" type="text/css"> <link rel="stylesheet" href="{{ url_for('static',filename='css/style.css') }}" type="text/css"> {% endblock head %} </head> <body> {% block nav %} <nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <div class="container"> <a class="navbar-brand" href="{{ url_for('blog.index') }}"> {{ admin.blog_title }} </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarColor01"> <ul class="navbar-nav mr-auto"> {{ render_nav_item('blog.index', 'Home') }} {{ render_nav_item('blog.about', 'About') }} </ul> <ul class="nav navbar-nav navbar-right"> {% if current_user.is_authenticated %} <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> New <span class="caret"></span> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ url_for('admin.new_post') }}">Post</a> <a class="dropdown-item" href="{{ url_for('admin.new_category') }}">Category</a> <a class="dropdown-item" href="{{ url_for('admin.new_link') }}">Link</a> </div> </li> <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Manage <span class="caret"></span> {% if unread_comments %} <span class="badge badge-success">new</span> {% endif %} </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ url_for('admin.manage_post') }}">Post</a> <a class="dropdown-item" href="{{ url_for('admin.manage_category') }}">Category</a> <a class="dropdown-item" href="{{ url_for('admin.manage_comment') }}"> Comment {% if unread_comments %} <span class="badge badge-success">{{ unread_comments }}</span> {% endif %} </a> <a class="dropdown-item" href="{{ url_for('admin.manage_link') }}">Link</a> </div> </li> {{ render_nav_item('admin.settings', 'Settings') }} {% else %} <a href="{{ url_for('auth.login', next=request.full_path) }}">Login</a> {% endif %} </ul> </div> </div> </nav> {% endblock nav %} <main class="container"> {% for message in get_flashed_messages(with_categories=True) %} <div class="alert alert-{{ message[0] }}" role="alert"> <button type="button" class="close" data-dismiss="alert">×</button> {{ message[1] }} </div> {% endfor %} {% block content %}{% endblock content %} {% block footer %} <footer> <p class="float-left"> <small> © 2018 <a href="xxxxxxx" title="xxxxxxx">name</a> - <a href="xxxxxxxxxxxxxx" title="xxxxxxx">address</a> - <a href="xxxxxxx" title="xxxxxxx">heh</a> </small> </p> <p class="float-right"> <small> {% if current_user.is_authenticated %} <a href="{{ url_for('auth.logout', next=request.full_path) }}">Logout</a> {% else %} <a href="{{ url_for('auth.login', next=request.full_path) }}">Login</a> {% endif %} </small> </p> </footer> {% endblock footer %} </main>

{% block scripts %} <script type="text/javascript" src="{{ url_for('static', filename='js/jquery-3.2.1.slim.min.js') }}"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/popper.min.js') }}"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script> <script type="text/javascript" src="{{ url_for('static', filename='js/script.js') }}"></script> {{ moment.include_moment(local_js=url_for('static', filename='js/moment-with-locales.min.js')) }} {% endblock %} </body> </html>

设置标题

<title>{% block title %}{% endblock title %} - {{ admin.blog_title|default('Blog Title') }}</title>

设置动态主题：

导航栏

<nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <div class="container"> <a class="navbar-brand" href="{{ url_for('blog.index') }}"> {{ admin.blog_title }} </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarColor01"> <ul class="navbar-nav mr-auto"> {{ render_nav_item('blog.index', 'Home') }} {{ render_nav_item('blog.about', 'About') }} </ul> <ul class="nav navbar-nav navbar-right"> {% if current_user.is_authenticated %} <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> New <span class="caret"></span> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ url_for('admin.new_post') }}">Post</a> <a class="dropdown-item" href="{{ url_for('admin.new_category') }}">Category</a> <a class="dropdown-item" href="{{ url_for('admin.new_link') }}">Link</a> </div> </li> <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Manage <span class="caret"></span> {% if unread_comments %} <span class="badge badge-success">new</span> {% endif %} </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ url_for('admin.manage_post') }}">Post</a> <a class="dropdown-item" href="{{ url_for('admin.manage_category') }}">Category</a> <a class="dropdown-item" href="{{ url_for('admin.manage_comment') }}"> Comment {% if unread_comments %} <span class="badge badge-success">{{ unread_comments }}</span> {% endif %} </a> <a class="dropdown-item" href="{{ url_for('admin.manage_link') }}">Link</a> </div> </li> {{ render_nav_item('admin.settings', 'Settings') }} {% else %} <a href="{{ url_for('auth.login', next=request.full_path) }}">Login</a> {% endif %} </ul> </div> </div> </nav>

导航栏左边标题

<div class="container"> <a class="navbar-brand" href="{{ url_for('blog.index') }}"> {{ admin.blog_title }} </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>

左边导航栏

<ul class="navbar-nav mr-auto"> {{ render_nav_item('blog.index', 'Home') }} {{ render_nav_item('blog.about', 'About') }} </ul>

右边导航栏

<ul class="nav navbar-nav navbar-right"> {% if current_user.is_authenticated %} <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> New <span class="caret"></span> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ url_for('admin.new_post') }}">Post</a> <a class="dropdown-item" href="{{ url_for('admin.new_category') }}">Category</a> <a class="dropdown-item" href="{{ url_for('admin.new_link') }}">Link</a> </div> </li> <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Manage <span class="caret"></span> {% if unread_comments %} <span class="badge badge-success">new</span> {% endif %} </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ url_for('admin.manage_post') }}">Post</a> <a class="dropdown-item" href="{{ url_for('admin.manage_category') }}">Category</a> <a class="dropdown-item" href="{{ url_for('admin.manage_comment') }}"> Comment {% if unread_comments %} <span class="badge badge-success">{{ unread_comments }}</span> {% endif %} </a> <a class="dropdown-item" href="{{ url_for('admin.manage_link') }}">Link</a> </div> </li> {{ render_nav_item('admin.settings', 'Settings') }} {% else %} <a href="{{ url_for('auth.login', next=request.full_path) }}">Login</a> {% endif %} </ul>

显示提示消息

{% for message in get_flashed_messages(with_categories=True) %} <div class="alert alert-{{ message[0] }}" role="alert"> <button type="button" class="close" data-dismiss="alert">×</button> {{ message[1] }} </div> {% endfor %}

页脚

{% block footer %} <footer> <p class="float-left"> <small> © 2018 <a href="xxxxxxx" title="xxxxxxx">name</a> - <a href="xxxxxxxxxxxxxx" title="xxxxxxx">address</a> - <a href="xxxxxxx" title="xxxxxxx">heh</a> </small> </p> <p class="float-right"> <small> {% if current_user.is_authenticated %} <a href="{{ url_for('auth.logout', next=request.full_path) }}">Logout</a> {% else %} <a href="{{ url_for('auth.login', next=request.full_path) }}">Login</a> {% endif %} </small> </p> </footer> {% endblock footer %}

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019.08.12 ，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript