第7章企業(yè)網(wǎng)站前后臺構(gòu)建7.1企業(yè)網(wǎng)站設(shè)計流程7.2靜態(tài)頁面及構(gòu)建7.3交互頁面及構(gòu)建7.4網(wǎng)站系統(tǒng)集成7.5網(wǎng)站測試7.6小結(jié)7.1企業(yè)網(wǎng)站設(shè)計流程電子商務(wù)是運(yùn)用現(xiàn)代計算機(jī)技術(shù)、通信技術(shù)、網(wǎng)絡(luò)技術(shù)和數(shù)據(jù)庫技術(shù)，進(jìn)行社會經(jīng)營的一種形態(tài)，其目的是提高生產(chǎn)效率、降低經(jīng)營成本、優(yōu)化資源配置，實現(xiàn)社會財富的最大化。進(jìn)行網(wǎng)站策劃時，首先必須了解客戶需求，給出可行性分析報告；然后制作網(wǎng)站結(jié)構(gòu)規(guī)劃，編輯內(nèi)容，寫出網(wǎng)站功能需求分析報告，提供網(wǎng)站所需的軟件、硬件系統(tǒng)配置方案，整理相關(guān)技術(shù)資料和文字資料。7.1企業(yè)網(wǎng)站設(shè)計流程發(fā)網(wǎng)站的基本設(shè)計流程：

網(wǎng)站架構(gòu)的總體策劃、可行性分析數(shù)據(jù)庫選取與功能設(shè)計檢測調(diào)試整理文檔開發(fā)進(jìn)度發(fā)布推廣設(shè)計開發(fā)維護(hù)更新軟硬環(huán)境設(shè)置欄目結(jié)構(gòu)設(shè)置美工界面設(shè)計內(nèi)容設(shè)置圖7.1網(wǎng)站設(shè)計流程7.2靜態(tài)頁面及構(gòu)建7.2.1汽貿(mào)網(wǎng)站首頁及構(gòu)建7.2.2汽貿(mào)網(wǎng)站網(wǎng)絡(luò)營銷模塊及構(gòu)建7.2.3汽貿(mào)網(wǎng)站合同約定模塊及構(gòu)建7.2.1汽貿(mào)網(wǎng)站首頁及構(gòu)建網(wǎng)頁特別是首頁將給瀏覽者帶來最直接的視覺感受，也是能否吸引瀏覽者繼續(xù)深入瀏覽企業(yè)網(wǎng)站的關(guān)鍵，從設(shè)計上來說網(wǎng)頁應(yīng)該是文字與圖形、文學(xué)與美學(xué)的巧妙結(jié)合體。首頁的設(shè)計原則應(yīng)該是主題鮮明、簡潔明快、吸引力強(qiáng)、整合信息能力強(qiáng)、易于導(dǎo)航。

7.2.1汽貿(mào)網(wǎng)站首頁及構(gòu)建（1）綠海星汽車貿(mào)易公司首頁圖7.2網(wǎng)站首頁版式7.2.1汽貿(mào)網(wǎng)站首頁及構(gòu)建（2）構(gòu)建首頁

在打開的FrontPage2003“設(shè)計”標(biāo)簽下，選擇菜單欄中的“表格”，制作如下圖所示的頁面結(jié)構(gòu)；圖7.3FrontPage2003“設(shè)計”標(biāo)簽下制作的表格7.2.1汽貿(mào)網(wǎng)站首頁及構(gòu)建在不同的表格的單元格內(nèi)填入合適的文字和已制作好的圖片，添加背景色；隱去表格線；將首頁命名為index.asp；將整個結(jié)構(gòu)搭建好之后，便可以在需要處插入腳本程序。7.2.2汽貿(mào)網(wǎng)站網(wǎng)絡(luò)營銷模塊及構(gòu)建網(wǎng)絡(luò)營銷是基于Internet的產(chǎn)物，其營銷理念就是：由滿足市場到滿足客戶；由單向性滿足到交互性滿足；由滿足新客戶到滿足老客戶；由迎合客戶到引導(dǎo)客戶。（1）網(wǎng)絡(luò)營銷模塊結(jié)構(gòu)作為汽貿(mào)公司的網(wǎng)站，它所要介紹的產(chǎn)品是各種車輛或與車輛相關(guān)的內(nèi)容。車輛特別是轎車，目前來說是一種大件、高檔、耐用消費(fèi)品，在宣傳上有自身獨(dú)特的一面。主打方向有概念、流行、高貴、大眾以及綠色環(huán)保等。7.2.2汽貿(mào)網(wǎng)站網(wǎng)絡(luò)營銷模塊及構(gòu)建

