模板继承和UImodul 和 UImethods

  • 模板的继承

    • {% extends path %}

      • path为templates下的相对路径

      • {% block block_name %}content{% end %}

      • block_name：块名字
      • content：中间包裹的内容
      • 和django的block一致
    • {% include path %}
      • 包含的模板路径
    • 参考链接：https://www.cnblogs.com/ivy-blogs/p/10654806.html
  • 函数跟类的导入：
  • UImodul和UImethods
    • 新建个util包
    • 在里面新建uimethods.py和uimodules.py两个文件
    • 在定义app的路由所在的文件下导入这两个文件
    • Application给ui_methods和ui_modules传参等于导入的文件名 
       from tornado.web import RequestHandler, Application
      
 from tornado.httpserver import HTTPServer
      
 from tornado.options import options, define
      
 from tornado.ioloop import IOLoop
      
 from util import uimethods, uimodules

 define('port', default=7981, type=int)

 class IndexHandle(RequestHandler):
      
     def get(self):
      
         self.render('index.html')

 application = Application(
      
     handlers=[
      
         (r'/', IndexHandle)
      
     ],
      
     template_path='templates',
      
     ui_methods=uimethods,
      
     ui_modules=uimodules
      
 )

 if __name__ == '__main__':
      
     options.parse_command_line()
      
     app = HTTPServer(application)
      
     app.listen(options.port)
      
     IOLoop.current().start()
    • ulmethods使用
      • def test(self): return 'test'
      • ulmethods里面的方法第一个参数必须为self
    • ulmodules使用 
      •  from tornado.web import UIModule

 class TestModule(UIModule):
        
     def render(self, *args, **kwargs):
        
         return 'TestModule'

        先建的类必须继承自UIModule类，当该类实例化的时候，会自动执行render方法

      •  from tornado.web import UIModule

 class TestModule(UIModule):
        
     def render(self, *args, **kwargs):
        
         self.render_string('index.html')

        渲染页面

      •  from tornado.web import UIModule

 class TestModule(UIModule):
        
     def render(self, *args, **kwargs):
        
         self.render_string('index.html')

     def javascript_files(self):
        
         return 'your javascript_files path'

     def css_files(self):
        
         return 'your jcss_files path'

        静态资源加载，如果路径有多个，则返回列表形式

      •  <!DOCTYPE html>
        
 <html lang="en">
        
 <head>
        
     <meta charset="UTF-8">
        
     <title>Title</title>
        
 </head>
        
 <body>
        
 {% module TestModule() %}
        
 <br>
        
 {{ test() }}
        
 </body>
        
 </html>

        具体使用

  • 模板的其他命令 
    •  def test(self): return 'test'

 def upper(self, text):
      
     if isinstance(text, str):
      
         return text.upper()
      
     raise TypeError

      在ulmethod里面定义一个upper方法

    •  <!DOCTYPE html>
      
 <html lang="en">
      
 <head>
      
     <meta charset="UTF-8">
      
     <title>Title</title>
      
 </head>
      
 <body>
      
     {{ upper('hello') }}
      
 </body>
      
 </html>

      使用该方法

    • 当传入的参数比较大的时候，这种方法显得不太美观 
       <!DOCTYPE html>
      
 <html lang="en">
      
 <head>
      
     <meta charset="UTF-8">
      
     <title>Title</title>
      
 </head>
      
 <body>
      
     {% apply upper %}
      
         asdasdasddddddddd
      
     {% end %}
      
 </body>
      
 </html>

      apply可以扩大后面方法的作用范围，以end结尾

    •  <!DOCTYPE html>
      
 <html lang="en">
      
 <head>
      
     <meta charset="UTF-8">
      
     <title>Title</title>
      
 </head>
      
 <body>
      
     {{  linkify ('http://www.baidu.com') }}
      
     {% raw  linkify ('http://www.baidu.com')  %}
      
 </body>
      
 </html>

      linkify后接一个元祖，会自动识别元祖内的url，将其解析为a标签，但需要取消转译

