************************************************************************************************************************************************************************************************************************
-------------------------------------------------------------------------------------------------------==☆==--------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------元亨利贞--------------------------------------------------------------------------------------------------------------
*************************************************************************************************************************************************************************************************************************
一、模板层的过滤器
1、作用
对于一些相对较简单的逻辑,可以直接在模板层进行处理,而不必经过视图层。
2、常见的过滤器
3、实践
(1)在视图层的变量中,增加过滤器。
(2)视图层传参数
(3)测试结果
二、模板层的继承
1、继承的作用
在进行前端展示的时候,往往需要将特定的前端内容保持不变,而只改变部分内容,例如网站的head和tail,这种展示方式就是继承。如下所示,页眉和页脚的蓝色和紫色都是被继承过来的内容。
2、继承的实现和语法
(1)父模板的语法
(2)子模板的语法
3、实战
(1)任务
设计一个网站前端,包含体育和音乐两个模块,但是网站head保持不变,点击“体育”或“音乐”能分别跳转。
(2)实现
定义父模板。父模板中的titille和内容是block,可以修改,其他内容不可修改。
定义音乐和体育模块的html
视图函数
绑定路由
(3)查看结果
地址栏输入base_view的路由
点击音乐频道
点击体育频道
4、注意事项
(1)例如,这上面的练习中,如果将变量传递给base.html,当页面跳转时候,变量值无法传递至下一个页面。修改base.html和base_view中的内容如下。
(2)实际运行结果如下
但是当点击音乐频道之后,将看不到上一级穿过的值。
三、小结
************************************************************************************************************************************************************************************************************************
-------------------------------------------------------------------------------------------------------==☆==--------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------元亨利贞--------------------------------------------------------------------------------------------------------------
*************************************************************************************************************************************************************************************************************************