01 模板继承

父模板

<html lang="en">

<head>
    <meta charset="UTF-8">​

<link rel="shortcut icon" href="{{ static_url('images/favicon.ico')}}"> </head>

<body>

{% block body %}

this is tornado

{% end %}

</body>

</html>

子模板

{% extends ./03base.html %}

{% block title %}Extend{% end %}

{% block body %}

{% if username!='no' %}

欢迎用户 {{ username }} 登录

{% else %}

您还没有登录

{% end %}

{% end %}

extend

{% extend filename %}继承模板,在子模板中会把父模板的所有内容都继承到子模板中,减少大量重复代码

block

{% block name %}...{% end %}

被词语句包裹的代码块在子模板中可以被重写,覆盖父模板中的

模板导入

模板文件

this is tornado templates include 子模板

{% include ./05include.html %}

include

{% include filename%}

include 可以导入一些其他的模板文件,一般使用 include 的时候,模板文件中不使用 block 块

继承

extend 可以继承父模板,从而节省了大量重复代码,同时也为修改带来了极大的方便,但是需要注意的是一定只能单继承,一个模板只能继承一个模板

block 包裹一部分代码块,可以在子模板中重写块中的内容

导入模板文件

include 可以导入模板文件,但是导入的模板中不要再出现 extend 和 block

02 函数和类导入

渲染时导入

在 Handler 中渲染模板时传入

将函数写在handler里面.

示例

def haha(self):

return 'this is hahaha'

class Calculation:

def sum(self, a, b):

return a+b

传入

self.render('04extend.html',

haha=self.haha,

cal=Calculation

)

{{ haha() }}

{{ Calculation().sum(5.5.) }}

模板中直接导入

在模板中也可以直接导入 python 模块

导入内置模块

{% import time %}

{{ time.ctime() }}

导入自定义模块

{% from mod_file import add, upper, Calculation %} {{ add(5, 6)}}

注意路径问题:python解释器查找 mod_file 时是根据 py 文件的路径来查找的,不是根据模板的路径来查找

03 ui_methods ui_modules

第一步

新建文件ui_methods.py

新建文件ui_methods.py ,这里的文件名是随意的只要在import时合法即可,这里可以新建一个文件夹,如util,来放置 ui_methods.py 和 ui_modules.py

def methods1(self): #注意这里要加上self

  return 'ui_methods 1'

def methods2(self):

  return 'ui_methods 2'

新建文件ui_modules.py

新建文件ui_modules.py,使用ui_modules需要继承UIModule类

from tornado.web import UIModule

class UiModule(UIModule):

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

return '我是 ui_module'

第二步

在项目主文件中导入

import util.ui_modules

import util.ui_methods

导入类要加module:

{{ module TestModule }}

导入方法加methods:

{{ methods func() }}

第三步

配置 Application 参数

ui_methods=util.ui_methods,

ui_modules=util.ui_modules,

也可以写成字典形式:

ui_modules={

'UiModule':util.ui_modules.UiModule,

}

第四步

在模板中调用

{% module UiModule() %}

{{ methods1() }}

刚才的这种方式,虽然烦琐了一点,但是在调用的时候十分简单,在越是有很多模板需要导入同一个对象的时候,就越显得其方便简洁,接下来演示个具体的案例

添加 ui_module

在 ui_modules 中添加如下代码

class Advertisement(UIModule):

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

return self.render_string('06ad.html')

def css_files(self):

return "/static/css/King_Chance_Layer7.css"

def javascript_files(self):

return [

"/static/js/jquery_1_7.js",

"/static/js/King_Chance_Layer.js",

"/static/js/King_layer_test.js",

]

导入静态文件

导入给大家准备好的静态文件

模板中使用

{% module Advertisement() %}

04 模板其他命令

apply

{% apply upper %}

hello world     hahaha

{% end %}

{{ upper('hahaha') }}

使用apply语句,使用函数的作用范围到最近的{%end%}为止

linkify

{%raw linkify('百度: http://www.baidu.com') %} linkify生成一个链接,但是要注意模板转义

