# 本節知識點 - 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（備注小程序）