商務(wù)網(wǎng)站建設(shè)的網(wǎng)頁設(shè)計與網(wǎng)站程序開發(fā)

通俗地說，電子商務(wù)就是在計算機網(wǎng)絡(luò)(主要指Internet網(wǎng)絡(luò))的平臺上，按照一定的標(biāo)準(zhǔn)開展的商務(wù)活動。當(dāng)企業(yè)將它的主要業(yè)務(wù)通過內(nèi)聯(lián)網(wǎng)( Intranet)、外聯(lián)網(wǎng)( Extranet)以及Internet與企業(yè)的職員、客戶、供銷商以及合作伙伴直接相連時，其中發(fā)生的各種活動就是電子商務(wù)。

一、電子商務(wù)網(wǎng)站的設(shè)計思想

該網(wǎng)站是一個網(wǎng)上訂購系統(tǒng)，可分為面向用戶的前臺頁面和面向管理員的后臺頁面。對于用戶而言，它主要實現(xiàn)的功能有用戶的登錄與相關(guān)信息的修改，商品的購買與查看以及訂單的相關(guān)內(nèi)容。對于管理員而言，他主要實現(xiàn)的功能是對用戶、商品以及訂單進行相關(guān)的處理。界面設(shè)計思路: 美觀、大方、實用。就頁面布局來說，采用“匡”形結(jié)構(gòu)。色調(diào)主要采用暖色系，主要輔助顏色為白色。頁面導(dǎo)航按鈕的設(shè)計上也是簡單明了。整個網(wǎng)站風(fēng)格統(tǒng)一，一氣呵成。只在頁面左邊的相應(yīng)的板塊標(biāo)志圖片或其他文字提示上有所區(qū)別。對于功能的滿足來說，給用戶一個易于接受的形式來表達。我們以一個條形菜單的形式列出系統(tǒng)所要實現(xiàn)的主要功能，并且標(biāo)以類別，比如有訂單查詢、用戶登錄、商品搜索，然后在大功能的下面在分別標(biāo)有各自的小功能，以達到給人一種一目了然的感覺。后臺設(shè)計思路: 自然、通俗、豐富。

二、詳細設(shè)計

根據(jù)網(wǎng)站功能設(shè)計，整個系統(tǒng)由會員管理、在線購物和系統(tǒng)管理 3 個模塊組成，其中會員管理模塊包括用戶注冊、用戶審核和用戶登錄驗證; 在線購物模塊包括商品搜索、購物車管理、訂單查詢; 系統(tǒng)管理模塊包括商品信息管理、用戶管理和交易信息管理。下面對主要的頁面進行詳細地說明。

(一) 公共文件。系統(tǒng)中所有頁面都有用到的文件是頁頭和頁尾的兩幅flash動畫top1.swf和bottom1.swf，還有兩個asp文件，其中style.asp 文件規(guī)定了整個網(wǎng)站的基本樣式，mouse.asp 定義了網(wǎng)站的標(biāo)題。

(二) 網(wǎng)站首頁。網(wǎng)站的首頁，顯示了點擊購買率最高的前四種商品，列出了商品分類信息，提供了登錄表單、訂單查詢和商品查詢表單，另外還有相關(guān)類購物網(wǎng)站的友情鏈接，方便用戶網(wǎng)上購物。用戶可以通過該頁面登錄網(wǎng)站，查詢所有商品信息和自己提交的表單信息。首頁的代碼只有四句，就是四句包含命令，包含了四個ASP 文件，這四個文件構(gòu)成了整個首頁。這四個文件是:＜ ! － － #include file = "comm /mouse.asp" － － ＞ / / 公共文件，設(shè)置網(wǎng)站標(biāo)題＜ ! － － #include file ="top.asp" － － ＞ / / 公共文件，網(wǎng)站頁面頁頭＜ ! － － #include file = "body.asp" － － ＞ / / 首頁頁面主體＜ ! － － #include file ="bottom.asp" － － ＞ / / 公共文件，網(wǎng)站頁面頁尾

(三) 會員管理模塊。該模塊包含會員注冊、會員信息審核和用戶登錄驗證 3 個子模塊。包括的文件如下:Index．a(chǎn)sp: 系統(tǒng)首頁包含有登錄表單New．a(chǎn)sp: 注冊第一步頁面New2．a(chǎn)sp: 注冊第二步頁面注冊成功的用戶自動登錄入系統(tǒng)。

(四) 在線購物模塊。該模塊包含商品搜索、購物車管理和訂單查詢 3 個子模塊。該模塊是電子商務(wù)系統(tǒng)主要的功能模塊，通過該模塊，用戶能夠瀏覽系統(tǒng)中的所有商品信息，并添加自己喜歡的商品到購物車，最后將購買的鮮花商品作為訂單提交到系統(tǒng)。如果不滿意所選商品，可清空購物車，使商品返回“貨架”。以后如果需要查詢訂單信息，可以通過訂單號到系統(tǒng)中查詢。

