基于Flex技术的B2C电子商务系统设计与实现

摘要 本文介绍并分析了Flex的组成、运行机制及重要功能,并提出利用Flex技术构建RIA体系下的三层架构B2C电子商务网站的设计和实现方案,同时对Flex技术、B2C 电子商务系统的主要功能模块及实现的关键技术进行了详细介绍。

关键词 Flex;电子商务;MXML

中图分类号G482 文献标识码A 文章编号 1674-6708(2010)25-0203-01

0 引言

如今,互联网日益成为应用程序开发的主要平台。而随着传统的WEB模型缺少复杂的用户交互、难以建立丰富应用等问题逐步显现,传统的Web应用程序已经渐渐不能满足Web浏览者的要求,为了解决这一问题,出现了一种新型的Internet 应用程序――RIA。RIA继承了C/S时代的精华,简化并改进了Web应用程序的用户交互,为用户提供了更强大的交互能力和更丰富的应用体验。

1 Flex技术

Flex是Adobe的开源RIA开发框架,它将基于标准的语言和各种可扩展用户界面及数据访问组件结合起来,使得开发者能够构建具有丰富数据演示、强大客户端逻辑和集成多媒体的应用程序。在解决用户困难的同时,Flex又具备全面性、灵活性、易用性、高效性等方面的新优势。

2基于Flex技术的B2C 电子商务系统功能设计

该基于Flex技术的B2C电子商务系统可以在Windows 和Linux 系统平台上运行,Web服务器为Tomcat,数据库服务器使用MySQL,AMF服务器软件:LiveCycle Data Services(forjava)。其中使用了PHP来实现MySQL与XML文件的互导。系统使用MXML、Java 和PHP 进行开发,其中服务器端采用Java来进行代码编写,利用BlazeDS来实现Flex客户端程序与远程Java程序通讯,各界面的设计与实现则使用MXML,而PHP的功能之一为用来实现MySQL与XML文件的互导。整个系统由用户登录注册模块、商品展示模块、购物车模块、付款模块四大模块组成。

3 系统主要功能及实现

3.1 数据库设计

该类电子商务系统使用MySQL建立数据库,以下是其中几个重要的表结构SQL语句。

用户信息表:

CREATE TABLE users (

username nvarchar(60) NOT NULL,

password varchar(60) NOT NULL,

phone varchar(20),

address nvarchar(100),

email varchar(100) NOT NULL,

priv tinyint(4),

certificate bigint(18),

KEY username (username)

);

另外还有商品信息表、订单信息表等等数据表,这里不再赘述。

3.2 用户登录模块

用户登录模块是用户页面中使用最为频繁的模块,其功能是在用户输入用户名和密码后进行验证用户的身份是否合法,以及为用户提供相应的权限。在验证用户名和密码时,需要获取服务器端数据,进行验证。用户在界面填入用户名和密码后,根据用户名向服务器请求获取该用户的密码.如果返回的密码和用户输入的密码一致,则进入登录后的欢迎界面。在构建登录模块时,将登录和欢迎界面分别定义在画布容器中,将两个画布容器层叠在一起,利用容器的visible属性进行切换,也可利用堆叠导航容器构建,效果是相同的。

3.3 购物车模块

购物车模块的设计

本模块通过编写Flex客户端应用异步调用远程Java对象的公共方法来完成本模块的实现。在客户端应用中,代表远程对象的RemoteObject组件连接到LiveCycle Data Service定义的远程对象服务目标,在LiveCyle Data Service服务器端,配置服务目标指向部署在服务器Web应用中的Java对象。客户端Flex应用和远程Java对象之间的数据以AMF格式进行传输。事实上,远程对象可以是Java类,也可以是ColdFusion组件、PHP或.NET对象。实现了如下购物车功能:

1)应用初始化时,会调用服务器端storeService.getProductList获取产品列表。

2)用户点击“购买”按钮后,会调用cartService.purchaseProductItem,该服务器端代码处理购买操作,并返回更新后的“购物车”实例,从而在客户端更新“购物车”数据表格。

3)“取消”按钮则会调用cartService.deleteProductItem方法,在服务器购物车对象中删除该货品,然后返回并更新购物车。

4)“清空”按钮会调用服务器端Java代码cartService.clearAll来清空购物车。

4 结论

实践表明,Web程序开发传统模式下的电子商务网站把信息和程序资源组织起来来应对广阔的用户需求,但往往在可用性和用户体验上无法令人满意,而使用Flex技术开发B2C电子商务系统,操作界面美观,更重要的一点是,它可以大大改善用户在网站上的购物体验,让顾客的购物流程更加顺畅,缩短搜索、等待的时间,减少无效信息数量。另外,还彻底改变以往的交互过程,让顾客能够更加个性化地配置自己的商品,并即时得到其欲购买商品的最终效果。因此,利用Flex技术改造现有的B/S 模式建立电子商务网站的进程将指日可待。

参考文献

[1]吕辉,等.Flex从入门到精通.清华大学出版社,2009,9.

[2]董龙飞,肖娜,等.Adobe Flex大师之路.电子工业出版 社,2009,5.

[3]胡洁,等.Flex完全自学手册.北京:机械工业出版社, 2009,1.

[3]蒋先刚,陈海雷,涂晓斌.电子商务网站开发平台的研究 [J].华东交通大学学报,2002,19(2).

[4]张中秋,肖冬荣,张辉,等.网上购物系统的设计与实施 [J].计算机应用研究,2002(8):111-113.