# 本節知識點
- 1,簡單列表頁的實現
- 2,wx:for的學習
- 3,image圖片組件的學習
- 4,商品列表的實現
- 5,簡單布局樣式的學習
# 本章效果圖

# 課后作業
- 1 ,跟著老師實現一個簡單的列表布局
- 2,跟著老師實現商品列表布局
- 3,跟著老師實現圖片組件的使用
# 課程中用到的網址
- 1,小程序列表渲染文檔:[https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html?search-key=%3Cblock](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html?search-key=%3Cblock)
- 2,在線視頻講解:
[https://edu.csdn.net/course/detail/24770](https://edu.csdn.net/course/detail/24770)
- 3,image組件官方文檔:
[https://developers.weixin.qq.com/miniprogram/dev/component/image.html](https://developers.weixin.qq.com/miniprogram/dev/component/image.html)
- 4, flex彈性布局的學習
[https://www.runoob.com/css3/css3-flexbox.html](https://www.runoob.com/css3/css3-flexbox.html)
# 本節資源
在線視頻:[https://edu.csdn.net/course/detail/24770](https://edu.csdn.net/course/detail/24770)
源碼下載:請加老師微信獲取源碼 2501902696
微信學習群:加老師微信讓老師拉你進群
# 零基礎入門小程序開發
如果你還不知道怎么注冊小程序,怎么使用小程序開發者工具,怎么獲取到自己的appid,怎么上線自己的小程序,請移步到老師的另外一門課程《零基礎10天實戰入門小程序開發》
筆記:[零基礎10天實戰入門小程序開發筆記](http://www.hmoore.net/java-qiushi/xiaochengxu)
**視頻:** [零基礎10天實戰入門小程序開發筆記視頻](https://edu.csdn.net/course/play/9531)
最好跟著老師的教程敲代碼,如果實在敲不出來,加老師微信索要源碼
# 老師微信
2501902696(備注小程序)