# 本节知识点 - 1，button按钮的使用 - 2，下单功能的简单实现 - 3，本地存储，存值取值的实现 - 4，订单列表的实现 - 5，tabbar实现底部导航栏 - 6，多页面的展示 # 本章效果图  # 课后作业 - 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/9604](https://edu.csdn.net/course/detail/9604) - 3，本地存储官方文档： [https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html](https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html) - 4, button按钮组件官方文档[https://developers.weixin.qq.com/miniprogram/dev/component/button.html](https://developers.weixin.qq.com/miniprogram/dev/component/button.html) - 5，云开发官方文档：[https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html) # 本节核心代码 - 1，tabbar的图标使用 ``` "tabBar": { "selectedColor": "#d81e06", "list": [ { "pagePath": "pages/index/index", "text": "商品列表", "iconPath": "./images/tab1n.png", "selectedIconPath": "./images/tab1y.png" }, { "pagePath": "pages/orderlist/orderlist", "text": "订单列表", "iconPath": "./images/tab2y.png", "selectedIconPath": "./images/tab2y.png" } ] }, ``` # 本节资源 在线视频：[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（备注小程序）