wepyjs在手机充值小程序中的应用

作者：madcoder，来自原地址

Wepyjs已经发布了四个月，中间经历了多次版本更新。渐渐地，一些用户选择wepyjs作为开发框架来开发小程序，比如一些在线小程序。

以及wepyjs在线的一些相关资源：

演示源代码：一、图书馆管理系统组件：图表控件

所以我也分享了wepyjs在手机充值小程序开发过程中的应用经验，可以和传统小程序开发中的差异进行对比。

注：本文不涉及wepyjs的使用和解释。如果有必要，请参考我的另一篇文章“为小程序构建基于组件的开发框架”，或者直接参考wepyjs项目地址。

在

组件化

的开发过程中，预期的逻辑代码被划分为业务模块。从视觉上看，主页可以分为五个模块，即：

输入框：输入下拉历史：历史充电：移动充电：流量右下角菜单：如下图菜单：

在原生小程序中，可以利用小程序的模板特性来达到模块化差异化的目的，具体如下：

！-index . wxml-import src=' components/Input '/import src=' components/history '/import src=' components/mobile '/import src=' components/traffic '/import src=' components/menu '/view class=' page index ' template is=' comInput ' data=' { { number } } '/template is=' comMobile ' data=' { { mobileList } } '/template is=' comTraffic ' data=' { { traffic list } } '/template is=' comment u '/'/组件/输入’)；