为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Html5 CSS3 Django

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


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


2.课程内容:


模板标签是什么


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


标签的语法

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


循环控制的语法

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


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

其他逻辑控制


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




模板标签与 html 注释的区别


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


  1. 写法上不同

  2. 权限上不同


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


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

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


views

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


添加新的 html 测试用

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


写入模板标签 和html标签


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


浏览器查看效果 空白

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





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

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




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




城市渲染循环


添加参数  list_city= ()

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


传到模板里

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


html的循环代码

{%for item in list_city %}

{{item}}

{%endfor%}


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


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



商品渲染循环

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


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


可以加上条件判断


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

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

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


{% for item in list_prods %}

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

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

{{endif}}


{{endfor}}


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


菠萝就不会显示出来了

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




订单渲染

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

就会显示没有订单了



订单设置为空

https://img1.sycdn.imooc.com//636e28aa000183c406470355.jpg

html 写入empty语句

https://img1.sycdn.imooc.com//636e28ba0001ba3706830370.jpg


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


https://img1.sycdn.imooc.com//636e28e90001fee908280577.jpg



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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消