模板继承和UImodul 和 UImethods的更多相关文章

  1. tornado框架基础05-模板继承、UImodul和UImethods

    01 模板继承 父模板​ <html lang="en"> <head>     <meta charset="UTF-8"> ...

  2. Python自动化之模板继承和cookie

    request请求头信息 type(request) //查看类 from django.core.handlers.wsgi import WSGIRequest 结果会以字典的形式存在 reque ...

  3. Django（4）html模板继承、模板导入、分页实现

    1.获取所有请求信息 导入模块:from django.core.handlers.wsgi import WSGIRequest request.environ:包含所有的请求信息,可以打印看一下, ...

  4. tp框架之模板继承

    模板继承是一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层.模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区 ...

  5. Django 中url补充以及模板继承

    Django中的URL补充 默认值 在url写路由关系的时候可以传递默认参数,如下: url(r'^index/', views.index,{"name":"root& ...

  6. Thinkphp3.2中的模板继承

    1:模板继承:   是3.1.2版本添加的一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层.模板继承其实并不难理解,就好比 类的继承一样,模板也可以定义一个基础模板( ...

  7. Django1.9开发博客（6）- 模板继承

    模板继承就是网站的多个页面可以共享同一个页面布局或者是页面的某几个部分的内容.通过这种方式你就需要在每个页面复制粘贴同样的代码了. 如果你想改变页面某个公共部分,你不需要每个页面的去修改,只需要修改一 ...

  8. thinkphp中模板继承

    模板继承是3.1.2版本添加的一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层.模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局), ...

  9. python【第二十一篇】Django模板继承、分页、cookie验证

    1.模板继承 母版master.html {% block title %}{% endblock %}2 {% block table-cont %}{% endblock %} 子板 {% ext ...

随机推荐

  1. css 实战技巧

    css 看起来比较简单,但是要想做的好也不是那么容易,我们在平时开发中,主要用css 来美化我们的html结构,所有我觉得css 还是挺重要的,这里记录整理一些关于css 的技巧以及容易忘记的知识点. ...

  2. （转）协议森林09 爱的传声筒 (TCP连接)

    协议森林09 爱的传声筒 (TCP连接) 作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 在TCP协议与"流" ...

  3. JS中的call()方法和apply()方法用法总结（挺好 转载下）

    最近又遇到了JacvaScript中的call()方法和apply()方法,而在某些时候这两个方法还确实是十分重要的,那么就让我总结这两个方法的使用和区别吧. 1. 每个函数都包含两个非继承而来的方法 ...

  4. hive实践_01

    本地一份包含有中文的文本文件在上传到hive前,需要先转化为UTF-8格式,否则会出现乱码.(notepad++ 格式>>>转化UTF-8编码格式)   -------------- ...

  5. C++:利用全局钩子实现键盘锁

    在家看网课,记笔记不方便.于是就想弄个键盘锁,方便学习(在寝室也好把外接键盘放上去打游戏). 其实这东西挺简单的,就三行代码. HHOOK hk; LRESULT CALLBACK kbproc(in ...

  6. Mol Cell Proteomics. | MARMoSET – Extracting Publication-ready Mass Spectrometry Metadata from RAW Files

    本文是马克思普朗克心肺研究所的三名研究者Marina Kiweler.Mario Looso和Johannes Graumann发表在8月刊的MCP的一篇文章. 由于Omics实验经常涉及数百个数据文 ...

  7. vscode回车补全代码

    VsCode设置回车补全代码而不换行 有一部分人不习惯用tab键补全代码,我就是其中之一,习惯了回车补全的我决定设置一波,网上找了很多, 没找到比较详细的,所以自己写一个 有一个叫keybinding ...

  8. input标签的accept属性、JQuery绑定keyDown事件

    一. input标签的accept属性 当我们上传文件或者注册上传头像时,我们可以一般都是使用: <input type="file" id="my_file&qu ...

  9. cmdb autoserver端表数据分析

    目录: 1.后台目录规划 autoserver: api: 接收数据并进行二次分析入库 API验证 backend : 负责后台管理 repository:负责管理模型类 (数据表) autoserv ...

  10. 图片OCR（Optical Character Recognition）

    目录 Photo OCR问题描述 滑动窗口(Sliding Windows) 获得大量数据和人工数据(Getting Logs of Data and Artificial Data) 瓶颈分析:需要 ...