flask开源项目博客,flask博客源码

　　我们早前学习过jinjia2模板语言，可以发现在我们的开发过程中，使用模板可以大大减少编写前端页面的代码量，节省开发成本和时间。金甲2最常见最强大的功能就是模板继承。让我们通过例子进一步了解如何继承模板。

　　1、模板

　　既然叫模板继承，那么首先要有一个模板，否则怎么继承类似于面向对象中的继承，首先要有一个父类(基类)，否则怎么谈继承。所以我们先做个模板，让后续的子页可以继承。

　　Jinjia2使用关键字block来定义模板中子页面可以重写的块。基本语法是：

　　编写方法一：{% block 模块名 %} {% endblock %}编写方法二：{% block 模块名 %} {% endblock 模块名 %}推荐使用第二种编写方法，尤其是在页面较多，复杂情况下简单明了的情况下。注：同一个页面中块名称不允许重复，否则模板引擎在寻找时会出现混乱。

　　创建一个base.html作为以下项目中子页的模板：

　　base.html

　　！DOCTYPE html lang= en head { % block head % } meta charset= UTF-8 title { % block title % } { % end block title % }/title { % block static _ file % } { % block static _ file % } { % block CSS _ change % } { % end block CSS _ change % } { % block js % } { % end block js % } { % end block head % }/headbody header { % block header % } { % block header % } { % end block header % }/header div H3 rel= external no follow href= https://blog.csdn.net/time _金钱 target= _ blank 快乐的鸭子/A/H3 { % end block footer % }/footer/body/html一个页面基本上包含了以上内容，所以这基本上是一个标准的模板页面。

　　然后，在接下来的开发过程中，子页面可以省略与模板共享的内容，直接填写相应的模块。

　　2、继承

　　已经有模板了，我们就开始继承。在这里，我们让以前的index.html继承base.html，所以我们需要删除与模板相同的部分，只需填充相应的模块。使用继承关键字：extends。

　　index.html

