商務網站建設的網頁設計與網站程序開發(fā)

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

一、電子商務網站的設計思想

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

二、詳細設計

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

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

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

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

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

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

三、數(shù)據庫設計

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

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

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

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

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

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

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

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

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

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

四、結語通過

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

更多網站建設資料： 

網站設計中查找瀏覽機制設計研究