广州商学院课程论文题目：“康园圈”校园购物平台课程名称移动互联网与手机应用开发考查学期2016/2017学年第一学期考查方式课程论文姓名梁植淋学号专业商业软件工程指导教师目录1项目需求分析 (3)1.1市场定位 (3)1.2平台中的用户与角色 (3)1.3平台特点 (3)1.4平台运行结构 (4)2功能介绍 (5)2.1店铺浏览 (5)2.2商品浏览 (6)2.3购买商品 (8)2.4注册及登录 (10)2.5二维码扫描进店 (14)2.6活动消息 (15)2.7留言反馈 (17)3功能实现说明 (18)3.1客户端界面 (18)3.2客户端与服务端进行数据交换 (19)3.2.1 Json数据接口 (19)3.2.2WebView组件 (20)3.3手机验证码 (21)3.4二维码扫描 (22)3.5后台管理系统 (23)1项目需求分析1.1市场定位随着现代科学技术的发展，互联网的应用越来越广，淘宝、百度等各种网络平台深受人们欢迎。

网上购物平台已是一种必然的趋势，但至今仍没有一款特别成功地针对高校学生群体、以学生生活圈子作为服务区域划分依据的平台，本平台的推出，就是为了解决高校学生“最后一公里”的痛点。

“康园圈校园购物平台”是专门针对校内购物的一款app,商家和学生可以通过审核在上面开店，长期售卖各种商品，包括实体商品和服务型商品。

1.2平台中的用户与角色学生用户商家用户平台管理员1.3平台特点以学校圈子为服务区域，商品类型、经营范围专为高校学生量身打造，具有更强的针对性。

服务区域小，配送路程短，大大缩短了发货及配送需要的时间，还能实现“点到点”配送，送货员能在短时间内把商品送到购买同学的具体宿舍。

为高校学生提供了兼职平台，学生可以在上面开店，长期售卖各种商品，也可结合自身专业特色在平台上售卖各种服务，如计算机专业学生在平台上提供上门安装电脑系统服务，艺术设计专业学生可在平台上提供饰品订做服务等。

具有更高的保障性。

由于买家和卖家都在校园圈子内，可以直接根据学生证件或非学生商家的营业执照进行身份审核，在有需要时可轻易实现面对面交易，出现交易纠纷亦可找到交易对方本人。

1.4平台运行结构“康园圈校园购物平台”向用户提供了安卓客户端和网页端服务（本文章将着重介绍安卓客户端），安卓客户端与网页端共用服务端的逻辑业务层及数据库，并由同一个后台管理系统进行管理维护。

平台运行结构关系如图1所示：图1 平台运行结构2功能介绍2.1店铺浏览(1)使用角色用户(2)功能概述用户打开App后就能看到店铺列表，列表信息包括“店铺名”、“店铺介绍”及“店铺头像”，点击相应店铺条目就能进入该店铺。

(3)效果展示浏览店铺的实际效果如图2所示。

图2 浏览店铺效果图(4)后台管理店家申请开店经过审核后，管理员可在后台管理系统对其店铺进行监管维护，后台店铺管理如图3所示。

图4 后台店铺管理图2.2商品浏览(1)使用角色用户(2)功能概述用户点击店铺条目即可进入店铺首页并浏览商品，商品信息包括商品名称、商品介绍、商品价格及店铺二维码。

(3)效果展示商品浏览的实际效果如图2所示。

图3 商品浏览效果图(4)后台管理商家可在后台管理系统管理自家店铺商品，管理员可在后台管理所有店铺商品。

商品的后台管理界面如图4所示。

图4 后台店铺管理2.3购买商品(1)使用角色用户(2)功能概述用户浏览到心仪的商品即可选择数量并点击购买，购买时会判断是否已登录账号，若还未登录，会跳到提示登录界面，若已登录账号，则会跳到提交订单界面，填写收货地址及联系电话或即可提交并生成订单。

(3)效果展示●若未登录，跳到提示登录界面，界面如图5所示。

图5 提示登录界面●若已登录，跳到提交订单界面界面效果如图6所示。

提交订单后，跳转到“我的订单”列表，“我的订单”界面如图7所示。

图7 我的订单(4)后台管理用户购买商品并生成订单后，商家可在后台管理相应订单，并根据实际情况将订单状态由“待发货”改为“配送中”、“已收货”等。

2.4注册及登录(1)使用角色用户(2)功能概述买家用户需先进行登录才能进行商品购买、订单查看等操作。

(3)效果展示●进入登录界面“我的”界面里可以看到，未登录时头像下显示“请先登录”，登录后则会显示相应用户名。

点击“请先登录”即可进入登录界面，“我的”界面如图8所示。

图8 “我的”界面●登录输入用户账户和密码并点击登录，若账号密码正确则提示登录成功，否则提示账号或密码错误。

登录界面如图8所示。

图8 登录界面注册用户提交相关资料和接收到的手机验证码即可完成注册并绑定手机号，注册界面如图9所示。

