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

作者：madcoder，来自原文地址

wepyjs 发布了四个月了，中间经历了很多版本更新，也慢慢开始有一些用户选择 wepyjs 作为开发框架来开发小程序，比如一些线上小程序。

以及一些来自网上的 wepyjs 的相关资源：

demo源码： one，图书管理系统
组件：图表控件

因此我也将手机充值小程序在开发过程中 wepyjs 的应用心得分享出来，可以参照对比与传统小程序开发上的差异。

说明：本文不涉及到 wepyjs 的使用与说明，如果需要请参看我的另一篇文章 ”打造小程序组件化开发框架” 或直接参看wepyjs 项目地址。

组件化

开发时期望逻辑代码按照业务模块划分，从视觉图上来看，首页可以分为五个模块，分别是：

• 输入框：Input
• 下拉历史记录：History
• 充话费：Mobile
• 充流量：Traffic
• 右下角菜单：Menu

如下图：

在原生小程序中，可以使用小程序的模板特性来达到模块化区别的目地，如下：

<!-- index.wxml -->
<import src="components/input"/>
<import src="components/history" />
<import src="components/mobile" />
<import src="components/traffic" />
<import src="components/menu" />
<view class="pageIndex">
    <template is="comInput" data="{{number}}" />
    <template is="comMobile" data="{{mobileList}}" />
    <template is="comTraffic" data="{{trafficList}}" />
    <template is="comMenu"/>
</view>

// index.js
var Input = require('./components/input');
 
                 
                邀请 
              
              

               
               
              
              

               
            
             
                        
 
              






                鲜花                (1)







                鸡蛋                






刚表态过的朋友 (1 人)




三弦




 
            
            


分享至 :


QQ空间



收藏

            
            

             
                        
 
              微信小程序省市三级联动 
              在小程序开发中使用redux 
            
             
            

                   
                  来自: 原文地址 
                   
                   
                              
            

 
            
                        

              

                
相关阅读
              
              

                

                                    
                  
• 小程序基于wepy框架开发仿微信界面DEMO
                                    
                  
• 使用小程序组件化开发框架wepy
                                    
                  
• WePY 在小程序性能调优上做出的探究
                                    
                  
• 微信小程序组件化开发框架wepy命令行管理工具
                                    
                  
• WePY-小程序框架设计
                                    
                  
• 微信小程序框架——wepy使后感
                                    
                  
• 微信小程序充值及充值回调后的处理
                                    
                  
• 微信小程序开发库grace和wepy的对比
                                    
                  
• 微信小程序框架——wepy使后感
                                    
                  
• 试了微信小程序原生和mpvue后，我最后选择了wepy
                                  
              
            
             
            
          
          
          

           
        
      
       
       
      

  
 
    2 条回复
  
  
 
    
     
     
    

     
                
 
  

    

      
  
       
          
         天下雪
                
       
       2017-4-11 11:03
       
          
       
       
    
    
me_fujing: 这个wepy怎么用 看了半天也没看明白
晚点我要聚合一下全网相关内容
    
回复
 
  


 
     
          
                
 
  

    

      
  
       
          
         me_fujing
                
       
       2017-4-10 17:08
       
          
       
       
    
    
这个wepy怎么用 看了半天也没看明白
    
回复
 
  


 
     
             
      
  

        

    

     






                



		










发表回复
                

           
    
    
    
    

   
    
         

    
    
 
       
      
      

       
    
  
  

    
    

    
    
 
      
      

       
    
  



 
  
  

   


 
 
     



  

     
© 2019 极乐科技 | 
         鄂ICP备14019861号-2 |         鄂公网安备：42018502003797 | 网站地图
         
        








     
  
 
 

 

 
 

 

 
 
 

 
 

 
 
 
 
 

  



返回顶部