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

入门实例

一、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. Win10安装 oracle11g 出现INS-13001环境不满足最低要求解决方法

    Win10安装 oracle11g 出现INS-13001环境不满足最低要求 首先,打开你的解压后的database文件夹,找到stage,然后cvu,找到cvu_prereq.xml文件,用note ...

  2. 第01组 Beta版本演示

    目录 1.1 本组成员 1.2 工作流程.组员分工.组员工作量比例 1.3 GitHub 项目链接 1.4 本组 Beta 冲刺站立会议博客链接汇总 1.5 燃尽图 1.6 原计划.达成情况及原因分析 ...

  3. ubuntu / zsh shell / oh-my-zsh / 常用插件

    记录一下 zsh 的下载与配置,省得每次重装系统都要上网到处查. 安装 zsh shell sudo apt install zsh 切换 shell chsh -s /bin/zsh 安装 oh-m ...

  4. FaaS（函数即服务） + BaaS（后台即服务）

    作者 | 黄子毅(紫益) 阿里前端技术专家 导读:前端开发者是最早享受到 “Serverless” 好处的群体,因为浏览器就是一个开箱即用.甚至无需为计算付费的环境!Serverless 把前端开发体 ...

  5. R语言填充空缺值

    在R语言中, imputeMissings包的特点是,如果空值是数值型,则使用median代替,如果使用的是character类型,则使用mode值代替. imputeMissing中,需要的包是im ...

  6. TP框架where条件和whereOr条件同时使用

    前言:where里面的条件是 && 的关系,whereOr里面的条件是 | | 的关系, 想要得到的效果: 1.筛选出is_deleted字段为0(未删除)的公告 2.筛选出全部状态为 ...

  7. 最锋利的Visual Studio Web开发工具扩展：Web Essentials详解【转】

    Web Essentials是目前为止见过的最好用的VS扩展工具了,具体功能请待我一一道来. 首先,从Extension Manager里安装:最新版本是19号发布的2.5版 然后重启你的VS开发环境 ...

  8. Asp.NET Core Nginx Ocelot ForwardedHeaders X-Forwarded-For

    ocelot在部署时我使用了nginx作为转发,并配置了https证书,但是发现ocelot不支持Forward host header. https://ocelot.readthedocs.io/ ...

  9. SQL Server中，如何查看每个数据库的Owner是哪个SQL Server账户，也就是谁创建的

    有时候我们作为SQL Server的DBA,会需要查找每个数据库的Owner是哪个SQL Server账户,也就是谁创建的. 我们可以使用系统存储过程"sys.sp_helpdb" ...

  10. C# 三元表达式

    一.背景 因编程的基础差,因此最近开始巩固学习C#基础,后期把自己学习的东西,总结相应文章中,有不足处请大家多多指教. 二.语法 表达式1?表达式2:表达式3 描述: 表达式1一般为一个关系表达式. ...