使用模板的继承可以重复使用相同结构的模板, 可以大大减少代码量

入门实例

一、demo目录结构

注解：

master.html为模板内容，被index.html，account.html引用

二、各文件代码

2.1、master.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Master</title>

     <style>

         *{

             margin: 0;

             padding: 0;

         }

         .page-header{

             height: 48px;

             background-color: aqua;

         }

         .page-content{

             height: 300px;

             background-color: bisque;

         }

         .page-footer{

             height: 30px;

             background-color: aqua;

         }

     </style>

 </head>

 <body>

     <div class="page-header"></div>

     <div class="page-content">

 <!--        自定义的内容，命名并占位-->

         {% block tm_content %}

         {% end %}

     </div>

     <div class="page-footer"></div>

 <!--    自定义的js文件位置，命名并点位-->

     {% block tm_js %}

     {% end %}

 <!--    自定义css，命名并占位-->

     {% block tm_css %}

     {% end %}

 </body>

 </html>

2.2、form.html

<form>

    <input type="text"/>

    <input type="submit" value="提交"/>

</form>

2.3、account.html

 {% extends "../template/master.html" %}

 <!--自定义css具体内容-->

 {% block tm_css %}

     <script type="text/css">

         .page-content{

             background-color: aliceblue;

             font-size: 20px;

         }

     </script>

 {% end %}

 <!--自定义page-content中的内容-->

 {% block tm_content %}

     <p>这是我的account</p>

 {% end %}

 <!--自定义js文件-->

 {% block tm_js %}

     <script type="text/javascript">

         console.log("这是我的account")

     </script>

 {% end %}

2.4、index.html

{% extends "../template/master.html"%}

<!--对应的自定义css具体内容-->

{% block tm_css %}

    <style type="text/css">

        .page-content{

            background-color: cornflowerblue;

        }

    </style>

{% end %}

<!--自定义page-content的内容-->

{% block tm_content %}

    <p>这是系统的首页</p>

    {%include "../include/form.html" %}

    {%include "../include/form.html" %}

{% end %}

<!--自定义js的内容-->

{% block tm_js %}

    <script type="text/javascript">

        console.log("这是系统的首页")

    </script>

{% end %}

2.5、start.py

 #!/usr/bin/env python

 # -*- coding: utf-8 -*-

 # @Time    : 2019/12/5 23:41

 # @Author  : yusheng_liang

 # @Site    :

 # @File    : start.py

 import tornado.web

 import tornado.ioloop

 class IndexHandle(tornado.web.RequestHandler):

     def get(self, *args, **kwargs):

         self.render("extend/index.html")

 class AccountHandle(tornado.web.RequestHandler):

     def get(self, *args, **kwargs):

         self.render("extend/account.html")

 if __name__ == "__main__":

     CONTENTS_LIST = []

     settings = {

         'template_path': 'views',

     }

     application = tornado.web.Application([

         (r"/index", IndexHandle),

         (r"/account", AccountHandle),

     ], **settings)

     application.listen(80)

     tornado.ioloop.IOLoop.instance().start()

三、demo效果示例

3.1、http://127.0.0.1/index

3.2、http://127.0.0.1/account

详解分析

  • 从运行结果来看, 两个网页的主体结构相同, 只是里边包含的css具体样式, 具体内容以及js文件不同
  • 要继承模板文件来使用我们要在当前文件首行写上{%extends "../template/master.html"%} , 这里表示当前文件以master.html来进行渲染
  • 在master.html文件中{%block tm_css%}{%end%}相当与为后面具体要写入的内容做一个占位符, 并且起名为tm_css

