大家好,我是解密小程序,在之前的课程中我们已经讲解了小程序的搭建流程。但在与大家交流的过程中,我发现大家对这些流程其实都有一定的了解,因而更需要的是一份小程序的详细制作教程,那么在接下来的课程中,我们将针对各种类型、各行各业的小程序做一份详细的小程序制作教程。小程序的制作过程各有不同,功能越多的小程序制作起来越是复杂,那么这一节课我们从一款点餐的小程序开始。
![6f4488a1ce538af95b056aec3caef717.png](https://i-blog.csdnimg.cn/blog_migrate/42e512a6566fbfff042ef392810bad30.jpeg)
今天介绍的这款小程序是微擎中的【夕雾】扫码点餐,这个点餐的小程序后台看起来还是比较简单的,但是在我制作的过程中发现,其实功能还是很强大的,不但有店内扫码点餐、预约点餐、外卖派送,自带语音播报,还带有营销功能,基本可以满足餐厅所需。安装搭建过程之前都讲过了,那我们就直接从制作开始了。
步骤:
制作每一个小程序都应该从参数设置或者系统设置开始,我们先把整体设置好了再来设置其他的地方。
一、参数设置:可以看到这个小程序的参数设置还是很简单的,大家根据自己的情况需要来设置即可。需要注意的是,自动接单的开启,自然是可以节约不少的时间,但是如果会有缺货或者其他意外情况的发生,就会比较麻烦,个人建议还是关闭比较好。
![9571e8603efa3070739c50a30aaaa09f.gif](https://i-blog.csdnimg.cn/blog_migrate/9412c67b3bba625b35a491058394c442.gif)
二、后台管理:这是一个统计页面,不需要设置,在这里我们可以直观的查看店铺的订单及收入,还有产品销量。
![dcf423ab2971406af509f948f6aedfda.png](https://i-blog.csdnimg.cn/blog_migrate/981acc661ce857d36333258f52625341.jpeg)
三、店铺管理:这个小程序为单店版的,需要在这里设置店铺的基本信息,这些信息会在小程序首页展示,所以一定不要填写错了。店铺位置直接在地图上查找就可以了,鼠标滚动可以放大地图,点击一下就会自动填写经纬度及详细地址,这一点也是非常方便的。店铺详情这里可以编辑图文、视频、表格等等。
![3c8968bc8f214b18226a760952574516.gif](https://i-blog.csdnimg.cn/blog_migrate/e9b407532dc1940a82b01b527385409e.gif)
四、会员中心:这里不但可以查看会员的余额、积分、订单数量及优惠券,还可以手动给会员发送优惠券。
![4bb276ace8bf49165d4d420229d434fc.png](https://i-blog.csdnimg.cn/blog_migrate/40ddd8369451ef30c53b3e7e729fe4dd.jpeg)
五、商品管理:在这里上传店铺里的商品。详情图建议使用正方形图片,详情轮播图要使用一样的尺寸,这样显示出来才美观。保存之后,商品就添加完成了,但是,这样在前端是不显示的,我们需要来设置分类。
![de583f1756ad4a564b96a321288981a6.gif](https://i-blog.csdnimg.cn/blog_migrate/f8745cfc1393e82fec87b55125d72b1a.gif)
六、分类管理:添加分类,选择分类下的商品,这样商品在前端才会显示。
![a173643a00f98ed9e2dac9858f0555a8.png](https://i-blog.csdnimg.cn/blog_migrate/049e281f29fb06844ce32481e31ee511.jpeg)
七、订单管理:这里我们可以看到订单的全部信息,待客户付款后,我们可以确认接单,打印小票。
![23a98a7cb0cd0c23c8db762a749b67a6.png](https://i-blog.csdnimg.cn/blog_migrate/0e8b7c42b7cbec7ea9a0e395c23f63c2.jpeg)
我这里用的是排队取号的订单,顾客支付后,在详情中可以看到点餐码,商家制作好后,可以点击取餐提醒,系统将语音提示“请XXX号取餐”,顾客就可以来取餐了。外卖订单、预约订单都是一样的,这里就不再重复讲了。
![56cfaece6c8dcf5bc90c8e8f2c0ea0d1.png](https://i-blog.csdnimg.cn/blog_migrate/3921a9eef1b3fca7d03d740ba65daad5.jpeg)
八、评价管理:这里就是顾客的评价,顾客评价后,这一单就交易完成了。商家可以在后台设置显示或者隐藏评价。
![2ad8d603d83d34ce04cac17a914f4abe.png](https://i-blog.csdnimg.cn/blog_migrate/169538bc1cecfdc87267c1e3d86466e4.jpeg)
九、营销管理:营销方法有三种,店铺优惠、优惠券及充值赠送,都是餐饮行业实用的营销方法。
![c93ab3e266b493215b379efa89f3259b.gif](https://i-blog.csdnimg.cn/blog_migrate/ed652882d82b1bd1358c83e8d87a36ed.gif)
- 店铺优惠:设置店内消费满多少元可减多少元,例如满10元减1元,满100元减10元等等,这里仅用于店内买单。
- 优惠券:设置满多少元减多少元,优惠券不能用于店内买单,其他的都可以用,可以直接从首页领取,也可以用积分兑换。
![a789f49eff24a88db08266cef6bd465a.png](https://i-blog.csdnimg.cn/blog_migrate/7535718d003a8696ce1d111758f05a7a.jpeg)
- 充值赠送:在我的钱包里充值,就相当于会员卡充值,既可以快速回笼资金,提高顾客的活跃度,更便于做优惠活动等等。
![ab89567c6e542fa7ab809db861999351.png](https://i-blog.csdnimg.cn/blog_migrate/84c2a183de48fcf54f2f09bbe8a9c2a8.jpeg)
十、桌面码:就是生成贴在桌面的小程序码,方便顾客扫码点餐。注意,这里计数是从0开始的,也就是说数量填写1,会出来2个小程序码,即0号桌与1号桌。
![2ef50aae2930a5e848941af913c476af.png](https://i-blog.csdnimg.cn/blog_migrate/28e26fa45cd5e5339c93fdc431453a23.jpeg)
十一、模板消息:点击添加模板,会自动生成,便于向用户发送重要的消息通知。
![f7b63245407ea7dc1ca9506426ea4fd5.png](https://i-blog.csdnimg.cn/blog_migrate/2e19ba9f1a15fa7f6a8c085503317d66.jpeg)
十二、打印机:打印机目前仅支持飞蛾云打印机。
![5901742c6e98c9d82c1d562492ac3039.png](https://i-blog.csdnimg.cn/blog_migrate/d2e4dd3834398680301614b0005f2c12.jpeg)
好了,小程序的后台我们就全部设置完成了,当然我这里就是简单设置了一下,大家正式运营的话,还是要多补充一点内容。我们来看一下前端是什么样的。
![0100ff39ad1f1948363386c6d18c573c.gif](https://i-blog.csdnimg.cn/blog_migrate/c5b6baee6e07b05a8f23d8b9527b3199.gif)
总结:如果你打算做一款正式版的小程序,可以采用官方的源码,他们会不断地更新,优化功能,我这里用的是旧版源码,主要用于教授大家学习研究使用。总体来说这是一款非常简单明了的小程序,功能强大但制作简单,还是非常实用的。如果您觉得有用,请多多支持关注,我们将更新更多优质教程,感谢您的观看!