基于Android的创意者互动交易平台设计

邱雷 周宇航 谢凡殊

摘要：近年来，普通用户对个性化的需要日益强烈，但市场上并未有专门针对用户个性化创作的互动交易平台。该文在基于用户个性化创作的需求下，设计并实现了一种基于Android的创意者互动C2C交易平台。此平台基于开源移动平台Android开发，服务器采用Spring WebMvc框架，解决了传统通信应用在交易上的不便，满足了普通用户的个性化创作需求。

关键词：Andorid;Spring;C2C;创意者;互动平台

中图分类号：TP311.52     文献标识码：A     文章编号：1009-3044（2018）35-0095-03

Abstract： In recent years， the needs of common users for personalization have apperered increasingly， but there is no interactive trading platform for personalized creation on the market. In this paper， an interactive C2C trading platform Based on android is designed and implemented under the needs of personalized creation by users. This platform is developed Based on the open source mobile platform Android， and the server adopts Spring WebMvc framework， which solves the inconvenience of traditional communication applications in trading， and meets the personalized creative needs of common users.

Key words：Andorid; Spring Framework; C2C; Creativers; Interactive Platform

1 背景

隨着网络技术的快速发展，工业化大规模生产带来的负面影响日益明显，即消费者不再满足于做传统交易中被动选择的角色，而更愿意在供大于需的市场状态下追求个性化商品。基于这样的市场需求，此文实现了一个基于Android平台的创意者互动C2C交易平台。该平台用户分为两种角色：设计师和商家。用户可以作为设计师，售卖自己设计稿或者购买商家发布的实体商品，同时也可以作为商家，购买设计稿，制作成实体商品放在平台上售卖。在这个平台上，每个人都可以实现自己的设计师梦，用户不但可以将自己的DIY作品变得更为精致美观，而且可以轻松挑选到自己喜欢的定制商品，达到平台与用户个人自身价值提升的共赢局面。

2 系统总体设计

该平台设计了六大功能模块，分别是登录注册模块、首页信息模块、知世（板块推荐）模块、商品发布模块、消息查看模块、个人信息模块。系统功能结构图如图1所示。

在UI设计上，主色调选择了蓝色，通过调节主色调的饱和度，再配以粉色系板块按钮，实现了美学设计中被广泛运用的粉蓝调色彩搭配。

在图标设计上，该平台选择了扁平化风格，摒弃了拟物化设计，使用了简约的符号元素以加强人机交互的舒适感。

1.1 登录注册模块

此模块包含了登录和注册两个模块。在登录模块内，根据用户输入的用户名和密码，与服务器中的数据进行匹配，验证账号和密码的正确性。若匹配成功，则用户可以顺利登入平台，若匹配失败，向用户提示错误信息。在注册模块内，尚未注册的用户可以输入用户名、邮箱及密码完成注册。

1.2 首页信息模块

此模块包含了大赛活动和设计分类（小世界）两个模块。大赛活动模块中会展现平台组织的活动推送;小世界模块则是用于展示不同设计稿的分类，如服装设计稿、胶带设计稿、饰品设计稿等。一个设计稿分类即为一个“小世界”。

1.3 知世模块

此模块显示用户已关注的设计稿文章类别（即用户感兴趣并且已关注的“小世界”）。在关注后，用户能在该模块下看到已关注的小世界发布了的设计稿文章，在文章中的商品列表可点击详情直接进入该商品的详情页。

1.4 商品发布模块

此模块是用户的个性化设计或实体商品的发布窗口。每个用户具有两种角色：设计师和商家。当用户作为设计师发布设计稿或者作为商家发布实体商品时，需要进入此模块发布相应的设计或实体商品，同时为其拟定名字、添加文字或图片描述以及确定价格。

1.5 消息查看模块

此模块用于显示用户的互动消息列表。当用户对某个设计稿或者实体商品感兴趣时，可以联系设计师或商家进一步了解相关商品信息;设计师或商家也可以主动联系用户，推荐新款设计稿或者实体商品，保证了用户与设计师或商家良好的互动交流。

1.6 个人信息模块

此模块包括我的订单、我是个人设计师以及我是商家三个模块。在个人信息模块中，用户可查看或修改自己的个人信息;在我的订单这个模块中，用户可以查看已下单的商品列表;在我是个人设计师模块中，用户可以查看或修改已发布的设计稿列表;在我是商家模块中，用户可以查看或修改已发布的实体商品列表。

