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

使用imag.js开发过很多类型的模板，比如新闻、社交、办公类等，今天和大家分享如何开发电商类的app

电商类app的基本功能

商品商城首页、商品画面展示、商品信息录入（展示图片录入）、客户评价（商品图片录入）、会员中心（联系我们）、后台信息录入

电商类app制作流程一般分为七步：

1、明确表达和确立企业需求

2、需求评估

3、项目技术开发与视觉规划

4、程序开发

5、测试

6、交付上线

7、维护与版本升级

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

以下图为例，页面可分为四大部分

1、标题栏

第一部分的标题栏使用原生控件title标签，和HTML中的title不同的是他有且仅有三个子标签分别是<left><center><right>，第一部分可以划分为三个小模块扫码按钮、搜索框和消息按钮分别对应title的三个子标签

在left子标签添加扫码(
http://www.imagapp.com/doc/phone-barcode)的脚本功能——$phone.barcode()

2、顶部标签栏

顶部标签栏tabbar(
http://www.imagapp.com/doc/tabbar)需要写在header标签里，通过多个item来切换不同的页面

3、内容展示

内容展示部分大多数情况下都会使用list(
http://www.imagapp.com/doc/list)标签进行布局,需要跳转页面的可以在标签内添加onclick点击事件属性。

4、底部标签页

底部标签页切换不同的页面是tab(
http://www.imagapp.com/doc/tabs)标签实现的，tab标签很简单，只要把title和content等控件放到tab里面就可以了。

其他页面大家想要用什么样的布局方式都可以尝试一下，这里就不一一细讲了。

详细代码可以在github(
https://github.com/imagjs/ecommerce-app)上查看

爱码哥微信号：iMAG_app