本篇为了展示自己的实战结果,完成了对淘宝功能的实现,主要用于毕业设计的完成。
首先贴图以表效果,虽然拉跨,但是毕业够用!
首先:要开发一款淘宝类的APP,其实分为两种,一种是淘宝平台类型的,支持第三方店铺入驻,自行管理的;还有一种就是仅仅支持自己的店铺、自营电商。
无论是哪一种,因为电商类的APP涉及的细节非常多,比如一个简单的产品展示功能,就包括各类标签、排序、数量、价格、热销、活动优惠等等,还涉及支付、订单、会员、营销等系统。
第二:说一下淘宝类似的APP产品部分,包括:
APP平台所包含的产品:安卓版APP、苹果iOS版APP、运营管理后台、服务器、手机助手。这五大产品每一个部分都需要重新开发,所以,APP开发非常复杂.
果是选择第三方外包的话,这样一个大型电商商城APP的开发价格通常起步就在20万左右。根据APP开发的深度及性能的差异,费用进行浮动。具体的大家可以咨询专业的APP外包公司。
这样的开发成本90%的中小企业是无力承担的,所以过去也很少有中小企业开发自己的APP。这里可以给广大中小企业介绍一种简单的实现路径,不需要编程极速制作,而且还有模板可以一键制作。
这就是最新新兴的APP平台化制作模式,采用SaaS式一站式服务,以应用公园APP在线制作平台为例:
我知道你们最想要的是代码附上代码楼!
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginTop="10dp" android:paddingBottom="1dp" android:orientation="horizontal"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/school" /> <LinearLayout android:layout_width="27dp" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:layout_width="27dp" android:layout_height="wrap_content" android:textSize="12dp" android:text="所有"/> <TextView android:layout_width="27dp" android:layout_height="wrap_content" android:textSize="12dp" android:text="学校"/> </LinearLayout> <EditText android:id="@+id/edit" android:layout_marginLeft="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/edit" android:hint=" 请输入想要查找的宝贝" android:textSize="13dp" android:focusable="false" /> <ImageView android:layout_marginLeft="4dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/camera" /> <ImageView android:layout_marginLeft="1dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/sao"/> </LinearLayout> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="10dp" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:layout_marginLeft="12dp" android:src="@drawable/poster"/> <TableLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="25dp"> <TableRow android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/tableRow1"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:id="@+id/a" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/book" /> <TextView android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="书籍教材" android:textSize="12dp"/> </LinearLayout> </TableRow> <TableRow android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/tableRow2"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/shopping" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="校园代购" android:textSize="12dp"/> </LinearLayout> </TableRow> </TableLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:text="优惠专区" android:textSize="17dp"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginTop="10dp" > <ImageView android:layout_width="104dp" android:layout_height="104dp" android:src="@drawable/kouhong" android:scaleType="centerInside" /> </LinearLayout> <TextView android:layout_marginTop="15dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:text="精品抢购" android:textSize="17dp"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginTop="15dp" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:layout_marginLeft="10dp"> <ImageView android:layout_width="159dp" android:layout_height="159dp" android:src="@drawable/lamp" android:scaleType="fitXY" /> <TextView android:paddingLeft="8dp" android:paddingRight="8dp" android:paddingTop="8dp" android:paddingBottom="2dp" android:layout_width="159dp" android:layout_height="wrap_content" android:text="美的无线可充式LED台灯护眼书桌学生学习专用" android:textSize="13dp" android:textColor="@color/dark_black" android:background="@color/white" /> <LinearLayout android:layout_width="159dp" android:layout_height="wrap_content" android:orientation="horizontal" android:background="@color/white"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="¥18.8" android:textColor="@color/colorRedAccent" android:paddingLeft="8dp" android:textSize="13sp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=" 36721人付款" android:textSize="11dp"/> </LinearLayout> </LinearLayout> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:layout_marginTop="15dp" android:text="闲置区" android:textSize="17dp"/> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:orientation="horizontal"> <LinearLayout android:layout_marginTop="15dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:layout_width="159dp" android:layout_height="159dp" android:src="@drawable/oldbook" android:scaleType="fitXY" /> <TextView android:paddingLeft="8dp" android:paddingRight="8dp" android:paddingTop="8dp" android:paddingBottom="2dp" android:layout_width="159dp" android:layout_height="wrap_content" android:text="上热力学统计物理的教材汪志诚编著已划了重点" android:textSize="13dp" android:textColor="@color/dark_black" android:background="@color/white" /> </LinearLayout> </LinearLayout> </LinearLayout> </ScrollView> </LinearLayout>
代码采用结构activity+view+sqlite
Eventbus的使用
购物车功能+商品展示
自定义dialog
应用这种模式,让APP开发成本可以降低90%左右,不需编程轻松完成.