基于FLASH的Web虚拟商品展示系统的研究与实现

柳力文

摘 要：三维虚拟商品展示系统的设计目标主要是为电子商务用户制作基于Web的全方位三维虚拟商品展示方案。三维虚拟商品展示系统的构建方案将能够赢得更多电子商务用户的青睐，帮助用户吸引更多的顾客。基于以上背景，本文构建了一种新理念视野下的Web虚拟商品展示系统方案，具有良好的扩展性、通用性和可维护性，能够为电子商务用户提供统一的商品管理、销售和展示平台。

关键词：虚拟技术；商品展示；系统构建

中图分类号：TP311.52

1 基于Web的三维商品展示系统的构建意义

随着计算机网络技术、现代通信技术和软件开发技术的飞速发展，信息技术已经广泛普及应用到了人们日常生活和学习中。而电子商务作为其关键技术力量，能够为商品销售、商品流通提供高效率的商品传送支持，使人们在生活中的购物、消费变得更加方便快捷，同时，也为促进社会经济的可持续发展提供了重要保障。

随着计算机处理技术的高速发展，我国已经开始采用虚拟技术逐步构建基于互联网的信息化社会。例如，在房地产销售领域，3D技术能够使开发建设完成的楼盘、建筑设计图纸，以及设计师的精巧创意转变成为直观的虚拟场景，用户无需亲临现场，就能够体验三维虚拟场景。基于Web的三维商品虚拟展示系统的最终构建目标是为各个领域的用户提供不同商品的三维立体展示方案，用户可以亲身感受全方位的商品展示方案，比传统的图像展示方案更形象、更逼真，也能够帮助商家吸引更多的顾客。

2 基于Web的三维商品展示系统概述

目前，我国基于互联网的Web三维商品虚拟展示系统是先进的、立体的、全方位的商品推荐系统。网络商城和三维商品虚拟展示系统共同构建了网上三维立体商城，每个商户根据不同的销售产品和实际需求，采用电子商务技术实现了商品的立体展示效果，由此，网上商品信息查询、购物交易平台得到了良好的利用。用户不会受到任何时间地域的限制，可以随时登陆互联网，通过计算机在网上立体商城中浏览不同商户的商品，自主选择商品试用和商品订购，形成立体化的购物环境。用户在身临其境的商品体验感觉中，可以利用简单的计算机操作，完成商品查看、商品订购、商品结算和商品统计等，商户则可以完成商品上架、商品下架、商品进货等操作。

3 基于Web的三维商品展示系统的总体设计

3.1 系统架构设计

本文提出的基于Web的三维商品虚拟展示系统构建方案采用三层架构，系统由多个模块共同组成，如图1所示：

用户可以对Web的三维商品虚拟展示系统的商品三维模型随意进行放大、缩小，或者对其进行360°立体旋转浏览，能够查看到商品的每个细节。

使用Papervision3D引擎技术在系统商品三维图像处理中对模型进行渲染。

在系统数据库管理中，系统管理员具有查看商品信息、添加商品信息、修改商品信息的权限，还能够增加商品三维模型。

3.2 三维商品模型建模

（1）线框建模。线框建模主要是利用顶点和棱边对商品几何形状、特征特点进行描述。采用线框建模的方式占用内存空间较小，操作响应速度较快，利用投影角度和方位的变换可以生成三维立体视图，形成任意方向和视点的轴侧图，由此保证商品每个视图与投影的关系正确。

（2）表面建模。表面建模是对商品表面和曲面形象进行描述的三维建模方法，其特点是在商品表面模型添加了面和边的拓扑关系，由此可以对其进行隐形消除处理，生成剖面图和计算轨迹，以及表面网格分划等。但是，商品表面模型仍然缺少体和面之间的拓扑关系，难以区分出物体哪侧是体内还是体外，因此无法对物体性质进行分析计算。

（3）实体建模。实体建模不仅能够对商品几何信息进行详细描述，还能够对物体全部点、线、面和体的拓扑关系进行定义。实体建模是对商品实体的完整描述，可以实现剖切消除、计算分析、信息加工、物体着色、纹路处理等。

3.3 前端Flash界面与后台数据库的通信

目前，FLASH技术已经应用到社会各个领域中，FLASH技术是需要经过与数据信息的结合，才能获得更强的图像处理功能，因此，FLASH技术表面交互功能的发展建设日益科学合理。

Web三维商品虚拟展示系统采用的是URL Loader实现方法，以Loads Var和URL Loader来加载二进制数据信息和文本信息。而URL Request则作为构造参数，只有通过URL Loader才能实现数据信息加载，URL Loader则可以实现监听功能。

4 基于Web的三维商品展示系统的详细设计

Web三维商品虚拟展示系统的前端使用FLASH技术的用户界面，简洁大方，操作性强，用户能够随意对商品三维模型进行立体旋转和缩放查看，系统后台管理页面功能齐全，分类详细，可以实现对用户、商品、三维模型的统一管理。同时，系统采用B/S架构模式，SQL Server数据库系统，可以在普通浏览器中实现查询浏览。

4.1 用户界面

（1）用户登录界面。用户登录到网站主页时选择登入系统，系统角色包括管理员和普通注册用户两种，正确输入用户名和口令后则可以进入系统。

（2）用户注册界面。首次登陆系统的用户需要完成注册，注册时输入用户名和密码即可完成简单注册。

（3）商品浏览界面。无论用户是否完成注册步骤，都可以在电子商务网站中浏览出售的商品图片，还可以查看商品属性，用户通过点击网页链接进入到商品三维展示界面，并安装FLASH插件查看商品三维立体模型。

（4）商品明细界面。用户进入到商品明细界面可以清楚查看商品详细参数等属性特征，如果商家添加了商品三维模型，用户则可以通过FLASH 3D查看商品三维模型。

（5）购物车订单界面。在选择确定购物的商品之后，用户根据提示输入收件人的信息，确认并提交商品订单。

4.2 管理员界面

管理员以系统管理员权限登陆到系统中，可以对进入系统的用户和出售的商品进行管理，包括商品管理、商品三维模型管理、商品订单管理和用户管理等。

（1）用户管理界面。用户管理界面可以以表格形式将商品数据信息列出，以便用户对商品进行排序、筛选，采用Grid View控件还能有效防止系统管理员错误删除用户信息。

（2）商品管理界面。通过Grid View控件的功能，系统管理员可以添加商品、修改商品和删除商品。

在商品三维模型数据加载过程中，主要是使用URL loader和URL request类来获取数据库系统中商品三维模型的路径数据，同时利用Papervison引擎获取商品三维模型的贴图数据，并且将商品三维模型显示在舞台中央，用户使用鼠标拖动或选择三维模型，实质上是利用鼠标的相对位移计算Camera类的对象移动距离，使用户感觉是商品三维模型在真实移动。

综上所述，本文提出的基于Web的虚拟商品展示系统构建方案目的是为各个领域定制商品展示方案，通过虚拟技术、3D技术和计算机处理技术构建的Web浏览方案，比传统图片浏览、文本信息浏览的方式更加清晰明确，能够帮助商户吸引大量顾客购买商品，也符合电子商务的未来发展方向。

参考文献：

[1]赵然，陈璟.基于对象全景图片的互动三维商品网络展示[J].中国传媒科技，2012，24：200-201.

[2]徐晓华.网络环境下数字商品三维虚拟展示技术分析[J].电脑知识与技术，2009，34：9861-9862.

[3]何伟明，罗立宏.基于Flash的三维商品展示[J].广东工业大学学报（社会科学版），2009，S1：317-318.