APP下载

农村电商运营系统设计与实现

2019-05-25林红华

微型电脑应用 2019年5期
关键词:跨平台终端农产品

林红华

(烟台汽车工程职业学院 经济管理系, 烟台 265500)

0 引言

农产品需求量较大但通常处在比较分散的空间区域内,农产品的季节性、区域性较强,随着互联网技术的发展和完善,农业电子商务逐渐形成,由于起步较晚有待进一步完善,现阶段的农业电商平台多是基于个人计算机的网站,移动性较差的农业电子商务平台阻碍了农业电商的高效发展,推动移动农业电商系统的建设和完善是十分必要的[1]。

1 相关技术概述

1.1 移动应用开发模式分析

1.1.1 原生应用开发模式

该模式的应用编写通过终端支持的程序语言实现,通常适用开发具备高性能的反应灵敏的移动应用,软件可在操作系统上直接运行,但基于的终端操作系统不同时,需使用不同的开发语言及开发工具,构建不同的开发环境,该模式的优势在于,可直接使用应用程序编程接口(操作系统提供)完成移动应用的开发,且质量、性能和稳定性较高;采用原生开发模式需依靠特定开发语言及工具对软件进行开发,跨平台的开发需移动应用具备较高的兼容性和稳定性,导致开发工作的门槛高、周期延长。

1.1.2 Web应用开发模式

该模式通过网页语言(如JavaScript、CSS、超文本标记语言等)的使用完成开发,开发难度较小,可直接在终端的浏览器上运行,其优势在于周期短且成本低,可跨平台使用等,后期维护工作比较简单。移动 Web 应用一般对终端的应用程序编程接口无法做到直接使用,难以提供高性能的移动应用,随着HTML5等技术的成熟,部分应用的高级功能通过一些跨平台应用程序编程接口对部分移动终端硬件进行调用而得以实现[2]。

1.1.3 混合应用开发模式

该模式结合Native开发和Web开发,混合应用开发的架构如图1所示。图1开发过程可使用网页语言和程序语言,移动终端根据实际操作系统的需求,在相应软件商城上下载安装相关软件即可使用移动应用系统,开发模式稳定且可跨平台使用,通过JavaScript调用系统应用程序编程接口来实现终端硬件跨平台的调用[3]。

图1 混合模式应用架构

混合应用开发模式中,终端应用与Web服务器进行数据交换(通过AJAX数据格式),在移动终端上部署层叠样式表、直译式脚本语言、超文本标记语言及系统应用程序编程接口封装,动态切换的效果由用户界面进行展示,由开源的浏览器引擎内核的解析完成;由Web服务器实现接口的部署。

1.2 开发框架的选择

本文农村电商系统面向的是移动终端,因此采用混合应用开发模式以便实现跨平台的配置及使用,具体使用其中一种比较常用的跨平台开发框架PhoneGap,可同时支持多种主流移动平台,同时提供Native和JavaScript应用程序接口,对终端平台的应用界面可直接调用,具备比较丰富的插件,可提供较多的应用资源,具体编程语言可使用HTML、CSS、JavaScript,提供给HTML5和CSS3相应的支持,PhoneGap将系统的部分API通过JavaScript 完成封装以供开发者使用,终端应用包括消息、地理定位、通讯录等;本文系统选用Cordova 开发框架。Cordova特性与PhoneGap开发框架相似,其所拥有的核心代码一部分是从PhoneGap中抽出的[4]。

2 系统的设计

2.1 系统总体架构

本文使用3层架构完成农村电商运营系统的总体设计,终端视图层,指移动终端的Web浏览器,主要功能在于为用户提供用户/商品信息及相关服务;业务逻辑层,主要负责系统实现电子商务的相应业务流程,包括注册登录、在线交易与支付、买卖方的信息管理等;数据服务层,主要功能在于访问和管理数据库,包括查询、读取、增加、删除及修改数据表等操作。本文系统使用 postgresql 数据库,主要包括用户信息和商品信息、订单、商品评价等数据。具体如图2所示[5]。

图2 系统总体架构

2.2 系统的功能设计

本文系统的本质是B2C模式(商家对消费者)的电子商务平台,目的在于提高用户在线购买农产品体验及简化商家运营流程,用户首先完成注册才能完成农产品购买的后续流程,用户可通过直接搜索、产品类目导航或在系统首页推荐中选择的方式完成所需商品的浏览,添加所选农产品至购物车中,待选购完成后一起结算,用户需完成个人真实信息(电话、收货地址等)的填写和认证,付款成功后等待物流送货到指定地点,具体的购物流程如图3所示。

图3 系统的购物流程

本文系统还可实现团购+众筹的运行方式,在平台发起相应活动,提前确定活动生效的名额和期限(如30天),顾客可先支付一定的预付款,成功则按照期限完成后续的商品配送过程;若活动发起不成功则将资金转回到用户账号[6]。