2 系统具体实现

2.1 开发环境介绍

在当前移动设备不断普及和发展的潮流下，移动设备操作系统也在不断地迭代更新。智能手机上的操作系统由以前的Android、IOS、Windows Phone、Symbian、BlackBerry几大主流操作系统渐渐转变为Android、IOS两大操作系统。近年来，Android的发展也越发迅猛，拥有稳定增长的用户群和良好的市场发展前景。因此该平台选择了Android作为App开发的系统架构。

2.2 客户端设计

2.2.1 登录注册界面实现

当用户第一次使用App时，需要跳转到登录界面，已注册的用户可以直接登录，然后跳转到首页界面;尚未注册的用户可以点击注册跳转到注册界面完成注册，注册完成后返回登录界面进行登录。

在点击登录按钮之后，采用JSON格式与服务器进行数据交换，验证用户名密码是否正确。注册同登录类似，在接收用户的账号密码后，通过JSON与服务器进行信息交互以完成用户注册。登录注册模块流程图如图2所示。

登录注册界面的具体实现效果如图3所示。

2.2.2 底部导航栏实现

底部菜单栏存在四个主要界面选项：首页界面、知世界面、消息界面及个人界面。在选中一个菜单选项时，需要图片及文字都表现对应的状态。为保证较大的事件响应范围，点击事件赋予了包含图片和文字的父控件。这里利用背景选择器selector实现选中背景和未选中背景的切换，这种方式响应速度更快，对用户的反馈更加直接，能达到更好的用户体验。

这里以主页按钮的背景选择器selector_home.xml文件为例。当处于state_selected状态时，背景显示选中时的按钮图片，否则显示未选中时的按钮图片。相关源码如下：

<？xml version="1.0" encoding="utf-8"？>

<selectorxmlns：android="http：//schemas.android.com/ apk/res/android">

<itemandroid：state_selected="false" android：drawable

="@drawable/comui_tab_home"/>

<item android：state_selected="true" android：drawable

="@drawable/comui_tab_home_selected" />

</selector>

底部菜单栏的具体实现效果如图4所示。

2.2.3 Activity间数据通信实现

这里以HomeActivity與ItemHomeDesignActivity之间的通信为例。点击首页分类列表中的一项时，利用Intent跳转到该分类所属的Activity，同时通过Intent中的putExtra函数将点击到的分类列表信息从HomeActivity传递至ItemHomeDesignActivity。这里传递的信息类型是自定义类HomeItem，在类中实现了Serializable序列化接口用于适配信息传递。相关源码如下：

1） 数据发送

Intent intent = new Intent（HomeActivity.this，ItemHomeDesign

Activity.class）;

intent.putExtra（"HomeDesignItem"，homeItemList.get（arg2））;

2） 数据接收

getIntent（）.getSerializableExtra（"HomeDesignItem"）;

首页及其二级界面具体实现效果如图5所示。

2.2.4 客户端服务器间通信实现

服务器使用MVC设计模式，客户端与服务器之间通过JSON进行数据交换，在Controller层应答客户端请求。这里以个人发布商品列表界面为例，客户端首先向服务器发送获取设计稿列表的Http请求，服务器端配置了JSON消息解析器，Controller层返回一个Java对象，并非直接返回一个设计稿分类列表，由JSON解析器对返回的Java对象解析成需要的数据类型，再显示在列表控件中。客户端、服务器、数据库间通信架构图如图6所示。

3 结束语

此平台在基于设计师与商家的实际需求之下，实现了一个基于Android平台的创意者互动交易移动应用，为设计师和商家之间搭建了一个直接的桥梁。目前尚未存在专门为设计师提供的交易互动平台，相较于在通信应用上的交易，此平台解决了一般通信应用在交易上的不便，保证了设计师与商家的权益。

展望将来，人们会有更多的个性化需求，也会有更多的个性化设计发布，C2C交易平台将会迎来蓬勃的发展。此平台在进一步提高简便性和可靠性的同时，也会开发新的功能以满足人们的需要。

参考文献：

[1] 于思江. 基于LBS的Android校园服务APP客户端的设计[J]. 国外电子测量技术， 2015， 34（4）：73-77.

[2] 李肖. 基于Android的电子词典系统设计与实现[D]. 长春：吉林大学， 2013.

[3] BenForta. MySQL必知必会[M]. 北京： 人民邮电出版社， 2009.

[通联编辑：谢媛媛]