# 本节知识点 - 1,简单列表页的实现 - 2,wx:for的学习 - 3,image图片组件的学习 - 4,商品列表的实现 - 5,简单布局样式的学习 # 本章效果图 ![](https://box.kancloud.cn/0ec9632cac2b88e71fdb286f3378e14b_476x856.png =180x) # 课后作业 - 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(备注小程序)