3 系统功能的实现

本文选择三个主要模块为例,详细说明并实现了这几项功能。

3.1 注册和登录

电商平台的有效操作离不开登录注册环节,商品选购需以用户注册的完成为基础,注册登录后,才能完成用户管理及商品购买和支付等流程,具体注册过程为:按要求先完成用户信息和密码的填写,经系统验证通过后,平台会将注册验证码发到用户的移动终端,成功绑定账号与手机号后,注册流程完成。用户通过用户名和密码登录平台,平台将前端获取的用户信息完成匹配查询,数据一致则登录成功[7]。注册过程实质是插入新的用户记录到数据库用户表。

3.2 商品显示

系统主要是以列表的形式将首页农产品商品显示出来,用户在浏览商品时可通过点击查看商品分类链接,或在搜索框内输入关键字找到所需商品,每个产品皆对应着详情页展示。系统界面友好主要表现在商品列表显示上,会对用户的平台购物体验产生较大的影响,商品的列表显示主要是根据用户的实际搜索,完成从数据库匹配搜索信息的商品数据的调取及分页显示[8],关键实现代码如下:

Product get By Condition( ) {

var productList = get product_list’,params from httpService;

then( result) {

Vm.productList = vm.productList.connect(

Result.productList data) ;

if ( data. productList. length === 0) {

Vm.result = false;

} else {

vm.page ++ ;

function getProductsByKeyword{

if ( ! keyword) {

return;

}

if ( state.current.name ! = = ‘product_list’) {

go( product_list{keyword}) ;

}

function sortProducts( condition) {

vm. page = 0;

vm. hasMore = true;

vm. productList = [];

if ( vm. lastSortProduct === condition) {

if ( condition === ‘newest’) {

Vm.sortingTagsNewest =! vm.sortingTagsNewest;

} else if ( condition === ‘left_quantity’) {

vm. sortingTagsLeftQuantity =! vm. sortingTagsLeftQuantity;

}

3.3 购物车

购物车同样是电商运营系统的重要模块之一,用户通过筛选将农产品商品列表中满足需求的商品加入购物车进行结算,最终才能完成订单的提交并完成付款操作。根据实际需求用户在购物车中可修改农产品商品的数量,除此之外购物车自动统计选购商品的件数和总价并完成用户确认[9],具体的核心实现代码如下:

function changeQuantity( product, quantity) {

if ( product. quantity ! = = quantity) {

cartService. updateCart( product. id, quantity,product. checked, getProducts) ;

event. cancelBubble = true;

function check Product{

Update Cart( product.id,product.quantity,

Get Products) ;

Event.cancelBubble = true;

}

Delete Products( ) {

var performDeleteAll = function ( ) {

forEach( vm. products,function( product, index) {

if ( index === vm. products. length -1) {

cartService. removeFromCart( product.id,getProducts) ;

}

4 系统功能测试

为验证本文所设计的农业电商运营系统的有效性,本文选择了系统主要业务的购物流程作为功能测试对象,用户注册后登录平台,分别使用直接搜索、首页推荐完成商品的选择,农产品详情页包括详细的具体信息,一键添加所需商品至购物单,提交选购商品的订单并完成结算支付,经过大量的对系统的实际重复操作,测试结果表明本文所设计的电商运营系统较为稳定,业务流程操作简单且准确率高,能够使用户的高移动性需求得到更好满足,该系统采用团购的方式降低物流存储成本,实现电商销售的低价格优势,满足消费者需求进而实现销售量的扩大,能够促进农业电商的高质量发展。

5 总结

目前农业电商平台虽在不断发展但仍存在移动性不强的劣势,而农产品具有一定的区域性和时效性,本文主要通过应用移动互联网技术,完成对农村电商运营系统的设计,分析对重要的移动应用开发模式进行分析,完成跨平台开发模式的选择,依据Cordova开发框架,实现多种移动系统的兼容,可在移动智能终端上稳定运行,充分兼顾农产品的特有属性,更能满足农产品电商发展的需求,可有效解决农产品较高的储存成本等问题。

猜你喜欢

跨平台终端农产品
农产品网店遭“打假”敲诈 价值19.9元农产品竟被敲诈千元
跨层级网络、跨架构、跨平台的数据共享交换关键技术研究与系统建设
复杂线束在双BCI耦合下的终端响应机理
打通农产品出村“最先一公里”
一款游戏怎么挣到全平台的钱?
潜力双跨平台:进阶:谁将跨入下一个“十大”?
X美术馆首届三年展:“终端〉_How Do We Begin?”
各地农产品滞销卖难信息(二)
基于声波检测的地下防盗终端
“吃人不吐骨头”的终端为王