#模板

{% block doc -%}

<!DOCTYPE html>

<html{% block html_attribs %}{% endblock html_attribs %}>

{%- block html %}

  <head>

    {%- block head %}

    <title>{% block title %}{{title|default}}{% endblock title %}</title>

    {%- block metas %}

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    {%- endblock metas %}

    {%- block styles %}

    <!-- Bootstrap -->

    <link href="{{bootstrap_find_resource('css/bootstrap.css', cdn='bootstrap')}}" rel="stylesheet">

    {%- endblock styles %}

    {%- endblock head %}

  </head>

  <body{% block body_attribs %}{% endblock body_attribs %}>

    {% block body -%}

    {% block navbar %}

    {%- endblock navbar %}

    {% block content -%}

    {%- endblock content %}

    {% block scripts %}

    <script src="{{bootstrap_find_resource('jquery.js', cdn='jquery')}}"></script>

    <script src="{{bootstrap_find_resource('js/bootstrap.js', cdn='bootstrap')}}"></script>

    {%- endblock scripts %}

    {%- endblock body %}

  </body>

{%- endblock html %}

</html>

{% endblock doc -%}

　　

#jumpserver横板

{% block doc %}

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="renderer" content="webkit">

    {% block Title %}

    <title>My_自动化安装系统测试版</title>

    <link rel="shortcut icon" href="/static/img/facio.ico" type="image/x-icon">

    {% endblock %}

     {% block css %}

    <!-- css file -->

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">

    <link href="/static/css/font-awesome.min.css" rel="stylesheet">

    <link href="/static/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <link href="/static/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

    <link href="/static/css/style.css" rel="stylesheet">

    <link href="/static/css/plugins/vaildator/jquery.validator.css" rel="stylesheet">

    <link href="/static/css/plugins/datatables/datatables.min.css" rel="stylesheet">

    {% endblock %}

    {% block jscript %}

    <!-- scripts -->

    <script src="/static/js/jquery-3.1.1.min.js"></script>

    <script src="/static/js/plugins/sweetalert/sweetalert.min.js"></script>

    <script src="/static/js/bootstrap.min.js"></script>

    <script src="/static/js/plugins/datatables/datatables.min.js"></script>

    <link href="/static/css/jumpserver.css" rel="stylesheet">

    <script src="/static/script/bootstrap-table.min.js"></script>

    <script src="/static/script/bootstrap-table-zh-CN.min.js"></script>

    {% endblock %}

    <head>

{% endblock %}

{% block head %}

<body>

<!-- tites -->

{% block My_tites %}

    <dev><h2>什么都没有继承！</h2></dev>

{% endblock %}

</body>

<script src="/static/script/handler.js" type="text/javascript"></script>

<script type="text/javascript"></script>

</html>

{% endblock %}

　　

#最后修改完成  jumpserver 背景

{% block doc %}

<!DOCTYPE html>

<html>

<!-- reload  头部 -->

    {% block head %}

<head>

        <!-- reload  背景色 -->

        {%- block metas %}

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="renderer" content="webkit">

    {% endblock  metas %}

        <!-- reload  css stye -->

     {% block css %}

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">

    <link href="/static/css/font-awesome.min.css" rel="stylesheet">

    <link href="/static/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <link href="/static/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

    <link href="/static/css/style.css" rel="stylesheet">

    <link href="/static/css/plugins/vaildator/jquery.validator.css" rel="stylesheet">

    <link href="/static/css/plugins/datatables/datatables.min.css" rel="stylesheet">

    {% endblock  css%}

        <!--网页标题  图标-->

     {% block Title %}

    <title>My_自动化安装系统测试版</title>

    <link rel="shortcut icon" href="/static/img/facio.ico" type="image/x-icon">

    {% endblock Title%}

    <head>

{% endblock  head%}

<!--主内容body 部份 -->

{% block body %}

<body>

<!-- main 主入口 -->

{% block content %}

{% endblock content%}

</body>

{% endblock body %}

    <!-- reload jscript -->

    {% block jscript %}

    <script src="/static/js/jquery-3.1.1.min.js"></script>

    <script src="/static/js/plugins/sweetalert/sweetalert.min.js"></script>

    <script src="/static/js/bootstrap.min.js"></script>

    <script src="/static/js/plugins/datatables/datatables.min.js"></script>

    <link href="/static/css/jumpserver.css" rel="stylesheet">

    <script src="/static/script/bootstrap-table.min.js"></script>

    <script src="/static/script/bootstrap-table-zh-CN.min.js"></script>

    {% endblock %}

</html>

{% endblock   doc%}

　　