商品搜索子模塊主要由 productlogin． asp 和 searchprod-uct.asp 文件構(gòu)成，productlogin.asp 可設(shè)置查詢條件進行商品搜索，主要是以組成商品的材料的花名和花的顏色為查詢條件，另外可以根據(jù)商品名稱進行查詢。如果不設(shè)置查詢條件，默認(rèn)查詢所有商品，將過渡到 searchproduct.asp，用戶可以通過鼠標(biāo)點擊查看庫中所有商品并同時可進行選購。

三、數(shù)據(jù)庫設(shè)計

數(shù)據(jù)庫在一個信息管理系統(tǒng)中占有非常重要的位置，數(shù)據(jù)結(jié)構(gòu)設(shè)計的好壞將直接影響到系統(tǒng)的效率及系統(tǒng)實現(xiàn)的效果。合理的數(shù)據(jù)結(jié)構(gòu)設(shè)計可以提高數(shù)據(jù)存儲的效率，保證數(shù)據(jù)的完整和一致性，同時，也有利于程序的實現(xiàn)。

(一) 表結(jié)構(gòu)。在對電子商務(wù)系統(tǒng)進行系統(tǒng)設(shè)計的基礎(chǔ)上，可以得到下面所示的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu):

1． 用戶基本信息表。包括的數(shù)據(jù)項有 ID、用戶賬號、密碼、密碼提示問題、問題答案、姓名、性別、電子郵箱、住地、郵編、聯(lián)系電話、用戶等級和注冊日期等，如表 1 所示。

2． 管理員信息表。包括的數(shù)據(jù)項有 ID、管理員賬號、密碼、密碼提示問題、問題答案;

3． 花名( 商品分類之大類) 。包括的數(shù)據(jù)項有 ID、花名、添加日期。

4． 花色( 商品分類之小類) 。包括的數(shù)據(jù)項有 ID、花色、所屬花名、添加日期。

5． 商品信息表。包括的數(shù)據(jù)項有 ID、商品編號、名稱、花色、花名、縮略圖、全圖、普通價格、打折價格、超級價格、簡介、說明、數(shù)量、查看次數(shù)和添加日期等。

6． 訂單信息表。包括的數(shù)據(jù)項有訂單編號、用戶賬號、姓名、聯(lián)系電話、住地、郵編、電子郵箱、付款方式、添加時間、是否處理、補充說明等。

7． 購物信息表。包括的數(shù)據(jù)項有 ID、訂單編號、商品編號、名稱、價格、數(shù)量、購物時間等。

(二) 數(shù)據(jù)庫連接。本系統(tǒng)的數(shù)據(jù)實現(xiàn)是利用的ADO技術(shù)。ADO( ActiveX Data Objects) ，又叫 ActiveX 數(shù)據(jù)對象，是一項容易使用并且可擴展的，鏈接數(shù)據(jù)庫、操作數(shù)據(jù)庫、查詢數(shù)據(jù)庫，并且可以將數(shù)據(jù)庫訪問結(jié)果添加到Web頁面的技術(shù)�？梢允褂� ADO 去編寫緊湊簡明的腳本以便鏈接到 OD-BC( Open Database Connectivity) 兼容的數(shù)據(jù)庫和 OLE DB 兼容的數(shù)據(jù)源。ADO 數(shù)據(jù)庫鏈接技術(shù)的使用是與 ASP 技術(shù)的使用分不開的。在．a(chǎn)sp文件中通過使用ADO鏈接對象的Open 方法來鏈接數(shù)據(jù)庫，又使用鏈接對象的 Execute 方法來執(zhí)行查詢語句和其他操作命令，最后使用記錄集對象在． asp文件把查詢結(jié)果組織成標(biāo)準(zhǔn)的 HTML 格式返回至客戶端瀏覽器。

具體實現(xiàn)語法:＜ % option explicitdim conn，connstr，databasedatabase = " db / bookshop． mdb"Set conn = Server． CreateObject( " ADODB． Connection" )connstr = " Provider = Microsoft． Jet． OLEDB． 4． 0; DataSource = " ＆ Server． MapPath( " " ＆database＆" " )conn． Open connstr% ＞

四、結(jié)語通過

ASP 技術(shù)的交互功能，完成在線交易，實現(xiàn)了整個購物系統(tǒng)。

更多網(wǎng)站建設(shè)資料： 

網(wǎng)站設(shè)計中查找瀏覽機制設(shè)計研究