web框架--tornado框架之模板引擎继承的更多相关文章

  1. web框架--tornado框架之模板引擎

    使用Tornado实现一个简陋的任务表功能demo来讲解tornado框架模板引擎 一.demo目录结构 二.具体文件内容 2.1.commons.css .body{ margin: 0; back ...

  2. Tornado框架配置使用Jinja2模板引擎

    安装jinja2包 pip install jinja2 定义继承tornado.web.RequestHandler的子类BaseHandler.如果请求处理类继承这个类将会使用jinja模板引擎: ...

  3. flask框架下的jinja2模板引擎(3)(模板继承与可以在模板使用的变量、方法)

    flask 框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html flask 框架下的jinja2模块引擎(2):http ...

  4. flask框架下的jinja2模板引擎(1)(模板渲染)

    #转载请留言联系 模板是什么? 在 flask 框架中,视图函数有两个作用:处理业务逻辑和返回响应内容.在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本.模板作用即是承担视图函 ...

  5. laravel框架总结(二) -- blade模板引擎

    ## 1.基本用法 ##情形1 $name = laravel5 <div class="title"> {{$name}} {{$name}}</div> ...

  6. flask框架下的jinja2模板引擎(2)(过滤器与自定义过滤器)

    flask框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html 这篇论文主要用来记录下 jinja2 的过滤器. 什么是过 ...

  7. Spring Boot 系列（五）web开发-Thymeleaf、FreeMarker模板引擎

    前面几篇介绍了返回json数据提供良好的RESTful api,下面我们介绍如何把处理完的数据渲染到页面上. Spring Boot 使用模板引擎 Spring Boot 推荐使用Thymeleaf. ...

  8. web框架--tornado框架之初识

    在python中常见的web框架构建模式有以下两种: *MVC框架: * 数据库相关操作的Models 视图文件的Views 业务逻辑的Controllers MTV框架: 数据库相关操作的Model ...

  9. [SpringBoot——Web开发（使用Thymeleaf模板引擎）]

    [文字只能描述片段信息,具体细节参考代码] https://github.com/HCJ-shadow/SpringBootPlus 引入POM依赖 <properties> <ja ...

随机推荐

  1. 正睿暑期培训day4考试

    链接 A 求出来到每座山的距离后,就可以计算出每只猫等待的时间与出发时间的关系. 如果出发时间为\(x\),求出来只猫的等待时间.这里用\(b_i\)表示第i只猫的等待时间.然后我们将这些时间排序.问 ...

  2. gradle初学可能遇到的问题

    gradle的脚本文件名称必须是build.gradle,如果自学的时候随便起的名字测试.如:test.gradle,脚本执行的时候是找不到相对于的任务的.会报错

  3. （三十四）golang--接口

    golang的多态特性主要体现在接口上: 主要优势:高内聚低耦合: package main import ( "fmt" ) type usb interface { start ...

  4. antdmobile组件思维导图

  5. pymysql 读取大数据内存卡死的解决方案

    背景:目前表中只有5G(后期持续增长),但是其中一个字段(以下称为detail字段)存了2M(不一定2M,部分为0,平均下来就是2M),字段中存的是一个数组,数组中存N个json数据.这个字段如下: ...

  6. redis集群之Sentinel

    目前我们讲的 Redis 还只是主从方案,最终一致性.读者们可思考过,如果主节点凌晨3 点突发宕机怎么办?就坐等运维从床上爬起来,然后手工进行从主切换,再通知所有的程序把地址统统改一遍重新上线么?毫无 ...

  7. 机器学习（十一）-------- 异常检测(Anomaly Detection)

    异常检测(Anomaly Detection) 给定数据集

  8. IDA分析时添加新的C语言结构体

    View - Open Subviews - Local Type - INSERT键 - 输入新结构体 - 右击"Synchornize to idb" 之后再分析处按 T 就可 ...

  9. dubbo（提供者、消费者）基于java的实现

    1.安装好jdk.zookeeper以后可以尝试开发代码进行dubbo的学习和练习. 首先创建Dubbo的Provider配置.创建一个maven project工程. RPC框架,不希望Consum ...

  10. i春秋四周年庆典狂欢丨价值6000元的Web安全课程免费送啦

    重磅好消息 i春秋四周年庆典狂欢 感恩回馈新老用户 5888元的Web安全线上提高班 988元的Web安全线上入门班 免费送啦 快来围观 活动详情 1.活动时间:6月17日—6月30日 2.活动规则: ...