tornado框架基础05-模板继承、UImodul和UImethods的更多相关文章

  1. tornado框架基础10-websocket

    websocket 01 长轮询 在网页,我们经常扫码登录,结合之前的学习的知识点,来思考下,前端是如何知道用户在手机上扫码登录了呢? 长轮询:客户端不断的向服务器发送请求 缺点: \1. 开销大 \ ...

  2. 在laravel框架中使用模板继承来进行更方便的布局

    html中有很多东西是重复的,这是需要用到laravel的模板继承,来完成这样的简化操作. 父模板 既然时模板继承,那么就首先有一个父模板,父模板类似网页html中的头部和尾部,但又有一些不一样. / ...

  3. tornado框架基础09-cookie和session

    01 cookie 在上节,我们简单了解了登录过程,但是很明显,每次都需要登录,但是在平常逛网站的只需要登录一次,那么网站是如何记录登录信息的呢? 有没有什么办法可以让浏览器记住登录信息,下次再次打开 ...

  4. tornado框架基础01-路由简介

    tornado 小而精 Django 大而全 Web框架 Tornado是一个由Python开发的Web框架 Web服务 利用Tornado,可以快速搭建和一个高性能的Web服务 非阻塞 Tornad ...

  5. Tornado框架中视图模板Template的使用

    上文的程序中有这样一段: class MessageHandler(tornado.web.RequestHandler): def get(self): self.write(''' <htm ...

  6. tornado框架基础11-tornado异步

    01 同步和异步 生活中常常会遇到在超市排队买东西的情况,排在你前面的人没有结算完成,你就无法付账,在计算机中也有类似的情形,一个程序在执行之前,需要等待其他的程序执行完成,大家还能举出其他的例子吗? ...

  7. tornado框架基础08-sqlalchemy表关系和简单登录注册

    01 一对一表关系 Module 需要先创建对应的 Module ,这里采用之前建立好的 User 和 UserDetails relationship from sqlalchemy.orm imp ...

  8. tornado框架基础06-SQLAlchemy连接数据库

    01 ORM 在服务器后台,数据是要存储在数据库的,但是如果项目在开发和部署的时候,是使用的不同的数据库,该怎么办呢?是不是需要把所有的 SQL 语句都再重新写一遍呢? 和数据库相关,不同的数据库需要 ...

  9. tornado框架基础04-模板基础

    01 模板 模板演示 配置路径 在 application 中配置模板文件和静态文件的路径: template_path='templates', static_path='static', 模板 & ...

随机推荐

  1. Linux开启SELinux的情况下怎么解决nginx403跟502错误

    https://www.cnblogs.com/caijt/p/10978324.html 以上篇博客中说了怎么在linux部署asp.net core  跟 nginx,里面成功的前提是把SElin ...

  2. video.py OpenCv例程阅读

    #!/usr/bin/env python ''' Video capture sample. Sample shows how VideoCapture class can be used to a ...

  3. $ybt\ 【信息学奥赛一本通】题解目录$

    [信息学奥赛一本通]题解目录 $ \large -> OJ$ $ problem1000 $ \(Answer\) - > $ \large 1000$ $ problem1001 $ \ ...

  4. Codeforces Round #321 (Div. 2) A, B, C, D, E

    580A. Kefa and First Steps 题目链接: A. Kefa and First Steps 题意描述: 给出一个序列,求最长不降连续子序列多长? 解题思路: 水题,签到 代码: ...

  5. 关于web中的路径

    做了许多Demo发现,浏览器解析的路径和服务器解析的路径是不同的.我们知道,路径加上/的时候,表示的是绝对路径的意思,而如果是服务器解析的话,这个/相对的是我们的web应用,即相对于http://19 ...

  6. 使用PreparedStatement接口

  7. 看Facebook是如何优化React Native性能

    原文出处: facebook   译文出处:@Siva海浪高 该文章翻译自Facebook官方博客,传送门 React Native 允许我们运用 React 和 Relay 提供的声明式的编程模型, ...

  8. 关于spring mvc 和struts2的描述与对比

    链接:https://www.nowcoder.com/questionTerminal/cf803beb7e3346caa636e4eaa3a8c2e9来源:牛客网 ---------------- ...

  9. webpack采坑十连跳

    4.css.js一同打包进html ---------------- https://www.cnblogs.com/amiezhang/p/9723565.html 依赖内联插件  HtmlWebp ...

  10. hash系列集合的性能优化

    hash系列的集合: HashSet.LinkedHashSet     采用hash算法决定元素在集合中的存储位置 HashMap.LinkedHashMap.Hashtable   采用hash算 ...