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

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

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

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

二、詳細(xì)設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7． 購(gòu)物信息表。包括的數(shù)據(jù)項(xiàng)有 ID、訂單編號(hào)、商品編號(hào)、名稱、價(jià)格、數(shù)量、購(gòu)物時(shí)間等。

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

具體實(shí)現(xiàn)語(yǔ)法:＜ % 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é)語(yǔ)通過(guò)

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

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

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