　　{ % extends base . html % } { % block title % } index { % end block title % } { % block content % } { % auto escape false % } { { data1 } } { { data2 safe } } { { data3 MD safe } } { # { { read _ MD( demo . MD ) MD safe } } # } nav a rel= external no follow rel= external no follow rel= external no follow rel= external no follow href= { { 0Services )} } Services/A rel= external no follow rel= external no follow rel= external no follow rel= external no follow href= { { URL _ for(。about )} } about/a/nav { % end block content % }看起来不像HTML网页，

　　注：页面继承时，继承语句必须放在改子页面的第一行，即“ {% extends ‘base.html’ %} ”这条语句必须放在第一行。

　　3、自调用变量

　　继承后，页面如果想在要填充的块中使用块外的变量，可以使用关键字“self”。

　　例如，在内容块中引用块外的title变量。

　　index.html

　　{ % extends base . html“% } { % block title % } { { title } } { % end block title % } { % block content % } { % auto escape false % } { % end auto escape % } { { data3 MD safe } } { # { { read _ MD( demo . MD ) MD safe } } # } nav a rel= external no follow rel= external no follow rel= external no follow rel= external no follow href= external no followServices )} } Services/a a rel= external no follow rel= external no follow rel= external no follow rel= external no follow href= { { URL _ for(。about) }}About/a/Navh1引用了块外的变量：{{self。title()} }/h1 { % endblock content % }4、子页面重写与调用父模块内容

　　有时我们需要添加一些属于子页面模块的新内容。如果我们不调用父模板的内容，就会覆盖父模板的内容。

　　示例：index继承了base中页脚块中的元素。

　　如果现在要向页脚添加新内容，它将覆盖父模板中的内容：

　　如果要保留父模板中的内容，需要使用关键字“super”进行调用，这有点类似于Python中调用父类的方法5、包含其他页面。

　　jinija2中使用了关键字“include”来使这个页面包含其他页面。

　　示例：创建一个新的 _head.html 并使用include使index.html页面包含_ head.html页面。

　　_head.html

　　{ % block title % } { { title } } { % end block title % } linkrel= ExternalnoFollow href= { { URL _ for( static ，filename= site . CSS )} rel= style sheet /Use include to put _ head . html

　　示例：

　　{% include [includes/demo1.html ， include/demo2.html] %}

　　6、定义宏以及使用宏

　　在模板中定义宏类似于在Python中定义函数，只是没有返回值。模板中使用关键字“宏”来定义宏，可以提高代码重用率，减少代码量。

　　我们来做个对比：

　　Python中的函数定义：

　　Def函数名(位置参数、形参、不可变参数、变量参数):函数体# Python语句和变量返回值放在函数体中，在模板中宏定义。

　　{% macro宏名(位置参数、形式参数、不可变参数、可变参数)%}宏体{# put HTML element #}{% endmacro %}在宏体中。只是函数用def做关键字，用macro做关键字。函数可以有返回值，但宏没有。

　　这里有一个例子：定义一个叫做input的宏。

　　{%macroinput (name，value= ，type= text ，size=20)% } input name= { { name } } value= { { value } } type= { { type } } size= { { size } } /{

　　示例：在表单表单中使用宏

　　表单标签/标签{{input (user _ name)}}标签密码/标签{{ input(password )，Type=password) }}标签地址/标签{{input (address)}}按钮类型= submit submit/按钮按钮类型= reset reset/按钮/表单完整实例：

　　index.html

　　{ % extends base . html % } { % macro input(name，value= ，type=text ，size=20)% } input name= { { name } } value= { { value } } type= { { type } } size= { { size } } /{ % end macro % } { % block head % } { % end block head % } { % include includes/_ head . html % } { % block content % } { % auto escape false % } { { data1 } } { % end autoServices )} } Services/a a rel= external no follow rel= external no follow rel= external no follow rel= external no follow href= { { URL _ for(。about) }}About/a/Navh1引用块外变量：{ { self . title()} }/h1 form label name/label { { input( user _ name )} } label password/label { { input( password )，Type= password )} } label address/label { { input( address )} } button Type= submit submit/button button Type= reset reset/button/form { % end block content % } { % block footer % } H3主页/h3hr/{{super

　　如果你想导入很多宏，集中管理，那么我们可以把它们放在一个页面里，在页面上导入，类似于使用include，但是这里导入宏用的是import关键字。

　　示例：创建一个新的“_ macro.html”来存储宏，然后导入并在索引页上使用它。

　　_macro.html

　　{%macroinput (name，value= ，type= text ，size=20)% } input name= { { name } } value= { { value } } type= { { type } } size= { { size } } /{

　　{% import 包含/_macro.html 作为ui %}那在使用时里面的宏就都是刚刚起别名的对象的一个方法了

　　表单标签姓名/label { { ui。输入(用户名)} }标签密码/label{{ ui.input(password ，type=password) }} label地址/label { { ui。输入(地址)} }按钮类型=提交提交/按钮按钮类型="重置"重置/按钮/表单完整实例：

　　index.html

　　{ % extends base。html“% } { % import”包含/_ macro。 html as ui % } { % block head % } { % end block head % } { % block content % } { % auto escape false % } { { data1 } } { % end auto escape % } { { data 2 safe } } { { data 3 MD safe } } { # { { read _ MD( demo。MD ) safe } } # } nav a rel= external no follow Services )} } Services/a a rel= external no follow rel= external no follow rel= external no follow rel= external no follow href= { { URL _ for( .about) }}About/a /navh1引用块外变量：{ { self。title()} }/h1表单标签姓名/label { { ui。输入(用户名)} }标签密码/label{{ ui.input(password ，type=password) }} label地址/label { { ui。输入(地址)} }按钮类型=提交提交/按钮按钮类型="重置"重置/button/form { % end block content % } { % block footer % } H3主页/h3 hr/{{ super() }}{% endblock页脚%}

相关文章阅读