继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【金秋打卡】第19天 重点记住语法,模板标签的使用

土星猪
关注TA
已关注
手记 76
粉丝 5
获赞 0

1.课程名称:模板标签的使用


课程章节: 重点记住语法,模板标签的使用


2.课程内容:


模板标签是什么


http://img3.sycdn.imooc.com/636dd1710001c0c513110684.jpg


标签的语法

http://img1.sycdn.imooc.com/636dd1980001772f09870408.jpg


循环控制的语法

http://img3.sycdn.imooc.com/636dd1ab0001e6dc10020503.jpg


http://img1.sycdn.imooc.com/636dd1c90001e91105170463.jpg

其他逻辑控制


http://img1.sycdn.imooc.com/636dd2010001a98d11110668.jpg




模板标签与 html 注释的区别


http://img4.sycdn.imooc.com/636dd2520001244509930583.jpg


  1. 写法上不同

  2. 权限上不同


#开头是不会渲染到html里面


测试, 老样子写入url 和视图函数views

http://img3.sycdn.imooc.com/636e08220001eabc06620431.jpg


views

http://img2.sycdn.imooc.com/636e0854000126d809570522.jpg


添加新的 html 测试用

http://img1.sycdn.imooc.com/636e09360001308a07450523.jpg


写入模板标签 和html标签


http://img3.sycdn.imooc.com/636e09730001c42908220499.jpg


浏览器查看效果 空白

http://img4.sycdn.imooc.com/636e099f0001aef908440414.jpg





查看源码,模板标签是不会显示出来的,而html标签是会显示出来的

http://img4.sycdn.imooc.com/636e09c30001db2d14690539.jpg




所以想写老板坏话不能使用html标签O(∩_∩)O




城市渲染循环


添加参数  list_city= ()

http://img2.sycdn.imooc.com/636e1c000001eae205860106.jpg


传到模板里

http://img3.sycdn.imooc.com/636e1c170001901b04760104.jpg


html的循环代码

{%for item in list_city %}

{{item}}

{%endfor%}


http://img3.sycdn.imooc.com/636e1c5c0001a6ca09790539.jpg


http://img4.sycdn.imooc.com/636e1cab0001bd8e07300362.jpg



商品渲染循环

http://img1.sycdn.imooc.com/636e1fec00014af105100239.jpg


http://img1.sycdn.imooc.com/636e20400001809710200406.jpg


可以加上条件判断


商品的价格在99以上的就显示

先把一个商品价格修改99块

http://img1.sycdn.imooc.com/636e228400012f7907750399.jpg


{% for item in list_prods %}

    {%{if item.price >=100%}}

    {{item.name}} {{item.price}}

{{endif}}


{{endfor}}


http://img2.sycdn.imooc.com/636e240300014c1907640385.jpg


菠萝就不会显示出来了

http://img2.sycdn.imooc.com/636e244b0001c95c07680441.jpg




订单渲染

如果没有订单的话 用{{%empty%}}语句

就会显示没有订单了



订单设置为空

http://img2.mukewang.com/636e28aa000183c406470355.jpg

html 写入empty语句

http://img3.mukewang.com/636e28ba0001ba3706830370.jpg


订单为空的话就会显示没有订单了


http://img2.mukewang.com/636e28e90001fee908280577.jpg



本节完!!!!O(∩_∩)O


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP