柳力文

摘 要：三維虛擬商品展示系統(tǒng)的設(shè)計(jì)目標(biāo)主要是為電子商務(wù)用戶制作基于Web的全方位三維虛擬商品展示方案。三維虛擬商品展示系統(tǒng)的構(gòu)建方案將能夠贏得更多電子商務(wù)用戶的青睞，幫助用戶吸引更多的顧客?；谝陨媳尘?，本文構(gòu)建了一種新理念視野下的Web虛擬商品展示系統(tǒng)方案，具有良好的擴(kuò)展性、通用性和可維護(hù)性，能夠?yàn)殡娮由虅?wù)用戶提供統(tǒng)一的商品管理、銷售和展示平臺(tái)。

關(guān)鍵詞：虛擬技術(shù)；商品展示；系統(tǒng)構(gòu)建

中圖分類號(hào)：TP311.52

1 基于Web的三維商品展示系統(tǒng)的構(gòu)建意義

隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、現(xiàn)代通信技術(shù)和軟件開發(fā)技術(shù)的飛速發(fā)展，信息技術(shù)已經(jīng)廣泛普及應(yīng)用到了人們?nèi)粘Ｉ詈蛯W(xué)習(xí)中。而電子商務(wù)作為其關(guān)鍵技術(shù)力量，能夠?yàn)樯唐蜂N售、商品流通提供高效率的商品傳送支持，使人們?cè)谏钪械馁?gòu)物、消費(fèi)變得更加方便快捷，同時(shí)，也為促進(jìn)社會(huì)經(jīng)濟(jì)的可持續(xù)發(fā)展提供了重要保障。

隨著計(jì)算機(jī)處理技術(shù)的高速發(fā)展，我國(guó)已經(jīng)開始采用虛擬技術(shù)逐步構(gòu)建基于互聯(lián)網(wǎng)的信息化社會(huì)。例如，在房地產(chǎn)銷售領(lǐng)域，3D技術(shù)能夠使開發(fā)建設(shè)完成的樓盤、建筑設(shè)計(jì)圖紙，以及設(shè)計(jì)師的精巧創(chuàng)意轉(zhuǎn)變成為直觀的虛擬場(chǎng)景，用戶無需親臨現(xiàn)場(chǎng)，就能夠體驗(yàn)三維虛擬場(chǎng)景?；赪eb的三維商品虛擬展示系統(tǒng)的最終構(gòu)建目標(biāo)是為各個(gè)領(lǐng)域的用戶提供不同商品的三維立體展示方案，用戶可以親身感受全方位的商品展示方案，比傳統(tǒng)的圖像展示方案更形象、更逼真，也能夠幫助商家吸引更多的顧客。

2 基于Web的三維商品展示系統(tǒng)概述

目前，我國(guó)基于互聯(lián)網(wǎng)的Web三維商品虛擬展示系統(tǒng)是先進(jìn)的、立體的、全方位的商品推薦系統(tǒng)。網(wǎng)絡(luò)商城和三維商品虛擬展示系統(tǒng)共同構(gòu)建了網(wǎng)上三維立體商城，每個(gè)商戶根據(jù)不同的銷售產(chǎn)品和實(shí)際需求，采用電子商務(wù)技術(shù)實(shí)現(xiàn)了商品的立體展示效果，由此，網(wǎng)上商品信息查詢、購(gòu)物交易平臺(tái)得到了良好的利用。用戶不會(huì)受到任何時(shí)間地域的限制，可以隨時(shí)登陸互聯(lián)網(wǎng)，通過計(jì)算機(jī)在網(wǎng)上立體商城中瀏覽不同商戶的商品，自主選擇商品試用和商品訂購(gòu)，形成立體化的購(gòu)物環(huán)境。用戶在身臨其境的商品體驗(yàn)感覺中，可以利用簡(jiǎn)單的計(jì)算機(jī)操作，完成商品查看、商品訂購(gòu)、商品結(jié)算和商品統(tǒng)計(jì)等，商戶則可以完成商品上架、商品下架、商品進(jìn)貨等操作。

3 基于Web的三維商品展示系統(tǒng)的總體設(shè)計(jì)

3.1 系統(tǒng)架構(gòu)設(shè)計(jì)

本文提出的基于Web的三維商品虛擬展示系統(tǒng)構(gòu)建方案采用三層架構(gòu)，系統(tǒng)由多個(gè)模塊共同組成，如圖1所示：

用戶可以對(duì)Web的三維商品虛擬展示系統(tǒng)的商品三維模型隨意進(jìn)行放大、縮小，或者對(duì)其進(jìn)行360°立體旋轉(zhuǎn)瀏覽，能夠查看到商品的每個(gè)細(xì)節(jié)。

使用Papervision3D引擎技術(shù)在系統(tǒng)商品三維圖像處理中對(duì)模型進(jìn)行渲染。

在系統(tǒng)數(shù)據(jù)庫管理中，系統(tǒng)管理員具有查看商品信息、添加商品信息、修改商品信息的權(quán)限，還能夠增加商品三維模型。

3.2 三維商品模型建模

（1）線框建模。線框建模主要是利用頂點(diǎn)和棱邊對(duì)商品幾何形狀、特征特點(diǎn)進(jìn)行描述。采用線框建模的方式占用內(nèi)存空間較小，操作響應(yīng)速度較快，利用投影角度和方位的變換可以生成三維立體視圖，形成任意方向和視點(diǎn)的軸側(cè)圖，由此保證商品每個(gè)視圖與投影的關(guān)系正確。

（2）表面建模。表面建模是對(duì)商品表面和曲面形象進(jìn)行描述的三維建模方法，其特點(diǎn)是在商品表面模型添加了面和邊的拓?fù)潢P(guān)系，由此可以對(duì)其進(jìn)行隱形消除處理，生成剖面圖和計(jì)算軌跡，以及表面網(wǎng)格分劃等。但是，商品表面模型仍然缺少體和面之間的拓?fù)潢P(guān)系，難以區(qū)分出物體哪側(cè)是體內(nèi)還是體外，因此無法對(duì)物體性質(zhì)進(jìn)行分析計(jì)算。

（3）實(shí)體建模。實(shí)體建模不僅能夠?qū)ι唐穾缀涡畔⑦M(jìn)行詳細(xì)描述，還能夠?qū)ξ矬w全部點(diǎn)、線、面和體的拓?fù)潢P(guān)系進(jìn)行定義。實(shí)體建模是對(duì)商品實(shí)體的完整描述，可以實(shí)現(xiàn)剖切消除、計(jì)算分析、信息加工、物體著色、紋路處理等。

3.3 前端Flash界面與后臺(tái)數(shù)據(jù)庫的通信

目前，F(xiàn)LASH技術(shù)已經(jīng)應(yīng)用到社會(huì)各個(gè)領(lǐng)域中，F(xiàn)LASH技術(shù)是需要經(jīng)過與數(shù)據(jù)信息的結(jié)合，才能獲得更強(qiáng)的圖像處理功能，因此，F(xiàn)LASH技術(shù)表面交互功能的發(fā)展建設(shè)日益科學(xué)合理。

Web三維商品虛擬展示系統(tǒng)采用的是URL Loader實(shí)現(xiàn)方法，以Loads Var和URL Loader來加載二進(jìn)制數(shù)據(jù)信息和文本信息。而URL Request則作為構(gòu)造參數(shù)，只有通過URL Loader才能實(shí)現(xiàn)數(shù)據(jù)信息加載，URL Loader則可以實(shí)現(xiàn)監(jiān)聽功能。

4 基于Web的三維商品展示系統(tǒng)的詳細(xì)設(shè)計(jì)

Web三維商品虛擬展示系統(tǒng)的前端使用FLASH技術(shù)的用戶界面，簡(jiǎn)潔大方，操作性強(qiáng)，用戶能夠隨意對(duì)商品三維模型進(jìn)行立體旋轉(zhuǎn)和縮放查看，系統(tǒng)后臺(tái)管理頁面功能齊全，分類詳細(xì)，可以實(shí)現(xiàn)對(duì)用戶、商品、三維模型的統(tǒng)一管理。同時(shí)，系統(tǒng)采用B/S架構(gòu)模式，SQL Server數(shù)據(jù)庫系統(tǒng)，可以在普通瀏覽器中實(shí)現(xiàn)查詢?yōu)g覽。

4.1 用戶界面

（1）用戶登錄界面。用戶登錄到網(wǎng)站主頁時(shí)選擇登入系統(tǒng)，系統(tǒng)角色包括管理員和普通注冊(cè)用戶兩種，正確輸入用戶名和口令后則可以進(jìn)入系統(tǒng)。

（2）用戶注冊(cè)界面。首次登陸系統(tǒng)的用戶需要完成注冊(cè)，注冊(cè)時(shí)輸入用戶名和密碼即可完成簡(jiǎn)單注冊(cè)。

（3）商品瀏覽界面。無論用戶是否完成注冊(cè)步驟，都可以在電子商務(wù)網(wǎng)站中瀏覽出售的商品圖片，還可以查看商品屬性，用戶通過點(diǎn)擊網(wǎng)頁鏈接進(jìn)入到商品三維展示界面，并安裝FLASH插件查看商品三維立體模型。

（4）商品明細(xì)界面。用戶進(jìn)入到商品明細(xì)界面可以清楚查看商品詳細(xì)參數(shù)等屬性特征，如果商家添加了商品三維模型，用戶則可以通過FLASH 3D查看商品三維模型。

（5）購(gòu)物車訂單界面。在選擇確定購(gòu)物的商品之后，用戶根據(jù)提示輸入收件人的信息，確認(rèn)并提交商品訂單。

4.2 管理員界面

管理員以系統(tǒng)管理員權(quán)限登陸到系統(tǒng)中，可以對(duì)進(jìn)入系統(tǒng)的用戶和出售的商品進(jìn)行管理，包括商品管理、商品三維模型管理、商品訂單管理和用戶管理等。

（1）用戶管理界面。用戶管理界面可以以表格形式將商品數(shù)據(jù)信息列出，以便用戶對(duì)商品進(jìn)行排序、篩選，采用Grid View控件還能有效防止系統(tǒng)管理員錯(cuò)誤刪除用戶信息。

（2）商品管理界面。通過Grid View控件的功能，系統(tǒng)管理員可以添加商品、修改商品和刪除商品。

在商品三維模型數(shù)據(jù)加載過程中，主要是使用URL loader和URL request類來獲取數(shù)據(jù)庫系統(tǒng)中商品三維模型的路徑數(shù)據(jù)，同時(shí)利用Papervison引擎獲取商品三維模型的貼圖數(shù)據(jù)，并且將商品三維模型顯示在舞臺(tái)中央，用戶使用鼠標(biāo)拖動(dòng)或選擇三維模型，實(shí)質(zhì)上是利用鼠標(biāo)的相對(duì)位移計(jì)算Camera類的對(duì)象移動(dòng)距離，使用戶感覺是商品三維模型在真實(shí)移動(dòng)。

綜上所述，本文提出的基于Web的虛擬商品展示系統(tǒng)構(gòu)建方案目的是為各個(gè)領(lǐng)域定制商品展示方案，通過虛擬技術(shù)、3D技術(shù)和計(jì)算機(jī)處理技術(shù)構(gòu)建的Web瀏覽方案，比傳統(tǒng)圖片瀏覽、文本信息瀏覽的方式更加清晰明確，能夠幫助商戶吸引大量顧客購(gòu)買商品，也符合電子商務(wù)的未來發(fā)展方向。

參考文獻(xiàn)：

[1]趙然，陳璟.基于對(duì)象全景圖片的互動(dòng)三維商品網(wǎng)絡(luò)展示[J].中國(guó)傳媒科技，2012，24：200-201.

[2]徐曉華.網(wǎng)絡(luò)環(huán)境下數(shù)字商品三維虛擬展示技術(shù)分析[J].電腦知識(shí)與技術(shù)，2009，34：9861-9862.

[3]何偉明，羅立宏.基于Flash的三維商品展示[J].廣東工業(yè)大學(xué)學(xué)報(bào)（社會(huì)科學(xué)版），2009，S1：317-318.