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