新技能get|有了它你也可以做电商app

阅读更多
使用imag.js开发过很多类型的模板,比如新闻、社交、办公类等,今天和大家分享如何开发电商类的app
电商类app的基本功能 
商品商城首页、商品画面展示、商品信息录入(展示图片录入)、客户评价(商品图片录入)、会员中心(联系我们)、后台信息录入
   
电商类app制作流程一般分为七步: 
1、明确表达和确立企业需求
2、需求评估
3、项目技术开发与视觉规划
4、程序开发
5、测试
6、交付上线
7、维护与版本升级

我们主要讲一下第四步程序开发

以下图为例,页面可分为四大部分
 
1、标题栏 
第一部分的标题栏使用原生控件title标签,和HTML中的title不同的是他有且仅有三个子标签分别是
,第一部分可以划分为三个小模块扫码按钮、搜索框和消息按钮分别对应title的三个子标签  

    <left>
        <button onclick="" style="background:sweep.png;height:20;width:20"></button>
    </left>      
    <center>
        <input type="search" placeholder="在众多App开发中选择iMAG" 
        style="tint-color:#ffffff;background:#e6e6e6;color:#323232;width:281;font-size:10;corner-radius:5"/>        
    </center>
    <right>
        <button onclick="" style="background:message.png;height:20;width:20"></button>
    </right>

 
在left子标签添加 扫码的脚本功能——$phone.barcode()

2、顶部标签栏
顶部标签栏 tabbar需要写在header标签里,通过多个item来切换不同的页面
   
3、内容展示 
内容展示部分大多数情况下都会使用 list标签进行布局,需要跳转页面的可以在标签内添加onclick点击事件属性。

    
        
            
            
        
        
            
                
                    
                    
                
                
                    
                    
                
                
                    
                    
                
                
                    
                    
                
            
        
    

 
4、底部标签页 
底部标签页切换不同的页面是 tab标签实现的,tab标签很简单,只要把title和content等控件放到tab里面就可以了。

其他页面大家想要用什么样的布局方式都可以尝试一下,这里就不一一细讲了。      
 
详细代码可以在 github上查看

你可能感兴趣的:(移动开发,原生应用,跨平台,爱码哥)