图9 注册界面(4)后台管理商家可在后台对用户进行统一管理，管理包括对违规用户进行账号冻结，后台管理用户账号界面如图10所示。

图10 后台管理用户界面2.5二维码扫描进店(1)使用角色用户(2)功能概述进入店铺浏览商品时，可以看到左下角有一个二维码图标，点击该二维码图标即可放大显示该店铺的二维码，用户将该二维码分享给朋友，其朋友即可使用带有二维码扫描功能的应用访问该店铺。

本App在“我的”界面内页提供了“扫一扫”功能，扫描某店铺二维码即可直接进入该店购物。

(3)效果展示●点击店铺内二维码图标放大显示店铺二维码，效果如图11所示。

图11 店铺二维码●点击“扫一扫”进入扫描二维码如图12所示图12 扫描二维码界面2.6活动消息(1)使用用户用户(2)功能概述用户点击“消息”即可进入活动消息列表界面，列表信息包括活动名称及时间。

点击列表条目即可查看相应的活动详情。

平台可通过此功能向用户发布最新动态，商家也可通过付费获得通过此功能推送优惠活动相关的海报及文章。

(3)效果展示●活动消息列表界面如图13所示图13 活动消息界面 活动详情如图14所示图14 活动详情界面2.7留言反馈(1)使用用户用户(2)功能概述用户可在“我的”—>“留言反馈”功能中进行留言，此功能的设计是为了让平台运营及维护人员收集用户的建议及反馈，以便做出相应调整，为用户提供更好的服务。

(3)效果展示●留言反馈界面如图15所示。

图15 留言反馈界面●后台对留言的管理界面如图16所示。

图16 后台留言管理界面3功能实现说明3.1客户端界面“我的”模块中的子模块界面是传统的Activity跳转，但App的“首页”、“消息”、“我的”三大界面是通过Fragment来实现的，在MainActivity中对界面底部导航栏进行点击事件监听，点击了相应栏目即显示相应的Fragment界面。

监听部分的实现代码如图17所示。

图17 界面切换监听代码截图3.2客户端与服务端进行数据交换本App客户端与服务端的数据交互主要有两种途径：json数据解析接口和WebView组件。

本App客户端根据实际需要来对两种途径结合使用，如登录及注册等数据及界面变化不大的就采用json接口的途径操作数据，并将相应数据呈现在原生的安卓界面中；而对于购买商品等数据及界面变化较大的功能则采用了WebView组件嵌入网页浏览，从而实现安卓客户端对服务端提供的安卓尺寸及样式的网络页面进行浏览。

下面对两种途径进行具体的解释说明。

3.2.1 Json数据接口(1)接收数据客户端通过服务端提供的专用接口获取相应的json数据，在客户端内进行解析，获取最终数据进行展示。

(2)发送数据服务端向该服务端发送json数据，并接收服务端返回的信息，从而实现对服务端数据库的交互。

(3)实现代码图18 HttpHelper工具类代码截图3.2.2WebView组件(1) 对于数据及界面变动较大的页面，本App客户端采用了WebView组件进行浏览相应网络数据，在该组件上绑定相应url的代码如图19所示。

图19 WebView组件绑定url代码截图(2)使用WebView还有一个好处就是，能加入左右滑动翻页、放大缩小浏览、报错缓存等辅助功能，以提高用户的浏览体验。

相应代码如图20所示。

图20 浏览辅助功能代码截图3.3手机验证码本App客户端中手机验证码是通过“mob”平台提供的接口实现，在此之前也尝试过使用“阿里大于”等其他平台接口，但由于其他平台的认证门槛高、使用费用高等原因，最终选择了mob短信验证码接口平台。

用户注册获取手机验证码的部分代码如图21所示。

图21 手机验证码实现代码截图3.4二维码扫描(1)生成二维码本App客户端中每个店铺都会自动生成独一的二维码，该二维码解析后就会得到该店铺的访问链接，生成二维码的代码如图22所示。

(2)扫描二维码本App客户端中扫描二维码是通过codeBar库实现的，codeBar是一个基于google的ZXing库的一个集成开源库，扫描二维码前必须先获取相机的权限。

二维码扫描的部分实现代码如图22所示。

3.5后台管理系统(1)后台管理系统是一个使用Spring+SpringMVC+MyBatis+Mysql框架实现的JavaWeb服务层，主要提供了3套接口:●安卓客户端使用的json数据接口；●网页用户端的接口；●管理系统接口。

(2)商家和管理员都由同一登录入口登录，但区别是管理员登录后能管理所有店铺，而商家登录后只能看到自家店铺的后台并只能管理自家店铺的商品。

(3)用户在App客户端注册后，管理员在后台管理系统便能看到并管理该账号，商家申请开店、添删改商品信息、用户留言、购买商品等操作也是如此，这样用户在App客户端上看到的数据信息就都能在后台管理系统进行修改了。

(4)后台及服务端部署在具有公网ip的服务器上，并绑定了域名：:9100/kangyuanquan。

实现了用户只要安装了本App客户端后即可通过外网进行使用。

4总结。