# 本节知识点 - 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天实战入门小程序开发笔记](https://www.kancloud.cn/java-qiushi/xiaochengxu) **视频：** [零基础10天实战入门小程序开发笔记视频](https://edu.csdn.net/course/play/9531) 最好跟着老师的教程敲代码，如果实在敲不出来，加老师微信索要源码 # 老师微信 2501902696（备注小程序）