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 开发的最有实质性帮助的工具之一.在此之前的,各种各样的界面库伴随着高昂的维护 ...

随机推荐

【PAT甲级】1003 Emergency (25 分)（SPFA,DFS）
题意:n个点,m条双向边,每条边给出通过用时,每个点给出点上的人数,给出起点终点,求不同的最短路的数量以及最短路上最多能通过多少人.(N<=500) AAAAAccepted code: #in ...
C++11常用特性介绍——array容器
std::array是具有固定大小的数组,支持快速随机访问,不能添加或删除元素,定义于头文件<array>中. 一.概要 array是C++11新引入的容器类型,与内置数组相比,array ...
location练习！（重点）
写location最重要的就是hosts文件,添加一次域名跳转就得添加一条hosts文件 hosts文件: 192.168.200.120 www.a.com 192.168.200.119 www. ...
Jmeter-maven-plugin github 版本插件变更历史
https://github.com/jmeter-maven-plugin/jmeter-maven-plugin/blob/master/CHANGELOG.md
MVC 拦截器
https://www.cnblogs.com/blosaa/archive/2011/06/02/2067632.html
day8 文件的读取
只读只写追加读写功能 username = input('请输入你要注册的用户名:') password = input('请输入你要注册的密码:') with open('list_of_i ...
Linux centosVMware LNMP架构介绍、MySQL安装、PHP安装、Nginx介绍
一. LNMP架构介绍和LAMP不同的是,提供web服务的是Nginx 并且php是作为一个独立服务存在的,这个服务叫做php-fpm Nginx直接处理静态请求,动态请求会转发给php-fpm ...
Daemon——守护进程
守护进程,也就是通常说的Daemon进程,是Linux中的后台服务进程.它是一个生存期较长的进程,通常独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件.守护进程常常在系统引导装入时启动, ...
CSS - 布局流程
一.为了提高网页制作的效率,布局时通常需要遵守一定的布局流程,具体如下: "版心"(可视区) 是指网页中主体内容所在的区域.一般在浏览器窗口中水平居中显示,常见的宽度值为960px ...
7.Varnish
概述 Varnish处理HTTP请求的过程大致分为如下几个步骤: 1> Receive状态:请求处理入口状态,根据VCL规则判断该请求应该Pass或Pipe,还是进入Lookup ...

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

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

随机推荐

热门专题

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

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