flask-Bootstrap Jinja2 原生模板和 jumpserver 模板

#模板

{% 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 模板的更多相关文章

【Flask】 Jinja2模板语言
Jinja2 Jinja2是Python Web编程中的主流模板语言.因为flask是基于Jinja2和Werkzeug发展而来,在安装flask的时候jinja2自动就被装在上面了. 之前提到了很多 ...
flask的jinja2模板中过过滤器的相关小内容
jinja2模板中有自带的过滤器,有需要直接拿来使用.也可以自己定义过滤器在过滤器中,有一些常见得操作及关键字.有对字符串的操作,还有对大小写转换的操作.还有对list的操作过滤器的语法 {# 过 ...
flask框架下的jinja2模板引擎(3)(模板继承与可以在模板使用的变量、方法)
flask 框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html flask 框架下的jinja2模块引擎(2):http ...
Flask從入門到入土(三)——模板
模板是一個包含響應文本的文件,其中包含佔位變量表示的動態部分,其具體值只是請求上下文中才能知道.使用真實值替換變量,再返回最終得到的響應字符串,這一過程稱爲渲染.爲了渲染模板,Flask使用了一個名爲 ...
flask模板的基本用法（定界符、模板语法、渲染模板），模板辅助工具（上下文、全局对象、过滤器、测试器、模板环境对象）
flask模板在动态web程序中,视图函数返回的HTML数据往往需要根据相应的变量(比如查询参数)动态生成. 当HTML代码保存到单独的文件中时,我们没法再使用字符串格式化或拼接字符串的当时在HTM ...
7、Flask实战第7天：Jinjia2模板
Jinja2模板介绍和查找路径在前面的章节中,视图只是直接返回文本,然而在实际生产环境中其实很少这样用,因为实际的页面大多带有样式和复杂逻辑的HTML代码,这可以让浏览器其渲染出非常漂亮的页面. 我 ...
Flask入门很轻松（三）—— 模板
Jinja2模板引擎转载请在文章开头附上原文链接地址:https://www.cnblogs.com/Sunzz/p/10959471.html Flask内置的模板语言,它的设计思想来源于 Dja ...
10款最好的 Bootstrap 3.0 免费主题和模板
Twitter Bootstrap 框架已经广为人知,用于加快网站,应用程序或主题的界面开发,并被公认为是迄今对于Web开发的最有实质性帮助的工具之一.在此之前的,各种各样的界面库伴随着高昂的维护成本 ...
30款最好的 Bootstrap 3.0 免费主题和模板
Twitter Bootstrap 框架已经广为人知,用于加快网站,应用程序或主题的界面开发,并被公认为是迄今对于 Web 开发的最有实质性帮助的工具之一.在此之前的,各种各样的界面库伴随着高昂的维护 ...

随机推荐

如何用VBA代码依次打开文件夹下的Excel文件
'Check Public Function Check() As Variant On Error GoTo erlb Dim StrDir As String StrDir = T ...
二十二、mysql 执行计划与存储引擎
1.explain(执行计划)中涉及的各字段理解1.1) select_type列的取值及含义: SIMPLE :简单的SELECT语句(不包括UNION操作或子 ...
Java通过反射实现实例化
public static void main(String[] args) throws Exception { User user= (User) test(User.class); System ...
攻防世界Web进阶-Upload1
进入题目题目提示上传文件,准备好一句话木马. 发现只能上传图片文件,那么再准备一个图片的一句话木马.上传. 浏览器开代理,使用burpsuite拦截,修改文件后缀名为php,否则无法连接使用蚁剑连 ...
ssh访问ubuntu13.10
步骤: 首先确保网络连接是ok,网络连接方式"桥接“,手动配置 ip 192.168.1.9,和主机是同一网段 1.检查当前有没有安装openssh-server(已安装) 2. 安装ope ...
关于热部署Devtools出现同一个类型进行类型转换失败的问题
背景: 最近在和学长们做一个小系统,在进行任务调度的设置的时候会出现类型转换失败的错误,原本是同一个类型的,不应该出现类型转换失败的问题,起初以为是序列化的问题,回来发现并不是这个原因, 报错截图: ...
ES5中的this
参考资料:>>> this的指向在 ES5 中,其实 this 的指向,始终坚持一个原理: this 永远指向最后调用它的那个对象下面我们来看一个最简单的例子:(例子均来自参考资 ...
Mark Grover
https://www.ibm.com/developerworks/cn/data/library/bd-zookeeper/
Oracle常用命令复习(备考资料)
Oracle期末考试复习资料,大概的总结了常用的命令,不包括基础理论知识,有的不太考的东西没有整理.资料整理是在有道云笔记里完成的,在这里重新编辑太麻烦了,就附个链接了. 文档:Oracle命令复习2 ...
Django 学习之内置Admin
一.Admin组件 Django内置的Admin是对于model中对应的数据表进行增删改查提供的组件,使用方式有: Django Admin内部依赖: 依赖APP: django.contrib.au ...

flask-Bootstrap Jinja2 原生 模板 和 jumpserver 模板

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

随机推荐

热门专题

flask-Bootstrap Jinja2 原生模板和 jumpserver 模板

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