前言微信小程序目前比较火。抱着学习的目的和态度，我写了一个模仿“CoCo可以用手机点餐”的微信小程序，实现了大致的功能。那么，小编就为大家介绍一下这款微信小程序吧。使用的工具：1.VisualStudioCode编译器2.微信web开发者工具3.EasyMock创建后台数据4.Iconfont-Alibaba矢量图标库5.微信小程序开发文档实现的功能要点1.页面宣传图片自动和手动切换功能2.自助点餐功能3.加入购物车功能4.清空购物车，购物车加减酒水功能5.选择弹出功能页面，推广图片自动和手动切换功能小程序自带的swiper(sliderviewcontainer)制作完成，可以旋转多张图片，设置值即可，图片是网上下载的。具体代码如下：WXML（HTML）代码CSS代码自助下单功能如图，这个自助下单点击跳转商品列表页是使用bindtap绑定功能实现的，然后使用小程序自带的apiwx.navigateTonavigation，wx.navigateTo可以在应用中保持当前页面跳转到某个页面。WXML代码js代码添加购物车弹窗功能。这个添加购物车是通过easy-mock后台创建数据，使用wx.request请求数据。添加带有数组的项目被添加到数组中。WXML代码js代码数据请求购物车操作等一些功能就不一一展示了，如下图：写微信小程序的几个技巧：1.多看文档，微信小程序自带的api组件有很多么？是的，不写发现自己写的都是内置组件。推荐一个文档链接：https://mp.weixin.qq.com/debu...2.小图标可以剪下来或者从网上下载。我是从一个图标库下载的，风格很All，很好用。链接：http://www.iconfont.cn/collec...3.创建后台数据，使用easymock，这个也好用。链接：http://www.easy-mock.com4.css样式可以参考weui，在全局样式app.wxss中引用，适用于所有界面，可以节省很多写css代码的时间.5.有不懂的地方百度，请教前辈，6.学习如逆水行舟，不进则退。键入更多代码。完整项目地址https://github.com/Everglow1/...仅供学习交流，谢谢！