網(wǎng)絡(luò)營銷nbusii轎車(待建)商務(wù)車(待建)吉普車(待建)旅游車(待建)合同約定shtyd.asp數(shù)據(jù)庫lhx.mdb含表：cz和

hetong圖7.4綠海星汽車貿(mào)易公司“網(wǎng)絡(luò)營銷”系統(tǒng)結(jié)構(gòu)網(wǎng)上車展wscz.asp二手資訊(待建)在線訂購zxdg.asp車輛信息查詢(待建)7.2.2汽貿(mào)網(wǎng)站網(wǎng)絡(luò)營銷模塊及構(gòu)建（2）網(wǎng)絡(luò)營銷主頁面構(gòu)建網(wǎng)絡(luò)營銷主頁面與網(wǎng)站首頁的標(biāo)徽、題頭、主菜單、版權(quán)標(biāo)識等保持一致，只是中間部分用采用表格線分割，按策劃要求布置版面。（3）網(wǎng)絡(luò)營銷網(wǎng)上車展模塊構(gòu)建網(wǎng)上車展是網(wǎng)絡(luò)營銷項目中的一個模塊，其主要功能是介紹和展示各種不同廠家、不同類型、不同型號的車輛，它是汽貿(mào)公司車輛展示的平臺。7.2.3汽貿(mào)網(wǎng)站合同約定模塊及構(gòu)建在本網(wǎng)站中既把合同約定作為網(wǎng)絡(luò)營銷的下一級模塊，又把它放在與網(wǎng)絡(luò)營銷同一級的位置，這樣可以使瀏覽者更容易、更快捷地找到合同簽約，同時，對于企業(yè)來說更加強(qiáng)化了網(wǎng)站的營銷能力。（1）合同約定模塊結(jié)構(gòu)合同約定頁面是企業(yè)網(wǎng)站中一幀非常重要的頁面，它的完善、清晰、美觀和人性化的設(shè)計，可以提高網(wǎng)站的可信度，穩(wěn)定瀏覽者的購買欲，增強(qiáng)瀏覽者購買的信心。7.2.3汽貿(mào)網(wǎng)站合同約定模塊及構(gòu)建（2）合同約定頁面數(shù)據(jù)處理流程(省略)lhx.mdb表:hetong圖7.5“合同約定”頁面布局7.2.3汽貿(mào)網(wǎng)站合同約定模塊及構(gòu)建客戶將合同約定上的數(shù)據(jù)填寫完成，并提交之后，所輸入的數(shù)據(jù)將被保存到Access數(shù)據(jù)庫lhx.mdb的表hetong中，作為“經(jīng)理查詢”的數(shù)據(jù)來源。（2）合同約定主頁面構(gòu)建根據(jù)“合同約定”頁面本身的需求和設(shè)計者的策劃，在這里仍然采用表格布局，制作完成之后隱去表格線。7.3交互頁面及構(gòu)建相對于靜態(tài)頁面，交互頁面則完全建立在動態(tài)頁面技術(shù)之上，我們這里應(yīng)用的主要是ASP技術(shù)，此的交互頁面主要完成的是在線管理又稱遠(yuǎn)程管理。

交互頁面的在線管理模塊結(jié)構(gòu)一般可以采用兩種方式，一種是一一對應(yīng)的方式，即每一個后臺管理項目對應(yīng)一個前臺項目，另一種是歸類管理方式，將相關(guān)的項目放在同一個管理類中。綠海星汽車貿(mào)易公司網(wǎng)站管理系統(tǒng)基本上采取一一對應(yīng)的管理方法。

