#模板

{% 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. Mac 系统添加右键功能菜单--新建 office，文档等

    Mac 系统自带右键功能键比较少,可以添加服务来拓展功能项.例如 Windows 系统右键可以新建 Word 文档,Excel 工作表等,Mac 默认没有,需要进行设置添加. 首先 F4 键进入 La ...

  2. php 高级 提高PHP代码的性能10条建议

    1.echo比print要快很多.两个方法都会在页面上打印东西,不过echo不返回任何值,print会在成功或失败的时候返回0或1. 2.include_once比include更加耗时.因为它需要去 ...

  3. 【CoreBluetooth】iOS 系统蓝牙框架

    https://www.jianshu.com/p/eb58dcbae5f9 2016.06.07 23:04* 字数 285 阅读 852评论 4喜欢 3 暂时 第一次功能性研究,具体实现,后续添加 ...

  4. ubuntu开启mysql远程连接，并开启3306端口

    mysql -u root -p 修改mysql库的user表,将host项,从localhost改为%.%这里表示的是允许任意host访问,如果只允许某一个ip访问,则可改为相应的ip mysql& ...

  5. PTA的Python练习题（九）

    从 第3章-18 输出10个不重复的英文字母 继续 1. a=input() b='' c=a.replace(' ','') for i in c: if i not in b: b=b+i d=l ...

  6. PTA的Python练习题（八）

    从 第3章-15 统计一行文本的单词个数 继续 1. s = input() count=0 for c in s: if c==' ': count=count+1 if c=='.': break ...

  7. fiddler 保存请求数据并发送到自己的服务器接口

    通过Rules菜单打开 Customize Rules 搜索 OnBeforeResponse 方法,再方法后面添加如下代码: if (oSession.fullUrl.Contains(" ...

  8. 小白笔记：Git入门之常见命令

    安装 这里就不介绍安装了,度娘一大堆,找不到可以去找谷爹(前提是你能找到).安装好就跟着笔记进行下一步 准备工作 首先我们需要一个可以 git 的东西,所以我们需要一个文件夹和一个文件 创建文件夹 t ...

  9. SPI接口的FLASH

    SPI flash W25Qxx: W25Q系列的spiflash.每页(Page)256B,每16个page为一个sector(扇区=4KB),每16个扇区为一个block(块=64KB) W25Q ...

  10. [转载]android 显示多选列表对话框setMultiChoiceItems

    public class MultiChoiceItemsTest extends Activity implements OnClickListener { private String[] pro ...