亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【金秋打卡】第20天 繼續模板標簽的使用 當前時間的顯示

標簽:
Html5 CSS3 Django

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


课程章节:当前时间的显示


2.课程内容:


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


html循环渲染对象的方法

添加测试对象

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



记得加上 items 不然会报错

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



在for 循环里帮商品排序

倒序 添加关键字 reversed 就可以了


原本顺序  葡萄  苹果 菠萝

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


设置倒序

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


就会显示变倒序了

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


添加变量属性 添加下标


forloop .counter


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





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



设置为0开头也可以 这里就

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

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



如果在循环中为商品添加颜色背景,那么颜色背景也会跟着循环下去

添加变量名字 row1 row2

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

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

会一直红绿红绿这样。。。

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


url标签的使用

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


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

点击打印后自动跳转  根据nama进行解释url

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





带参数的url

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



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



这样子就会把2022 传到url里面


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


当前时间的显示


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



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

本节完!! ,又是及时打卡的一天





















點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
數據庫工程師
手記
粉絲
5
獲贊與收藏
0

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消