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

入门实例

一、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. CentOS设置主机名称

    1.查看主机名,使用命令hostname: 2.修改主机名,修改/etc/hostname文件

  2. 物联网架构成长之路(35)-利用Netty解析物联网自定义协议

    一.前言 前面博客大部分介绍了基于EMQ中间件,通信协议使用的是MQTT,而传输的数据为纯文本数据,采用JSON格式.这种方式,大部分一看就知道是熟悉Web开发.软件开发的人喜欢用的方式.由于我也是做 ...

  3. JavaScript对象及初识面向对象

    一.对象 1.1对象是什么 对象是包含相关属性和方法的集合体 1.2什么是面向对象 面向对象仅仅是一个概念或者编程思想 通过一种叫做原型的方式来实现面向对象编程 二.创建对象 2.1自定义对象 2.1 ...

  4. 论文阅读: v-charge项目: 电动车的自动泊车和充电

    Abstract AVP服务会缓和电动车现有两个缺点: 有限的行驶范围和很长的充电时间. v-charge用相机和超声波在GPS-denied的区域全自动形式. 这篇paper叙述了下述几方面的优势: ...

  5. Mongodb--内存管理MMAP

    MongoDB使用的是内存映射存储引擎,即Memory Mapped Storage Engine,简称MMAP. MMAP可以把磁盘文件的一部分或全部内容直接映射到内存,这样文件中的信息位置就会在内 ...

  6. 一个人的公众号，我写了1w+

    大家好,我是Bypass,一个人一直保持着写博客的习惯,为此维护了一个技术公众号,致力于分享原创高质量干货,写的内容主要围绕:渗透测试.WAF绕过.代码审计.应急响应.企业安全. 一直以来,我把它当成 ...

  7. CreateDatabase is not supported by the provider

    背景:对于本地数据库如(SQLite\Access) Connection string error: “An exception occurred while initializing the da ...

  8. 高性能TcpServer(C#) - 2.创建高性能Socket服务器SocketAsyncEventArgs的实现(IOCP)

    高性能TcpServer(C#) - 1.网络通信协议 高性能TcpServer(C#) - 2.创建高性能Socket服务器SocketAsyncEventArgs的实现(IOCP) 高性能TcpS ...

  9. python3之本地文件模拟登录

    本地文件模拟登录 user.txt文本文件数据格式: username:password #coding:utf-8 #读取数据 userFile = open("user.txt" ...

  10. Spring Data Jpa：分页、Specification、Criteria

    分页的主要接口与类 PagingAndSortingRepository 继承自 CrudRepository 接口,提供了排序以及分页查询能力,提供了两个方法 Iterable<T> f ...