# 本節知識點
- 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小時實戰入門小程序開發筆記](http://www.hmoore.net/java-qiushi/xiaochengxu)
**視頻：** [零基礎10小時實戰入門小程序開發筆記視頻](https://edu.csdn.net/course/play/9531)
最好跟著老師的教程敲代碼，如果實在敲不出來，加老師微信索要源碼
# 老師微信
2501902696（備注小程序）
