【正文】 2 開發(fā)工具和開發(fā)環(huán)境 頁面設(shè)計工具 目前有大量的軟件用來設(shè)計和制作網(wǎng)頁，他們可以極大的 減輕工作量，提高設(shè)計效率。 Dreamweaver是美國 MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得網(wǎng)頁編輯器 , 是一種可視化網(wǎng)頁制作工具，利用它可以輕松地制作出跨越平臺限制和跨越瀏覽器限制的動態(tài)網(wǎng)頁。通過平面設(shè)計工具以及代碼提示、標(biāo)簽編輯器、可擴(kuò)展色彩代碼、標(biāo)簽選擇器、片段和代碼檢驗這類編碼特性來實現(xiàn)對代碼和設(shè)計的管理。 Dreamweaver 還包括有預(yù)建的布局和代碼，其中有網(wǎng)站結(jié)構(gòu)、表格、可訪問的模板以及為客戶端交互應(yīng)用而提供的 JavaScript。 Dreamweaver MX 為新的 ColdFusion MX 特性提供全套的支持，包括增強(qiáng)的代碼編輯和開發(fā)功能、集成的調(diào)試功能、可視化布局功能和照片打印功能。利用它可以開發(fā)出動態(tài)、交互、高性能 Web服 務(wù)器端的應(yīng)用，且能較容易實現(xiàn)復(fù)雜的 Web應(yīng)用。其工作原理是：瀏覽器從 Web服務(wù)器調(diào)用 ASP文件 (一種文本文件 )，服務(wù)器端的腳本引擎對每一條腳本語句解釋執(zhí)行，再把執(zhí)行的結(jié)果生成 HTML文件傳給客戶端 [7]。制作 ASP文件同 HTML文件一樣，可以用任何純文本編輯器進(jìn)行編輯。 ASP包括了 5個內(nèi)置對象：① Request對象，從瀏覽器獲取信息；② Response對象，發(fā)送信息到瀏覽器；③ Server對象，控制 ASP執(zhí)行情況，對服務(wù)器端 ActiveX控件起作用；④ Session對象，存儲用戶任務(wù)的信息；⑥ APPlication對象，使多用戶共享一個程序的信息。 ASP 的基本語法 ASP 程序的特點： JavaSeript 或 VBScript 結(jié)合 HTML 代碼就可以編寫 ASP 程序 ； ASP 不需要編譯和聯(lián)接就可以執(zhí)行，它整合到了 HTML 文檔中 ； 編寫的工具非常的廣泛，一般文本編輯程序就可以編寫，例如記事本 ； ASP 代碼不會傳輸?shù)娇蛻舻臑g覽器上，這樣就可以保護(hù)源代碼的泄漏 ； ASP 標(biāo)記的用法，把 VBScript 或者 JavaScript 放入定界符 %%內(nèi)即可，定界符必須是成對出現(xiàn)的，可以和 HTML 腳本混合使用 。如 % language=VBScript% ASP 的注釋：以單引號的一行或者在代碼的末尾。區(qū)分時字符串、數(shù)字類型常量的最簡單方法是，在引號內(nèi)的為字符串，沒有在引號內(nèi)的為數(shù)字 ； 表示日期常量書寫在兩個 之間。 For?? Next 的具體格式 ： % For 變量 =1To N(總量 ) Step M(步長 ) ?? Next % 說明： For?? Next 可以指定語句運行的次數(shù) 。 過程： 實現(xiàn)不同功能的代碼模塊 ， 在 VBScript 中過程分為兩種，第一種為 Sub過程，第二種為了 Function 過程。 Sub 過程是包含在 Sub 和 End Sub 語句之間的一組 VBScript 語句，執(zhí)行操作但不返回值。如果 Sub過程無任何參數(shù)，則 Sub 語句必須包含空括號（）。 Function 過程與 Sub 過程類似，但是 Function 過程可以返回值。如果 Function 過程無任何參數(shù)，則 Function 語句必須包含空括號（）。 script language=”vbscript” Function 過程名 jyjc(參數(shù) a,參數(shù) b?? ) 具體的語句 End Function /script ASP 技術(shù)特點和工作原理 （ 1） ASP 的技術(shù)特點： 在使用 ASP技術(shù)時應(yīng)遵循這樣一個原則 ： 即 ASP腳本必須與基于 COM標(biāo)簽的組件配合使用才能開發(fā)出具有實用價值的動態(tài) web應(yīng)用程序。 Microsoft及一些“中間件”廠商已針對不同的應(yīng)用領(lǐng)域提供了許多組件產(chǎn)品，組件的使用者只需要理解組件的接口，不需要知道組件的內(nèi)部結(jié)構(gòu)和組件使用的數(shù)據(jù)。利用組件，開發(fā)人員可以專門做自己最擅長的工作，從而減少開發(fā)難度；利用組件，還有助于開發(fā)人員將用戶界面與應(yīng)用邏輯、數(shù)據(jù)服務(wù)分開，快速開發(fā)出可重性高的基于三層客戶／服務(wù)器結(jié)構(gòu)的 web應(yīng)用程序。 （ 2） ASP 工作原理： 基于 ASP的頁面以 *.asp文件形式駐留在 web服務(wù)器上。 圖 ASP工作原理圖 圖 ASP的工作原理，當(dāng)瀏覽器通過 HTTP協(xié)議向 web服務(wù)器申請一個由*.asp定義的頁面時， web服務(wù)器響應(yīng) HTTP請求，用 ASP引擎解釋被申請文件。 ASP提供兩種腳本引擎，即 VBScript引擎和 VJScript引擎，若要使用其他腳本語言，需要在 web服務(wù)器上另外安裝相應(yīng)的腳本引擎；當(dāng)遇到基于 COM標(biāo)準(zhǔn)的組件 (組件本身是經(jīng)過編譯的可重用二進(jìn)制碼 )時， ASP引擎啟動相應(yīng)的組件完成指定的功能。 ASP引擎將腳本和組件的運行結(jié)果生成相應(yīng)的 HTML語法成分，與文件中原有的文本和 HTML標(biāo)記一起組成標(biāo)準(zhǔn) HTML頁面送至客戶端瀏覽器。無論是平面廣告設(shè)計、室內(nèi)裝潢，還是處理個人照片， Photoshop 都已經(jīng)成為不可或缺的工具。到目前 Photoshop 已經(jīng)發(fā)展成為家庭電腦的必裝軟件之一。 ① 功能強(qiáng)大的選擇工具 Photoshop 擁有多種選擇工具，極大地方便了用戶的不同要求。 ② 制定多種文字效果 利用 Photoshop 不僅可以制作精美的文字造型，而且還可以對文字進(jìn)行復(fù)雜的變換。這樣， Photoshop 就擁有了 取之不盡，用之 不竭 的濾鏡。 開發(fā)環(huán)境 IIS IIS 是 Inter Information Server 的縮寫，它是微軟公司主推的服務(wù)器，最新的版本是 Windows2000 里面包含的 IIS ,IIS 與 WindowNT Server 完全集成在一起，因而用戶能夠利用 Windows NT Server 和 NTFS(NT File System,NT 的文件系統(tǒng)內(nèi)置的安全特性，建立強(qiáng)大，靈活而安全的 Inter 和 Intra 站點。 IIS 支持與語言無關(guān)的腳本編寫和組件，通過 IIS，開發(fā)人員就可以開發(fā)新一代動態(tài)的，富有魅力的 WEB站點。 IIS 支持服務(wù)器應(yīng)用的 Microsoft BackOffice 系列， Microsoft BackOffice系列包括以下內(nèi)容。 IIS 的設(shè)計目的是建立一套集成的服務(wù)器服務(wù)，可以支持 HTTP。 IIS 支持 ISAPI，使用 ISAPI 可以擴(kuò)展服務(wù)器功能，而使用 ISAPI 過濾器可以預(yù)先處理和事后處理儲存在 IIS上的數(shù)據(jù)。 IIS 的一個重要特性是支持 ASP。對于諸如 VBScript,Jscript 開發(fā)軟件，或者由 Visual Basic,Java,Visual C++開發(fā)系統(tǒng)，以及現(xiàn)有的 CGI 和 WinCGI腳本開發(fā)的應(yīng)用程序， IIS 都提供了強(qiáng)大的本地支持。 Access 是一個面向?qū)ο蟮?、采用事件?qū)動機(jī)制的小型關(guān)系數(shù)據(jù)庫管理系統(tǒng)。此時，每條信息僅在一處存放，減少了冗余數(shù)據(jù)的產(chǎn)生，節(jié)省了寶貴的存儲空間，同時也加快了更新數(shù)據(jù)的速度。 為了便于使用， Access 的每個對象都為用戶提供了設(shè)計器和生成向?qū)А? 本章小結(jié) 本章主要介紹了 對 網(wǎng)站開發(fā)工具和開發(fā)環(huán)境的分析說明。 3 系統(tǒng)分析與總體設(shè)計 系統(tǒng) 應(yīng)用背景 隨著互聯(lián)網(wǎng)的發(fā)展，其信息傳播效率逐步為人們所關(guān)注?，F(xiàn)在的互聯(lián)網(wǎng)已成為與報紙、廣播、電視相比較的第四大媒體，正以其便捷的信息傳輸形式改變著人們傳統(tǒng)的消費模式，更多的人們開始親睞于這種簡單、快捷、低成本的電子通訊方式。 目前電子商務(wù)網(wǎng)站正如雨后春筍般的大量涌現(xiàn)，企業(yè)網(wǎng)絡(luò)化已經(jīng)成為一種時尚 。借助 Inter，為廣大的消費者和企業(yè) 提供一個在線瀏覽、企業(yè)新 聞公告以及產(chǎn)品展示的平臺，從而更好地加 強(qiáng)與廣大消費者的交流，樹立企業(yè)的良好品牌形象 。 ②人性化設(shè)計：本系統(tǒng)的另一個亮點就是導(dǎo)航明晰。 ③豐富的首頁設(shè)計：當(dāng)用戶登錄到首頁之后，便可以了解到企業(yè)最新的新聞信息、 產(chǎn)品信息和熱點常見問題及其支持資訊。 ⑤ 注重代碼優(yōu)化：如使用 Option Explicit 強(qiáng)制變量聲明，使用 Typelib 聲明 ADO 庫，避免使用 adovbs． txt 這個文件而影響效率。從總體上分析，整個網(wǎng)站包括兩個部分，即網(wǎng)站訪問頁面和網(wǎng)站管理系統(tǒng)。而訪問頁則是對外顯示信息，用戶通過網(wǎng)站域名訪問主頁，查看網(wǎng)站的詳細(xì)內(nèi)容。 結(jié)合對網(wǎng)站內(nèi)容的調(diào)查結(jié)果，總結(jié)出結(jié)構(gòu)如 圖 。 客戶應(yīng)用程序模塊要求實現(xiàn)：網(wǎng)站相關(guān)文檔的管理、發(fā)放與發(fā)布以及權(quán)限管理。 總體結(jié)構(gòu)如圖 。從圖中可以看出，首頁設(shè)計簡單但不失豐富，布局非常清晰。另外還有最近的企業(yè)新聞、最新產(chǎn)品、推薦產(chǎn)品和熱點常見問題等。 圖 企業(yè)形象 的 首頁 圖 是 管理員登錄后的管理界面，從圖中可以看出 ,管理員登錄后 ,可以進(jìn)行系統(tǒng)管理、企業(yè)信息管理、產(chǎn)品管理等。 圖 錄界面 系統(tǒng)總體設(shè)計 設(shè)計出發(fā)點 長虹電子集團(tuán)網(wǎng)站是面向全國甚至全球的企業(yè)門戶網(wǎng)站，網(wǎng)站的形象 從一定方 面體現(xiàn) 了企 業(yè)的形象。本次 設(shè)計出發(fā)點定義為現(xiàn)代化風(fēng)格的網(wǎng)站設(shè)計 ，設(shè)計過程中大膽的運用色彩， 但作為企業(yè)門戶網(wǎng)站的設(shè)計，色彩不益過于鮮艷或低沉，應(yīng)體現(xiàn)出企業(yè) 文化及企業(yè) 蓬勃發(fā)展的新氣象。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題，若色系能與主題合理搭配，將會增加瀏覽者的易讀性。網(wǎng)站的排版包含了表格、框架的應(yīng)用、文字縮排、段落等等，而排版并不是整齊就好，還要有明確 的分類，以及主題的適當(dāng)規(guī)劃。適當(dāng)?shù)靡说氖褂眠@些網(wǎng)頁小技巧，往往能讓這些小特效發(fā)揮最大的效果，使網(wǎng)頁更美觀且設(shè)計出獨特的風(fēng)格。所以適當(dāng)使用網(wǎng)頁特效，恰當(dāng)配合網(wǎng)站風(fēng)格，這樣就能使網(wǎng)站的整體效果得到提升。在網(wǎng)站功能的設(shè)計上，要實現(xiàn)用戶和企業(yè)隨時的動態(tài)交互，以在未來的幾年仍能滿足企業(yè)的需求為目標(biāo)。 4 系統(tǒng)詳細(xì)設(shè)計及實現(xiàn) 數(shù)據(jù)庫設(shè)計 數(shù)據(jù)庫概念 結(jié)構(gòu)設(shè)計 經(jīng)過上章節(jié)系統(tǒng)功能分析總結(jié) ， 考慮到將來功能上的擴(kuò)展，設(shè)計如下的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)： ? 管理員信息：帳號，姓名，密碼。 ? 新聞信息 ：新聞編號，新聞名稱，分類編號等。 ? 留言信息：留言編號，訪客姓名，留言內(nèi)容，回復(fù)內(nèi)容等。 管理員信息實體 ER圖如圖 。 管理員 姓名 密碼 帳號 管理員 內(nèi)容 名稱 更新時間 點擊數(shù) 新聞信息 標(biāo)題 編號 發(fā)布時間 新聞內(nèi)容 管理員 名稱 編號 類型 說明 ?? 圖 ER圖 新聞分類信息實體 ER 圖如圖 。 ?? 圖 ER圖 產(chǎn)品分類實體 ER圖如圖 所示。 產(chǎn)品分類 類型名稱 類型編號 新聞分類 名稱 說明 編號 上級說明 留言 信息 標(biāo)題 編號 回復(fù)內(nèi)容 留言 內(nèi)容 ?? 圖 ER圖 留言信息實體 ER 圖如圖 。 企業(yè)網(wǎng)站數(shù)據(jù)庫中各個表達(dá)設(shè)計結(jié)果如表 ～表 。 表 管理員信息表 （ admin） 表 ，記錄系統(tǒng)中的企業(yè)信息，關(guān)于我們，聯(lián)系方式等。 表