7.3交互頁面及構(gòu)建7.3.1汽貿(mào)網(wǎng)站主界面及構(gòu)建7.3.2汽貿(mào)網(wǎng)站網(wǎng)絡(luò)營銷管理模塊及構(gòu)建7.3.3汽貿(mào)網(wǎng)站合同約定管理模塊及構(gòu)建7.3.4汽貿(mào)網(wǎng)站關(guān)于我們管理模塊及構(gòu)建7.3.1汽貿(mào)網(wǎng)站主界面及構(gòu)建綠海星汽車貿(mào)易公司管理系統(tǒng)的主頁面采用框架布局。圖7.6綠海星汽車貿(mào)易公司管理系統(tǒng)主頁面布局7.3.1汽貿(mào)網(wǎng)站主界面及構(gòu)建為保證系統(tǒng)的安全，本系統(tǒng)采用兩種自我保護(hù)措施：（1）一是系統(tǒng)僅給管理員5次輸入密碼的機(jī)會，5次以后若密碼仍不正確，系統(tǒng)將被鎖定，這里系統(tǒng)簡單使用了ASP的Application對象保護(hù)系統(tǒng)。（2）采用session對象，使用語：session(“name”)=rs(“adminname”)，利用session對象對時間的敏感性，限制管理員在一定的時間內(nèi)，如果沒有操作系統(tǒng)，將被拒絕使用，需重新登錄。7.3.1汽貿(mào)網(wǎng)站主界面及構(gòu)建修改密碼發(fā)送郵件系統(tǒng)管理數(shù)據(jù)庫管理公司簡介公司文化公司理念公司展望聯(lián)系我們車輛展示管理車輛添加車輛查詢新聞列表添加新聞車迷社區(qū)管理購車綠色通道購車常識車主寶典車輛保險招聘情況經(jīng)理查詢圖7.7管理系統(tǒng)結(jié)構(gòu)流程管理系統(tǒng)主頁面(manage_Index.asp)友情連接管理關(guān)于我們管理

帳號密碼管理網(wǎng)絡(luò)營銷管理新聞中心管理汽車文化管理客戶登記情況合同約定情況7.3.1汽貿(mào)網(wǎng)站主界面及構(gòu)建

系統(tǒng)登錄頁面Login.asp進(jìn)入管理系統(tǒng)主頁面(調(diào)用manage_Index.asp)輸出終止頁面passerro.asp正確？lhx.mdb用戶名、密碼、驗證碼(限制5次輸入密碼)圖7.8管理系統(tǒng)登錄流程7.3.2汽貿(mào)網(wǎng)站網(wǎng)絡(luò)營銷管理模塊及構(gòu)建網(wǎng)絡(luò)營銷就是通過運(yùn)用Internet技術(shù)和手段，進(jìn)行網(wǎng)上交易和對市場的循環(huán)營銷傳播，以達(dá)到滿足消費(fèi)者需求和企業(yè)目的的營銷過程。開展網(wǎng)絡(luò)營銷是對企業(yè)經(jīng)營管理的考驗，因為這意味著企業(yè)經(jīng)營模式的巨大改變。以網(wǎng)絡(luò)和網(wǎng)站為中心的業(yè)務(wù)經(jīng)營體系要求企業(yè)的組織機(jī)構(gòu)設(shè)置、人員配備、職能分布、業(yè)務(wù)流程以及經(jīng)營機(jī)制必須采用現(xiàn)代化管理方式，進(jìn)行業(yè)務(wù)流程的重組和組織機(jī)構(gòu)與人員調(diào)整。

7.3.2汽貿(mào)網(wǎng)站網(wǎng)絡(luò)營銷管理模塊及構(gòu)建

車輛展示管理網(wǎng)絡(luò)營銷管理cz.asp車輛添加車輛查詢按汽車名稱按圖片地址按詳細(xì)介紹修改刪除系統(tǒng)管理lhx.mdb表：cz圖7.9網(wǎng)絡(luò)營銷管理模塊結(jié)構(gòu)流程7.3.3汽貿(mào)網(wǎng)站合同約定管理模塊及構(gòu)建合同約定管理的頁面主要含有查看“合同約定”詳情和刪除指定合同項的功能。

