随着这两年微搭产品的迭代，目前组件基本够用，像常用的支付这种功能也是有的，因此我们就可以结合现有功能来完成一个实际使用的小程序的开发。
我们本次的实战课，是以加油站的业务场景为出发点，涵盖会员的开通、充值、消费、积分兑换等常用场景。结合实战案例，我们完整的介绍一下IT的常用技能，如需求分析、原型制作、数据源及功能设计、编程技巧等。
通过实战案例的讲解，带着大家从0到1的搭建一款小程序，让零基础的同学也可以循序渐进的学会低码的开发方式。掌握之后，稍微变化一下就可以变成你自己实用的小程序。我们本篇先介绍一下原型图
1 首页
首页主要是一个各类功能的导航入口，我们轮播图可以放置广告，主体功能还是引导用户充值。结合位置信息向用户提示了当前站点距离你的距离，而且可以点击地图进行导航到店。今日价格以表格的形式列出今日的油价。底部菜单可以进行功能的切换。
2 充值页
充值页显示当前用户的会员卡，并引导用户根据充值金额进行充值，点击其他充值金额进入金额的手动充值页面
3 其他充值页面
由用户自主决定充值的金额，并完成充值
