本篇博客为了展示自己的实战结果,完成了对淘宝功能的实现,主要用于毕业设计的完成。
首先贴图以表效果,虽然拉跨,但是毕业够用!


首先:要开发一款淘宝类的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/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%左右,不需编程轻松完成.

更多推荐

Android购物软件制作(毕业设计)