# 本节知识点 - 1,button按钮的使用 - 2,下单功能的简单实现 - 3,本地存储,存值取值的实现 - 4,订单列表的实现 - 5,tabbar实现底部导航栏 - 6,多页面的展示 # 本章效果图 ![](https://box.kancloud.cn/1691ee3fb8f176ceaddd75a15a6cc5e2_476x854.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/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(备注小程序)