flask-Bootstrap Jinja2 原生 模板 和 jumpserver 模板的更多相关文章

  1. 【Flask】 Jinja2模板语言

    Jinja2 Jinja2是Python Web编程中的主流模板语言.因为flask是基于Jinja2和Werkzeug发展而来,在安装flask的时候jinja2自动就被装在上面了. 之前提到了很多 ...

  2. flask的jinja2模板中过过滤器的相关小内容

    jinja2模板中有自带的过滤器,有需要直接拿来使用.也可以自己定义过滤器 在过滤器中,有一些常见得操作及关键字.有对字符串的操作,还有对大小写转换的操作.还有对list的操作 过滤器的语法 {# 过 ...

  3. flask框架下的jinja2模板引擎(3)(模板继承与可以在模板使用的变量、方法)

    flask 框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html flask 框架下的jinja2模块引擎(2):http ...

  4. Flask從入門到入土(三)——模板

    模板是一個包含響應文本的文件,其中包含佔位變量表示的動態部分,其具體值只是請求上下文中才能知道.使用真實值替換變量,再返回最終得到的響應字符串,這一過程稱爲渲染.爲了渲染模板,Flask使用了一個名爲 ...

  5. flask模板的基本用法（定界符、模板语法、渲染模板），模板辅助工具（上下文、全局对象、过滤器、测试器、模板环境对象）

    flask模板 在动态web程序中,视图函数返回的HTML数据往往需要根据相应的变量(比如查询参数)动态生成. 当HTML代码保存到单独的文件中时,我们没法再使用字符串格式化或拼接字符串的当时在HTM ...

  6. 7、Flask实战第7天：Jinjia2模板

    Jinja2模板介绍和查找路径 在前面的章节中,视图只是直接返回文本,然而在实际生产环境中其实很少这样用,因为实际的页面大多带有样式和复杂逻辑的HTML代码,这可以让浏览器其渲染出非常漂亮的页面. 我 ...

  7. Flask入门很轻松（三）—— 模板

    Jinja2模板引擎 转载请在文章开头附上原文链接地址:https://www.cnblogs.com/Sunzz/p/10959471.html Flask内置的模板语言,它的设计思想来源于 Dja ...

  8. 10款最好的 Bootstrap 3.0 免费主题和模板

    Twitter Bootstrap 框架已经广为人知,用于加快网站,应用程序或主题的界面开发,并被公认为是迄今对于Web开发的最有实质性帮助的工具之一.在此之前的,各种各样的界面库伴随着高昂的维护成本 ...

  9. 30款最好的 Bootstrap 3.0 免费主题和模板

    Twitter Bootstrap 框架已经广为人知,用于加快网站,应用程序或主题的界面开发,并被公认为是迄今对于 Web 开发的最有实质性帮助的工具之一.在此之前的,各种各样的界面库伴随着高昂的维护 ...

随机推荐

  1. CentOS修改各大yum源(centos5,centos6,centos7)

    备份原配置文件 进入yum源配置目录: cd /etc/yum.repos.d 如果没有先安装wget: sudo yum install wget 修改yum源,就是修改CentOS-Base.re ...

  2. oracle SQL 练习

    COURSE 表 DROP TABLE "SCOTT"."course"; CREATE TABLE "SCOTT"."cours ...

  3. 记录6--Java栈堆

    class Person { int age; } public class LearnHeap { public static void main(String args[]){ int a=18; ...

  4. Linux centos VMware Nginx防盗链、Nginx访问控制、Nginx解析php相关配置、Nginx代理

    一.Nginx防盗链 配置如下,可以和上面的配置结合起来 location ~* ^.+\.(gif|jpg|png|swf|flv|rar|zip|doc|pdf|gz|bz2|jpeg|bmp|x ...

  5. CSP2019 Emiya 家今天的饭

    Description: 有 \(n\) 中烹饪方法和 \(m\) 种食材,要求: 至少做一种菜 所有菜的烹饪方法各不相同 同种食材的菜的数量不能超过总菜数的一半 求做菜的方案数. Solution1 ...

  6. 38 java 使用标签跳出多层嵌套循环

    public class Interview { public static void main(String[] args) { //使用带标签的break跳出多层嵌套循环 Boolean flag ...

  7. shell 脚本通过Webhook 发送消息到微信群

    代码如下: #!/bin/sh # Filename: msg.sh # # Usage msg.sh "message text" # # 1. check if missing ...

  8. 标准盒模型、怪异盒模型（box-sizing）

    CSS中Box model是分为两种: W3C标准(标准盒模型) 和 IE标准盒子模型(怪异盒模型).大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准. 重要的一个属性是bo ...

  9. Python 爬取 北京市政府首都之窗信件列表-[Scrapy框架](2020年寒假小目标04)

    日期:2020.01.22 博客期:130 星期三 [代码说明,如果要使用此页代码,必须在本博客页面评论区给予说明] //博客总体说明 1.准备工作(本期博客) 2.爬取工作 3.数据处理 4.信息展 ...

  10. MVC PartialView使用

    https://blog.csdn.net/mss359681091/article/details/51181037