zoukankan html css js c++ java

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%}

查看全文

相关阅读:
第一行DOCTYPE 的作用
 es6 proxy、handler.get()
vue router-link 默认a标签去除下划线
 打开记事本
 JS数组遍历的方法
 vue项目中使用proxy解决跨域
 封装axios
postMessage vue iframe传值
 input限制只能输入数字，且保留小数后两位
 axios封装

原文地址：https://www.cnblogs.com/python-diy/p/12166901.html

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

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