#模板

{% 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. Update(stage3)：第1节 redis组件：4、安装(略)；5、数据类型(略)；6、javaAPI操作；

    第三步:redis的javaAPI操作 操作string类型数据 操作hash列表类型数据 操作list类型数据 操作set类型的数据 详见代码

  2. Python图文识别技术【入门必学】

    Python图文识别技术分享 使用 tesseract-ORC 识别文字,识别率不算太高,需要自我训练 tessdata 数据,才能更精确的识别你想要让电脑认识出来的文字!ps:另外很多人在学习Pyt ...

  3. cubic-bezier 个人学习理解

    cubic-bezier 三次贝塞尔曲线函数,是一种动画的速度曲线.根据动画设置的时间,速度相应变化 四个点 P0,P1,P2,P3,其中P0是起点,坐标(0,0),P3是终点,坐标(1,1) PI和 ...

  4. 获取一个元素距离顶部的位置和window的滚动值

    获取一个元素距离顶部的位置: $(".box").offset().top; 获取window的滚动值: $(window).scrollTop();

  5. pdf.js-----后端返回utf-8数据流，前端处理数据展示pdf

    需求:做项目联调接口时,发现知识库展示pdf未果,经与后端人员沟通,发现以下问题: 1.接口返回的是utf-8数据流,但是前端调用的是base64解析方法: 导致功能有误: 方案一:将后端返回的utf ...

  6. Docker如何使用nginx搭建tomcat集群

    首先创建tomcat的文件夹 , 为了方便docker的配置 我这里直接在根目录中创建 第一步:创建文件夹:发布文件夹 mkdir -p /docker/tomcat/webapp8081 mkdir ...

  7. SLT学习——leafes tree扩展 【文艺平衡树】

    这是一个全新的数据结构 md,别看这篇文章了,这篇已经废了. 百折不饶,再交一次,更新复杂度证明 这里是HYF,蒟蒻一只,最近因某些原因开始学数据结构了,然后就写了这篇题解. 下面给大家介绍一个全新的 ...

  8. 【快学springboot】使用springboot发送邮件

    前言 在实际项目中,经常需要用到邮件通知功能.比如,用户通过邮件注册,通过邮件找回密码等:又比如通过邮件发送系统情况,通过邮件发送报表信息等等,实际应用场景很多.这篇文章,就教大家通过springbo ...

  9. ClientDataSet.locate报错问题

    数据集循环之后如果使用locate定位,需要首先将数据集first

  10. No module named 'PyQt5.QtWebEngineWidgets' 解决方法

    “No module named 'PyQt5.QtWebEngineWidgets”报错的原因是PyQt5版本过高,解决方法主要有两大类方法: [方法一] 指定安装5.10.1版本的pyqt5 pi ...