圖7.10合同約定管理頁面7.3.3汽貿(mào)網(wǎng)站合同約定管理模塊及構(gòu)建合同約定管理的頁面結(jié)構(gòu)流程圖如下，數(shù)據(jù)庫采用Access，數(shù)據(jù)庫表為hetong。刪除lhx.mdb表：hetong詳情合同約定default.asp經(jīng)理查詢/合同約定情況綠海星汽貿(mào)公司購車合同view.asp7.3.4汽貿(mào)網(wǎng)站關(guān)于我們管理模塊及構(gòu)建關(guān)于我們管理模塊沒有使用數(shù)據(jù)庫，而是采用文件系統(tǒng)，使用FileSystemObject腳本組件。圖7.11“關(guān)于我們”前臺頁面7.3.4汽貿(mào)網(wǎng)站關(guān)于我們管理模塊及構(gòu)建在后臺由“關(guān)于我們”管理生成程序abouth.asp，生成“關(guān)于我們”前臺頁面白色框中的內(nèi)容，生成的新文件被前臺程序about.asp調(diào)用，形成“關(guān)于我們”頁面，其結(jié)構(gòu)流程如下：關(guān)于我們about.asp關(guān)于我們管理abouth.asp查看效果新文件about.htm調(diào)用前臺about.asp圖7.12“關(guān)于我們”管理結(jié)構(gòu)流程7.4網(wǎng)站系統(tǒng)集成Web數(shù)據(jù)庫的設(shè)計與一般的數(shù)據(jù)庫的設(shè)計沒有本質(zhì)的區(qū)別，通常我們按規(guī)范化的設(shè)計方法將設(shè)計分為四個階段：（1）需求分析階段在數(shù)據(jù)庫設(shè)計之初必須準(zhǔn)確了解與分析用戶的需求。（2）概念結(jié)構(gòu)設(shè)計階段使用描述概念模型的工具E-R圖對用戶的需求進(jìn)行綜合、歸納和抽象，形成一個獨(dú)立與具體的數(shù)據(jù)庫管理系統(tǒng)的概念模型。7.4網(wǎng)站系統(tǒng)集成（3）邏輯結(jié)構(gòu)設(shè)計階段邏輯結(jié)構(gòu)設(shè)計階段的任務(wù)就是把概念結(jié)構(gòu)設(shè)計階段所得到的E-R圖轉(zhuǎn)換為關(guān)系數(shù)據(jù)模式。（4）物理設(shè)計階段物理設(shè)計階段的主要任務(wù)是設(shè)計數(shù)據(jù)庫存儲結(jié)構(gòu)和物理實現(xiàn)方法。7.4網(wǎng)站系統(tǒng)集成7.4.1汽貿(mào)網(wǎng)站客戶端系統(tǒng)7.4.2汽貿(mào)網(wǎng)站服務(wù)器端系統(tǒng)7.4.3系統(tǒng)結(jié)構(gòu)與環(huán)境配置7.4.1汽貿(mào)網(wǎng)站客戶端系統(tǒng)下表詳細(xì)地列出了客戶端系統(tǒng):文件夾描述包含文件Comm共用文件dj.asp、ht_conn.asp、qt_conn.asp、sql_conn.asp、itle1.css、title1.jsHbroth合作伙伴ylink.aspHomepage首頁about.asp、Brand.js、down.asp、index.asp、login.asp、right.asp、search.asp、search.htm、top.aspNbusii網(wǎng)絡(luò)營銷shtyd.asp、zxdg.asp、nbusii.asp、wscz.asp、wscz2.htm、scroll.js、scrollimg_pic.htm、make_scroll.htm、scolling.htm表7.1前臺系統(tǒng)文件夾及文件清單7.4.1汽貿(mào)網(wǎng)站客戶端系統(tǒng)文件夾描述包含文件Qcwh汽車文化clbx.asp、cmsq.asp、czbd.asp、gccs.asp、lstd.asp、qcwh.aspRjob人才招聘rjob.aspSercent服務(wù)中心custom.asp、service.asp、sfile.asp、sonli.asp、sousuo.aspXnews新聞中心view_news.asp、xnews.aspimages0首頁圖片image02網(wǎng)絡(luò)營銷圖片image03服務(wù)中心圖片image08在線訂購圖片表7.2前臺系統(tǒng)文件夾及文件清單7.4.2汽貿(mào)網(wǎng)站服務(wù)器端系統(tǒng)與客戶端的環(huán)境要求不同，服務(wù)器端的文件必須運(yùn)行在服務(wù)器上，所以我們集成調(diào)試本系統(tǒng)時，必須要保證在前面客戶端環(huán)境下的系統(tǒng)中正確地安裝好IIS，構(gòu)建一個運(yùn)行正常的Web服務(wù)器，這樣才能保證Web數(shù)據(jù)庫的順利調(diào)用。Access數(shù)據(jù)庫的使用和移動、安裝較為簡單，和通常一般文件的使用相同。SQLServer2005數(shù)據(jù)庫的管理、使用就復(fù)雜得多，我們必須備份、還原或分離、附加它，才能正常使用。7.4.2汽貿(mào)網(wǎng)站服務(wù)器端系統(tǒng)下表給出了服務(wù)器端，即后臺系統(tǒng)的所有文件，以及各文件所屬的文件夾。文件夾描述包含文件Comm共用文件buding.aspData數(shù)據(jù)庫lhx.mdb、lhx.MDFHomepage管理系統(tǒng)頁面about.htm、abouth.asp、admin_style.css、ADOVBS.inc、default.asp、link.asp、login.asp、loginout.asp、manage_admin.asp、manage_dbase.asp、

manage_fahui.asp、manage_Index.asp、manage_IndexLeft.asp、manage_Index、Images

Main.asp、manage_IndexTop.asp、passerro.asp表7.3后臺管理系統(tǒng)文件夾及文件清單7.4.2汽貿(mào)網(wǎng)站服務(wù)器端系統(tǒng)文件夾描述包含文件

Nbusii網(wǎng)絡(luò)營銷cz.asp、default.asp、view.asp、zxdg.aspRjob人才招聘default.aspSercent服務(wù)中心default.aspXnews新聞中心addnews.asp、delnews.asp表7.4后臺管理系統(tǒng)文件夾及文件清單7.4.3系統(tǒng)結(jié)構(gòu)與環(huán)境配置通過前面的學(xué)習(xí)和努力，由策劃、分析，設(shè)計、編程，我們已經(jīng)完成了綠海星汽車貿(mào)易公司網(wǎng)站的建設(shè)，最后的工作是集成整個系統(tǒng)，在網(wǎng)絡(luò)上調(diào)試站點(diǎn)的各項專屬功能，并將文檔整理造冊。系統(tǒng)集成是將這些文件上傳到服務(wù)器上，形成我的網(wǎng)站系統(tǒng)。上傳之后，網(wǎng)站上的每一個鏈接最好都重新做一次測試，絕對不可以出現(xiàn)錯誤鏈接或斷開的鏈接。

7.4.3系統(tǒng)結(jié)構(gòu)與環(huán)境配置按照綠海星汽車貿(mào)易公司的系統(tǒng)結(jié)構(gòu)、和系統(tǒng)需求，其生成的結(jié)構(gòu)圖如下：文件夾文件夾綠海星汽貿(mào)公司(lhx)CommHbrothHomepageNbusiiQcwhRjobSercentXnewsimages0image02image03image08CommDataHomepageImagesNbusiiRjobSercentXnews圖7.13文件系統(tǒng)結(jié)構(gòu)客戶端系統(tǒng)(qt)服務(wù)器端系統(tǒng)(ht)7.5網(wǎng)站測試7.5.1功能測試7.5.2性能測試7.5.3可用性測試7.5.4兼容性測試7.5.5安全測試7.5.1功能測試（1）鏈接測試鏈接測試可分為三個方面：

測試所有鏈接是否能按設(shè)計要求，鏈接到指定頁面；測試所鏈接的頁面是否存在；保證Web網(wǎng)站上沒有孤立的頁面。鏈接測試必須在集成測試階段完成，即在整個Web網(wǎng)站系統(tǒng)的所有頁面開發(fā)完成之后進(jìn)行鏈接測試。7.5.1功能測試（2）表單測試當(dāng)用戶通過頁面向網(wǎng)站提交信息時，一般都使用表單操作，如用戶注冊、登錄等。此時，必須測試提交操作的完整性，以校驗提交給服務(wù)器的信息的正確性。（3）Cookies測試如果Web網(wǎng)站使用了Cookies，就必須檢查Cookies是否能正常工作。測試的內(nèi)容可包括Cookies是否起作用，是否按預(yù)定的時間進(jìn)行保存，刷新對Cookies有什么影響等。

7.5.1功能測試（4）設(shè)計語言測試Web設(shè)計語言版本的差異可以引發(fā)客戶端或服務(wù)器端的嚴(yán)重問題，例如使用哪種版本的HTML等。在分布式環(huán)境開發(fā)時，這個問題顯得尤為突出。還有如果使用了不同的腳本語言，如ActiveX、Java、JavaScript、VBScript或Perl等均需測試。（5）數(shù)據(jù)庫測試Web網(wǎng)站中最常用的是關(guān)系型數(shù)據(jù)庫，一般情況下，可能發(fā)生兩種錯誤，一種是數(shù)據(jù)一致性錯誤，另一種是輸出錯誤。7.5.2性能測試（1）連接速度測試用戶在使訪問一個頁面時不可能等過久的時間,而且，連接速度太慢，還可能引起數(shù)據(jù)丟失，使用戶得不到真實的頁面。（2）負(fù)載測試負(fù)載測試是測量Web網(wǎng)站在某一負(fù)載級別上的性能，以保證Web站點(diǎn)在需求范圍內(nèi)能正常工作。（3）壓力測試壓力測試的內(nèi)容包括表單、登錄和其他信息傳輸頁面等。其測試是指當(dāng)Web