中小型企業(yè)網站的設計與開發(fā)【畢業(yè)論文】

1、<p>　　本科畢業(yè)論文(設計)</p><p>　題 目：中小型企業(yè)網站的設計與開發(fā)</p><p>　學 院：</p><p>　學生姓名：</p><p>　專 業(yè)：計算機科學與技術</p><p>　班 級：</p><p>　指導教師：</p&g

2、t;<p>　起止日期：</p><p>　　中小型企業(yè)網站的設計與開發(fā)</p><p><b>　　摘要</b></p><p>　　本文詳細闡述了電腦銷售公司網站的整體開發(fā)過程。首先介紹了系統(tǒng)的開發(fā)環(huán)境以及開發(fā)工具，并對于設計思想和設計流程做出了全面的敘述；其次，對于數(shù)據庫創(chuàng)建思想以及各個數(shù)據表之間的具體關聯(lián)等方面也做出了詳細

3、說明；接下來，具體剖析了系統(tǒng)各個功能的實現(xiàn)過程以及詳細設計過程，并繪制簡單系統(tǒng)功能模塊圖的同時；最終實現(xiàn)了對設計思想及整個程序實現(xiàn)的清晰描述。</p><p>　　本文采用模塊化思想設計涼風電腦銷售公司網站，在WindowsXP操作系統(tǒng)環(huán)境下，搭建ASP運行環(huán)境IIS5.0；通過使用VBScript腳本語言完成動態(tài)的、交互的web服務器應用程序，實現(xiàn)系統(tǒng)的主要功能。系統(tǒng)的功能主要分為用戶前臺對商品的瀏覽、查詢以及

4、下訂單等功能，管理員在后臺進行的商品管理、企業(yè)信息管理、類別管理、訂單管理和留言管理等功能。</p><p>　　本系統(tǒng)最具特色的部分：其一，實現(xiàn)了客戶向企業(yè)下訂單的功能，實現(xiàn)了用戶與管理員之間的信息交互，其二，管理員后臺功能細致入微，特別是對商品的類別管理的實現(xiàn)，使得本系統(tǒng)更加具有商業(yè)價值，適應電子商務類系統(tǒng)的開發(fā)需求，其三，模塊化的實現(xiàn)使得系統(tǒng)具有高可靠性、易維護性和可擴充性的特點。</p>&

5、lt;p>　　【關鍵詞】：ASP；總體設計；交互；模塊化</p><p>　　Small and medium enterprise web design and developmen</p><p><b>　　Abstract</b></p><p>　　This paper focuses on the whole Website

6、development process for small computer sale accompany. Firstly, the development tools for the design have been introduced, and the processing of development are shown in detail; Secondly, data tables in the database are

7、created and the relationship among table are shown; At last, the realization of the system is presented..</p><p>　　Based on the modular thought designing cool wind computer sales company website, in WindowsX

8、P operating system environment, building the ASP running environment IIS5.0; Throughing using of VBScript scripting language. The functions of the system are divided into the user to the front desk of the goods to browse

9、, search and order, and other functions, administrator in the background of the commodities management, enterprise information management, management category, order management and message</p><p>　　This syst

10、em the most unique parts: first, realize customer under the function of order to enterprise, realized the users and administrators of the interaction between information, secondly, the administrator backstage function me

11、ticulous, especially for the realization of the commodity category management, make the system more commercial value, to adapt to the development of the electronic commerce system needs, thirdly, the realization of the m

12、odular system has high reliability, make easy maint</p><p>　　【Keywords】: ASP; design; interaction; modular</p><p><b>　　目錄</b></p><p><b>　　摘要I</b></p>

13、<p>　　AbstractII</p><p><b>　　引 言1</b></p><p><b>　　1．系統(tǒng)分析2</b></p><p>　　1.1 需求分析2</p><p>　　1.2 可行性分析2</p><p>　　1.2.1 技

14、術可行性分析2</p><p>　　1.2.2 經濟可行性分析2</p><p>　　1.2.3 運行可行性分析3</p><p>　　1.3 業(yè)務流程圖3</p><p>　　1.3.1 業(yè)務流程圖的符號說明4</p><p>　　1.3.2 業(yè)務流程圖4</p><p>

15、;<b>　　2 總體設計5</b></p><p>　　2.1 系統(tǒng)功能結構設計5</p><p>　　2.2 模塊功能說明5</p><p><b>　　3 系統(tǒng)設計7</b></p><p><b>　　3.1設計目標7</b></p>&

16、lt;p>　　3.2 數(shù)據庫設計7</p><p>　　3.2.1 邏輯結構設計7</p><p>　　3.2.2 物理結構設計8</p><p>　　3.3 網站風格設計10</p><p>　　3.3.1 網站CI設計10</p><p>　　3.3.2 版面設計10</p>

17、;<p>　　3.3.3 色彩設計10</p><p>　　3.3.4 字體設計11</p><p>　　3.3.5 特效設計11</p><p>　　3.4 網站安全設計11</p><p>　　3.4.1 威脅網站安全的主要因素12</p><p>　　3.4.2 網站安全解決方

18、案12</p><p>　　4 系統(tǒng)實現(xiàn)13</p><p>　　4.1 開發(fā)工具的選擇13</p><p>　　4.1.1 開發(fā)工具介紹13</p><p>　　4.1.2 涼風電腦銷售公司網站開發(fā)工具的選擇14</p><p>　　4.2 模塊詳細設計與實現(xiàn)14</p><

19、p>　　4.2.1 程序流程圖15</p><p>　　4.3 后臺系統(tǒng)的實施16</p><p>　　4.3.1 連接數(shù)據庫的包含文件(conn.asp)16</p><p>　　4.3.2 管理員登錄頁面(login.asp)16</p><p>　　4.3.3 管理員管理主界面17</p><

20、;p>　　4.3.4 管理員管理模塊18</p><p>　　4.3.5 新聞管理模塊19</p><p>　　4.3.6 類別管理模塊21</p><p>　　4.3.7 產品管理模塊22</p><p>　　4.3.8 客服中心模塊24</p><p>　　4.4 前臺系統(tǒng)的實施24&l

21、t;/p><p>　　4.4.1產品展示頁面25</p><p>　　4.5 系統(tǒng)測試26</p><p>　　4.5.1 系統(tǒng)測試的對象與目的26</p><p>　　4.5.2 系統(tǒng)測試的內容26</p><p>　　4.5.3 涼風電腦銷售公司系統(tǒng)測試27</p><p>　

22、　4.6 網站發(fā)布27</p><p>　　5 推廣與維護28</p><p>　　5.1 網站推廣階段目標28</p><p>　　5.2 網站推廣方法28</p><p>　　5.3 推廣策略的控制和效果評價29</p><p>　　5.4 網站的更新維護29</p><

23、p><b>　　6 結論31</b></p><p>　　6.1 系統(tǒng)評價31</p><p>　　6.1.1 成功之處31</p><p>　　6.1.2 不足之處31</p><p>　　6.2 展望31</p><p>　　6.3 開發(fā)經驗與體會32</p

24、><p><b>　　參考文獻33</b></p><p><b>　　引 言</b></p><p>　　目前，網絡正以一種前所未有的沖擊力影響著人類的活動，包括人類的生產和日常生活。網絡的誕生和發(fā)展，顛覆了傳統(tǒng)的信息傳播方式，沖破了存在于傳統(tǒng)交流方式中時間和空間的種種壁壘，極大地改變了人類從物質到精神、從形式到內容、從

25、生產到生活的各種活動，并且給人類帶來了新的機遇和挑戰(zhàn)。互聯(lián)網的應用越來越普及，上網用戶與日俱增，通過互聯(lián)網傳遞的大量信息使得現(xiàn)有的社會資源獲得高效配置，社會勞動生產率大幅度提高，并推動經濟結構革新和產業(yè)結構的升級。</p><p>　　電子商務是互聯(lián)網發(fā)展日漸成熟的直接產物，是網絡技術應用發(fā)展的新方向?；ヂ?lián)網自身所具有的開放性、全球性、低成本、高效率的特點，已成為電子商務的內在特征，并使得電子商務大大超越了作為一

26、種新的貿易形式所具有的價值。越來越多的企業(yè)開始建造一個功能強大，且能提供完善的電子商務服務的動態(tài)商務網站。</p><p>　　涼風電腦銷售公司建立自己的商務網站勢在必行。通過網站的建立，能加強企業(yè)與客戶的互動，提升企業(yè)形象，對企業(yè)的發(fā)展具有一定的現(xiàn)實意義。</p><p><b>　　1．系統(tǒng)分析</b></p><p>　　網站設計與開發(fā)是

27、一門對技術要求較高、面向實踐的課程，分為靜態(tài)網頁設計和動態(tài)網站開發(fā)兩個部分，前者主要介紹了如何采用HTML、CSS和vbScript等技術來設計網頁，后者主要針對asp和access等多種數(shù)據庫的環(huán)境。</p><p><b>　　1.1 需求分析</b></p><p>　　涼風電腦銷售公司新系統(tǒng)的主要目標如下： </p><p>　?。?）

28、展示企業(yè)形象、提升公司知名度；</p><p>　?。?）加強企業(yè)與客戶的交互性，使企業(yè)更加了解客戶的需求，客戶更加了解企業(yè)的信息；</p><p>　?。?）宣傳自己的產品，將自己的產品展現(xiàn)給客戶，讓客戶通過網站便能自由選擇定購企業(yè)的產品；</p><p>　?。?）實現(xiàn)訂單的有效管理；</p><p>　?。?）實現(xiàn)企業(yè)對客戶信息的有效管

29、理；</p><p>　?。?）通過網絡空間，使客戶對企業(yè)有更進一步的了解；</p><p>　?。?）提高企業(yè)的工作效率。</p><p>　　1.2 可行性分析</p><p>　　可行性分析是依據初步調查的結果做出系統(tǒng)開發(fā)可行性與否的結論的過程。任何一個工程的立項都需要進行項目的可行性分析，這是保證正確投資的必要工作。信息系統(tǒng)開發(fā)項目

30、是一項復雜的高科技系統(tǒng)工程，可行性分析也是必不可少的[2]。</p><p>　　可行性分析是從技術可行性、經濟可行性和運行可行性三個方面考慮的，論證系統(tǒng)開發(fā)是否可行，同時提出系統(tǒng)開發(fā)的初步方案、工程計劃、投資概算等。</p><p>　　1.2.1 技術可行性分析</p><p>　　為實現(xiàn)系統(tǒng)目標，需要技術保證。信息系統(tǒng)開發(fā)所需要的技術主要有計算機硬件、軟件技

31、術、系統(tǒng)開發(fā)人員的水平、用戶管理與使用的能力等。</p><p>　　本人經過大學四年的學習，對網站設計的理論十分熟悉，還熟練掌握了ASP、網絡安全、Web、網絡數(shù)據庫等技術，而且有一定的美術功底，對網站的美工也十分了解，有能力開發(fā)實現(xiàn)本系統(tǒng)。</p><p>　　鑒于以上的分析，系統(tǒng)開發(fā)在技術上是完全可行的。</p><p>　　1.2.2 經濟可行性分析<

32、;/p><p>　　系統(tǒng)開發(fā)需要一定的經費，所需經費包括機房設備購置費、計算機硬件、軟件（系統(tǒng)軟件及工具軟件）購置費、應用軟件開發(fā)費、培訓費等?，F(xiàn)從項目支出的費用、項目取得的收益方面和企業(yè)自身條件方面進行考慮。</p><p>　　（1）項目支出的費用：由于涼風電腦銷售公司已經配有整套的設備，如計算機、路由器等，且電力資源等硬件設備只需作少量的購置或升級即可滿足新項目的需要；從系統(tǒng)的信息存儲量

33、以及訪問量方面考慮只需另外購買一臺入門級服務器即可；而且以往網絡管理人員已積累了網絡與管理信息系統(tǒng)的使用經驗，對新項目的實施，人員的培訓費用，系統(tǒng)管理維護費用等開銷也不大。軟件方面主要使用了網頁制作三劍客、數(shù)據庫、網絡管理等軟件，軟件方面可以通過購買正版軟件或免費在網上下載的方式獲得。費用支出如表1-1所示。</p><p><b>　　表1-1費用支出表</b></p>&l

34、t;p>　　高費用支出中電力設備的備用時間較長，性能較高，服務期為專用服務期，域名為網絡實名，軟件全部購買正版軟件。低費用支出中電力設備的備用時間較短，性能較低，服務期為高級PC服務器，域名為普通的.com域名，培訓為免費贈送，軟件是以免費在網上下載的方式獲得。</p><p>　　（2）項目取得的收益：企業(yè)系統(tǒng)的實施將開拓一個新的市場，它可以打破地域的限制，將企業(yè)的營銷網絡伸展到每個地方，成為一個跨地區(qū)企

35、業(yè)，加速商品流動與資金的周轉，節(jié)省了場地與營業(yè)員的開銷；另一方面，通過公司網站的建設，在大量節(jié)省廣告費用的同時，無形中樹立了公司的形象，建立了企業(yè)的網絡文化與品牌效益，這也是一項持續(xù)性的收益，且是不可度量的；第三，通過網站，客戶可以在瀏覽產品后直接在網站上下訂單，這對企業(yè)銷售業(yè)績的提升起到了極其重要的作用；第四，通過網站，客戶可以直接留言，使企業(yè)了解客戶需求和市場動態(tài)，以提高企業(yè)的市場占有率。</p><p>　

36、　因此，相對于項目支出的一次性較大費用來說，企業(yè)獲得的收益將是長期的、持續(xù)性的，企業(yè)的經濟實力也是完全可以負擔的。所以，企業(yè)網站的進一步建設在經濟也是可行的。</p><p>　　1.2.3 運行可行性分析</p><p>　　本系統(tǒng)能保證在當前的操作環(huán)境下正常運行，網站管理人員對網站的更新維護具備足夠的管理能力。而且具有完善的后臺管理功能，管理者可以直接在后臺進行文件、信息及圖片的上傳

37、，方便了管理。因此，該系統(tǒng)在運行方面也是可行的。</p><p>　　綜上所述，涼風電腦銷售公司系統(tǒng)的建設在技術上、經濟上、運行上都是可行的，因此系統(tǒng)開發(fā)完全可行。</p><p>　　1.3 業(yè)務流程圖</p><p>　　業(yè)務流程圖是直觀描述現(xiàn)行系統(tǒng)業(yè)務處理由開始到結束的整個過程的非結構化圖形工具，它可以描述一個系統(tǒng)的業(yè)務，也可以描述一項具體業(yè)務的處理過程。&

38、lt;/p><p>　　1.3.1 業(yè)務流程圖的符號說明</p><p>　　業(yè)務流程圖符號說明如下表1-2所示：</p><p>　　表1-2 業(yè)務流程圖符號說明</p><p>　　1.3.2 業(yè)務流程圖</p><p>　　業(yè)務流程如下圖1-1所示：</p><p>　　圖1-1網站信息

39、管理業(yè)務流程圖</p><p><b>　　2 總體設計</b></p><p>　　網站設計要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創(chuàng)作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現(xiàn)出來。本次的網站設計主要包括了留言處理模塊、訂單管理模塊、信息

40、添加模塊、信息發(fā)布模塊，信息查詢模塊。</p><p>　　2.1 系統(tǒng)功能結構設計</p><p>　　系統(tǒng)的物理結構就是使用結構化設計工具HIPO圖或系統(tǒng)結構圖描述的。系統(tǒng)的物理結構所描述的是構成一個系統(tǒng)的各物理組成部分（即模塊）及模塊之間的聯(lián)系。這是一個樹型結構圖，它體現(xiàn)了自頂向下的思想，樹根模塊表示系統(tǒng)總的功能，第一層模塊是根模塊的功能分解，以下各個層次的模塊都是上一層次模塊的功

41、能分解。上一層模塊調用它直接的下層模塊。該系統(tǒng)的網站信息管理以及事故處理系統(tǒng)的HIPO圖如圖2-1所示。 </p><p>　　圖 2-1 系統(tǒng)HIPO圖</p><p>　　2.2 模塊功能說明</p><p>　?。?）留言處理模塊：瀏覽者可以通過留言版進行留言，管理員通過留言版了解留言者的問題、要求。</p><p>　?。?）訂單管

42、理模塊：瀏覽者可以在瀏覽產品后在“在線訂貨”處進行產品的訂購，該訂單被存入“訂單信息檔案”數(shù)據表。管理員從“訂單信息檔案”數(shù)據表中調出訂單信息，通過客戶留下的聯(lián)系方式進行網下洽談。</p><p>　?。?）信息添加模塊：包括信息添加和信息修改、刪除三個子模塊，主要功能是管理員對公司基本介紹、管理員信息、公司動態(tài)信息、產品信息等的添加和修改、刪除的過程。</p><p>　?。?）信息發(fā)布

43、模塊：主要功能是管理員對公司基本介紹、管理員信息、公司動態(tài)信息、產品信息的發(fā)布過程。</p><p>　?。?）信息瀏覽模塊：對瀏覽者提出的瀏覽要求進行處理，使瀏覽者到相應的信息瀏覽頁面。</p><p>　?。?）信息查詢模塊：重要是對瀏覽者查詢產品信息的響應，通過瀏覽者輸入的關鍵字在數(shù)據庫中對產品進行查找并將結果返回到頁面。</p><p><b>　

44、　3 系統(tǒng)設計</b></p><p>　　本階段設計的基本目標是解決系統(tǒng)如何實現(xiàn)問題，也叫做概要設計，本階段主要任務是劃分出系統(tǒng)的物理元素及設計軟件的結構，完成軟件定義時期的任務之后就應該對系統(tǒng)進行總體設計。網站系統(tǒng)設計主要包括：融網站策劃、網頁設計、網頁編程、網站功能、網站優(yōu)化技術、網站編輯、網站建設、網站推廣、網站評估、網站運營、網站整體優(yōu)化等。</p><p><

45、;b>　　3.1設計目標</b></p><p>　　本階段設計的基本目標是解決系統(tǒng)如何實現(xiàn)問題，也叫做概要設計，本階段主要任務是劃分出系統(tǒng)的物理元素及設計軟件的結構，完成軟件定義時期的任務之后就應該對系統(tǒng)進行總體設計，即根據系統(tǒng)分析產生的分析結果來確定這個系統(tǒng)由哪些系統(tǒng)和模塊組成，這些系統(tǒng)和模塊又如何有機的結合在一起，每個模塊的功能如何實現(xiàn)。系統(tǒng)設計的目標是使系統(tǒng)實現(xiàn)擁有所要求的功能，同時，力

46、爭達到高效率、高可靠性、可修改性，并且容易掌握和使用。</p><p>　　3.2 數(shù)據庫設計</p><p>　　數(shù)據庫設計(Database Design)是指對于一個給定的應用環(huán)境，構造最優(yōu)的數(shù)據庫模式，建立數(shù)據庫及其應用系統(tǒng)，使之能夠有效地存儲數(shù)據，滿足各種用戶的應用需求（信息要求和處理要求）。</p><p>　　3.2.1 邏輯結構設計</p&

47、gt;<p>　　數(shù)據庫邏輯結構設計如下：</p><p>　?。?）管理員信息表：管理員用戶名、密碼、權限。</p><p>　?。?）留言信息表：標題、姓名、電子郵箱、地址、電話、留言日期、留言、傳真、回復。</p><p>　?。?）公司動態(tài)信息表：標題、類別、添加日期、作者、內容、關鍵字、點擊數(shù)。</p><p>　?。?/p>

48、4）訂單信息表：訂單編號、客戶名稱、公司、地址、電話、傳真、聯(lián)系人、產品名稱、產品編號、數(shù)量備注、訂貨時間。</p><p>　　（5）產品信息表：一級分類、二級分類、名稱、型號或網址或主頁地址、圖片地址、產品詳細說明、產品簡介、排序字符。</p><p>　　3.2.2 物理結構設計</p><p>　?。?）管理員信息表（Admin）</p>&

49、lt;p>　　表3-1 管理員信息表</p><p>　?。?）留言信息表（Msg）</p><p>　　表3-2 留言信息表</p><p>　?。?）公司動態(tài)信息表（News）</p><p>　　表3-3 公司動態(tài)信息表</p><p>　?。?）訂單信息表（order1）</p><p

50、><b>　　表3-4訂單信息表</b></p><p>　?。?）產品信息表（P_info）</p><p>　　表3-5 產品信息表</p><p>　　3.3 網站風格設計</p><p>　　網站風格是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語），版面布局，

51、瀏覽方式，交互性，文字，內容價值，存在意義，站點榮譽等等諸多因素。</p><p>　　3.3.1 網站CI設計</p><p>　　網站的CI（Corporate Identity）設計，主要是指網站的標志、色彩、字體、標語設計，是一個網站建立CI形象的關鍵，是網站的表面文章、形象工程。通過對網站的標志、色彩、字體、標語設計，建立起網站的整體形象[4]。</p><

52、p>　?。?）網站的標志（Logo）的設計</p><p>　　在網站形象設計中，網站的標志是很重要的?？匆娋W站的標志就能使訪問者聯(lián)想起該站點。標志可以是中文、英文字母，可以是符號、圖案，也可以是動物或者人物等[4]。涼風電腦銷售公司網站采用了最常用、最簡單的方式，即中文名稱作為標志。</p><p>　?。?）網站標準色彩的設計</p><p>　　標準色彩

53、是指能體現(xiàn)網站形象和延伸內涵的色彩。它能夠產生強烈的視覺沖擊，不同的色彩搭配產生不同的效果，反映出網站的文化內涵，并可能影響到訪問者的情緒。涼風電腦銷售公司網站的標準色彩為白色、綠色、藍色3種。</p><p>　　3.3.2 版面設計</p><p>　　版面指的是瀏覽器看到的完整的一個頁面（可以包含框架和層）。因為每個人的顯示器分辨率不同，所以同一個頁面的大小可能出現(xiàn)640*480像

54、素，800*600像素，1024*768像素等不同尺寸。</p><p>　　布局就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。版面布局也是一個創(chuàng)意的問題，但要比站點整體的創(chuàng)意容易、有規(guī)律得多。</p><p>　　版面布局的分為三個階段：</p><p>　?。?）草案階段：勾勒出網站的基本框架。</p><p>　?。?）粗略布

55、局階段：將LOGO放在了網站的左上角，接下來是個FLASH，然后是導航條，導航條的下面是企業(yè)信息，導航條左側是產品查詢。</p><p>　　（3）定案階段：在粗略布局的基礎上精細化、具體化。在“企業(yè)概況”模塊中，文字上方插入了一張企業(yè)圖片；在“產品展示”模塊中，允許一行展示十個產品；在銷售網絡模塊中，上下排版，以圖片的形式展示了國內和國際的銷售網絡；在“聯(lián)系我們”模塊中，文字右側插入一張圖片。</p>

56、;<p>　　3.3.3 色彩設計</p><p>　　自然界中的顏色可以分為無彩色和彩色兩大類。無彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色[5]。</p><p>　　色彩的搭配分為非彩色的搭配和彩色的搭配。</p><p>　　（1）非彩色的搭配 </p><p>　　黑白是最基本和最簡單的搭配，白字

57、黑底，黑字白底都非常清晰明了。 灰色是萬能色，可以和任何彩色搭配，也可以幫助兩種對立的色彩和諧過渡。 </p><p><b>　　（2）彩色的搭配 </b></p><p>　　1）色環(huán)：將色彩按“紅、黃、綠、藍、紅”依次過度漸變，就可以得到一個色彩環(huán)。色環(huán)的兩端是暖色和寒色，當中是中型色。</p><p>　　2）色彩的心理感覺：不同的顏色

58、會給瀏覽者不同的心理感受。白色，具有潔白、明快、純真、清潔的感受；綠色，介于冷暖兩種色彩的中間，顯得和睦、寧靜、健康、安全；藍色，是最具涼爽、清新、專業(yè)的色彩，它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。涼風電腦銷售公司就采用了這3種顏色作為基本色。同時，對于文字字型設計，采用了CSS，使整個網站達到了統(tǒng)一，顏色為灰色，與彩色底色和基本色調和諧一致。</p><p>　　3.3.4 字體設計</p>

59、<p>　　網頁上的字體應當首先考慮人們的閱讀習慣與效果。一般網頁的字體多用宋體，字體的大小多為五號字或小四號字。雖然可以在網站中使用特殊的字體，但是，如果訪問者的計算機沒有安裝這種字體的話，訪問者將什么也看不到。因此，在使用一些特殊字體時，一般可以先將其做成圖形，然后以圖片的方式加入網頁中去，這樣無論什么樣的用戶，都可以看到特殊的內容。</p><p>　　杭州涼風電腦銷售公司整個網站采用了人們閱

60、讀時習慣的宋體，字體的大小為五號字和小四號字。</p><p>　　3.3.5 特效設計</p><p>　　網站的特效能夠使網站看起來更為生動活潑，以常見的幾種技術來說，包含了Flash、Java Script、 DHTML等等。適當?shù)氖褂眠@些網頁小技巧，往往能讓這些小特效發(fā)揮最大的效果，使網頁更美觀并且創(chuàng)造出獨特的風格。</p><p>　　涼風電腦銷售公司整

61、個網站包含了Flash、Java script等等，這些使網頁美觀并顯示出獨特的風格。</p><p>　　3.4 網站安全設計</p><p>　　網站的安全直接取決于其所在網絡的安全程度。而網絡安全是指網絡系統(tǒng)的硬件、軟件及其系統(tǒng)中的數(shù)據受到保護，不受偶然的或惡意的原因而遭到破壞、更改、泄露。網絡安全的具體包括運行系統(tǒng)的安全、信息傳播的安全和信息內容的安全三層含義。系統(tǒng)安全是整個網絡

62、安全的基礎，傳播安全是網絡安全的神經中樞，內容安全是關鍵。</p><p>　　運行系統(tǒng)的安全是指保證信息處理和傳輸系統(tǒng)的安全，簡稱“系統(tǒng)安全”。系統(tǒng)安全主要包括計算機系統(tǒng)機房環(huán)境的保護，計算機網絡拓撲結構設計的安全性考慮，硬件系統(tǒng)的可靠安全運行，計算機操作系統(tǒng)和應用軟件的安全，數(shù)據庫系統(tǒng)的安全等，本質上是保護系統(tǒng)的合法操作和正常運行。信息傳播的安全是指信息傳播結果的安全，它側重于防止和控制非法的、有害的信息進行

63、傳播，避免對互聯(lián)網上大量自由傳輸?shù)男畔⑹Э?，本質上主要是維護社會的道德、法則和國家利益。信息內容的安全是指網絡上信息內容的安全，即狹義的“信息安全”，包括用戶身份認證（一般采用口令鑒別）、用戶存取信息的權限控制、數(shù)據庫記錄訪問權限、安全審計（一般系統(tǒng)都有日志記載）、計算機病毒防治、數(shù)據加密等內容。</p><p>　　網絡安全是運行系統(tǒng)的安全、信息傳播的安全和信息內容的安全的集合體。</p><

64、;p>　　3.4.1 威脅網站安全的主要因素</p><p><b>　?。?）網站攻擊。</b></p><p>　?。?）網站安全漏洞。</p><p>　?。?）信息安全保密隱患。</p><p>　?。?）網站內部安全隱患。 </p><p><b>　?。?）網絡病毒。

65、</b></p><p>　　（6）網絡數(shù)據的災難恢復問題。 </p><p>　　3.4.2 網站安全解決方案</p><p>　　現(xiàn)階段，網站的通用保護方法主要有安全配置、安裝防火墻、數(shù)據庫防護、漏洞掃描、安裝入侵檢測系統(tǒng)等方法。根據以上威脅網絡安全的主要因素，涼風電腦銷售公司網站主要使用了進行安全配置、安裝防火墻、數(shù)據庫防護方法從以下方面對網站安

66、全進行保護：</p><p>　　（1）硬件安全：涼風電腦銷售公司業(yè)務系統(tǒng)使用防病毒網卡，以防止服務器受到病毒攻擊；為了防止數(shù)據被惡意刪改，對系統(tǒng)加裝了防火墻，以抵制外界不合法的更改或破壞數(shù)據，阻止各種掃描工具的試探和信息收集，同時需要對防火墻內的網絡環(huán)境進行調整，消除內部網絡的安全隱患。</p><p>　?。?）操作系統(tǒng)安全：涼風電腦銷售公司業(yè)務系統(tǒng)使用較為安全、穩(wěn)定和可靠的Windo

67、ws server 2003操作系統(tǒng)，并為設立一個管理員密碼，從而實現(xiàn)對管理員身份的驗證。對系統(tǒng)漏洞進行及時的修補、安裝操作系統(tǒng)的最新補丁，定期進行數(shù)據備份，同時要關閉不必要的服務。</p><p>　　（3）應用軟件安全：涼風電腦銷售公司業(yè)務系統(tǒng)對數(shù)據庫進行了加密，即使外界下載到了系統(tǒng)數(shù)據庫，也無法查看數(shù)據庫中的內容，并定期對數(shù)據庫進行備份。</p><p>　?。?）人員層次安全：涼風

68、電腦銷售公司對管理員以及系統(tǒng)維護人員進行培訓和教育，強化管理制度，減少授權用戶接受賄賂或操作不當而為入侵者提供入侵機會的可能性。</p><p>　　（5）系統(tǒng)安全：涼風電腦銷售公司系統(tǒng)對進入后臺的人員進行了身份驗證，保證了系統(tǒng)的安全性。</p><p><b>　　4 系統(tǒng)實現(xiàn)</b></p><p>　　4.1 開發(fā)工具的選擇</

69、p><p>　　4.1.1 開發(fā)工具介紹</p><p><b>　　（1）動態(tài)頁面技術</b></p><p>　　動態(tài)頁面設計技術例如：FLASH技術、JAVA技術、CSS技術等，可以使一個網站豐富起來[6]。</p><p>　　1）FLASH技術：目前，相當多的網站都使用了FLASH技術，使用FLASH技術的好處是

70、可以相當大的縮小網頁里各種動畫大小。而且，是一種很潮流的做法。但是，制作FLASH動態(tài)的難度大，而且瀏覽者必須具備FLASH的插件，才可以瀏覽由FLASH做出來的網頁效果。</p><p>　　2）JAVA技術：使用JAVA可以做出很多出色的動態(tài)效果。但是由于JAVA的編匯難度較大，并不是所有的網頁制作者都可以自己寫出一個完整的JAVA程序，因此，通常的都是從其他網站看到自己需要的JAVA程序后，再將其摘抄，然后

71、應用在自己的網站。這樣，必然要花費一定的時間，而且在JAVA所有權的問題上可能還會有爭執(zhí)。</p><p>　　3）CSS技術：使用CSS技術也是一個使網頁更整齊美觀的一個方法，使用CSS技術可以充分發(fā)揮動態(tài)HTML的優(yōu)勢，但是由于Netscape并不能提供對動態(tài)的完全支持，因此，在制作網頁的時候應該充分考慮到使用 Netscape和IE為瀏覽器的不同的兩組瀏覽者。</p><p><

72、;b>　?。?）網站開發(fā)工具</b></p><p>　　現(xiàn)在最常用的三種動態(tài)網頁語言為ASP（Active Server Pages），PHP （Hypertext Preprocessor），JSP（Java Server Pages）。</p><p>　　1）ASP是一個WEB服務器端的開發(fā)環(huán)境，利用它可以產生和執(zhí)行動態(tài)的、互動的、高性能的WEB服務應用程序。AS

73、P采用腳本語言VBScript（Java script）作為自己的開發(fā)語言[7]。這種腳本語言簡單易懂，結合HTML代碼，可快速地完成網站的應用程序，并且這種腳本語言只需在WEB服務器端執(zhí)行，客戶端的瀏覽器不需要執(zhí)行這些腳本語言。</p><p>　　2）PHP是一種跨平臺的服務器端的嵌入式腳本語言。它大量地借用C、Java和Perl的語法,，并耦合PHP自己的特性，使WEB開發(fā)者能夠快速地寫出動態(tài)頁面。它支持目

74、前絕大多數(shù)數(shù)據庫。PHP是完全免費的，可以從PHP官方站點自由下載。而且可以不受限制地獲得源碼，甚至可以從中加進自己需要的特色。PHP可以編譯成具有與許多數(shù)據庫相連接的函數(shù)?？梢宰约壕帉懲鈬暮瘮?shù)去間接存取數(shù)據庫，通過這樣的途徑當更換使用的數(shù)據庫時，可以輕松地修改編碼以適應這樣的變化。</p><p>　　3）JSP是Sun公司推出的新一代脫離硬件平臺束縛的網站開發(fā)語言，可以在Serverlet和JavaBean

75、的支持下，完成功能強大的站點程序。JSP最大的特點是它可將內容的產生和顯示進行分離。絕大多數(shù)JSP頁面依賴于可重用且跨平臺的組件來執(zhí)行應用程序所要求的更為復雜的處理。</p><p><b>　?。?）數(shù)據庫</b></p><p>　　常用的數(shù)據庫有Access、SQL Server、Oracle。</p><p>　　1）Access是一種

76、桌面數(shù)據庫，只適合數(shù)據量少的應用，在處理少量數(shù)據和單機訪問的數(shù)據庫時是很好的，效率也很高。鑒于ACCESS數(shù)據庫小巧、方便、易學，易于被管理者掌握[8]。</p><p>　　2）SQL Server是基于服務器端的中型的數(shù)據庫，可以適合大容量數(shù)據的應用，在功能上、管理上也要比Access強得多。在處理海量數(shù)據的效率，后臺開發(fā)的靈活性，可擴展性等方面強大。因為現(xiàn)在數(shù)據庫都使用標準的SQL語言對數(shù)據庫進行管理，所以

77、如果是標準SQL語言，兩者基本上都可以通用的。SQL Server還有更多的擴展，可以用存儲過程，數(shù)據庫大小無極限限制。但是SQL Server只在Windows上運行，Windows平臺本身的可靠性、安全性和可伸縮性也是有限的。 </p><p>　　3）Oracle能在所有主要的平臺（其中包括Windows）上運行，并且完全支持所有的工業(yè)標準，所以，客戶可以利用很多種第三方應用程序、工具、網關和管理實用程序。

78、Oracle采用開放策略，它使得客戶可以選擇一種最適合他們特定需要的解決方案。</p><p>　　4.1.2 涼風電腦銷售公司網站開發(fā)工具的選擇</p><p>　　根據以上闡述，選擇結果如下：</p><p>　　ASP腳本語言VBScript（Java script）簡單易懂，可快速地完成網站的應用程序[9]，且此腳本語言對本網站的開發(fā)已足夠勝任，所以采用了

79、ASP種技術。ACCESS數(shù)據庫小巧、方便、易學，移于被管理者掌握[10]；在互聯(lián)網上有許多的ASP源代碼和相對較多的論壇，方便學習，且涼風電腦銷售公司業(yè)務處理系統(tǒng)的數(shù)據庫容量并不是很大，所以本身可以容納2G數(shù)據的ACCESS數(shù)據庫已經可以滿足需要。</p><p>　　4.2 模塊詳細設計與實現(xiàn)</p><p>　　在前面的概要設計中，已將系統(tǒng)劃分為多個模塊，并將它們按照一定的原則組裝

80、起來，同時確定了每個功能及模塊之間的外部接口?，F(xiàn)在所要做的就是確定每個模塊具體執(zhí)行過程，也可以說是“過程設計”。</p><p>　　在處理過程設計時我采用的是結構化程序設計（簡稱SP）方法。需要指出的是系統(tǒng)的詳細設計并不是指具體的編程序，而是將概要設計階段產生的系統(tǒng)功能模塊圖細化成很容易產生程序的圖紙。因此詳細設計的結果基本決定了最終程序的質量。為軟件的質量，延長軟件的生存期，軟件的可測試性、可維護性提供重要的

81、保障。</p><p>　　詳細設計階段的根本目標是確定應該怎樣具體的實現(xiàn)所要求的系統(tǒng)，也就是說，經過這個階段的設計工作，應該得出目標系統(tǒng)的精確描述，從而在編碼階段可以把這個描述直接翻譯成用某種程序設計語言書寫的程序。詳細設計的目標不僅僅是邏輯上正確地實現(xiàn)每個模塊的功能，更重要的是設計的處理過程應該盡可能簡明易懂。</p><p>　　4.2.1 程序流程圖</p><

82、;p>　　程序流程圖又稱為程序框圖，它是歷史悠久使用最廣泛的描述軟件設計的方法。</p><p>　　下面是終端用戶界面的流程圖。</p><p>　　圖 4-1用戶端的程序流程圖</p><p>　　管理員系統(tǒng)管理程序流程圖如下：</p><p>　　圖 4-2管理員后臺管理的程序流程圖</p><p>　　4

83、.3 后臺系統(tǒng)的實施</p><p>　　雖然系統(tǒng)是從終端用戶的角度開始設計的，但是在系統(tǒng)設計的過程中，首先面對的是的管理者。終端用戶的需求實際上是系統(tǒng)需求的一部分，更重要的是應先解決管理者對系統(tǒng)管理的需求。在做好后臺管理系統(tǒng)的基礎上，再做前臺系統(tǒng)，由于數(shù)據庫里有了各種實際的資料，會更加直觀。</p><p>　　后臺系統(tǒng)主要是為管理員服務的，主要由五個模塊組成，系統(tǒng)管理模塊、公司簡介模

84、塊、新聞動態(tài)功能模塊、產品管理模塊、評論信息管理模塊、客服信息管理模塊。</p><p>　　4.3.1 連接數(shù)據庫的包含文件(conn.asp)</p><p>　　在動態(tài)網頁中，調用數(shù)據庫中的數(shù)據是十分頻繁的，為了避免編寫重復的代碼。編寫一個數(shù)據庫連接文件是非常重要的。conn.asp文件的內容包括連接數(shù)據庫的信息。</p><p>　　在所有與數(shù)據庫連接的頁

85、面只要包含該文件，就可以連接和打開數(shù)據庫。本程序的代碼設計如下：</p><p><b>　　<%</b></p><p><b>　　dim conn</b></p><p>　　dim connstr</p><p><b>　　dim db</b></p>

86、;<p>　　db="data/1du.asp"</p><p>　　Set conn = Server.CreateObject("ADODB.Connection")</p><p>　　connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & S

87、erver.MapPath(db)</p><p>　　conn.Open connstr</p><p>　　sub closedatabase()</p><p>　　conn.close</p><p>　　set conn=Nothing</p><p><b>　　End sub</b>

88、</p><p><b>　　%></b></p><p>　　4.3.2 管理員登錄頁面(login.asp)</p><p>　　本頁是企業(yè)網站管理的入口，為了確保網站與數(shù)據庫的安全，對進入的人員進行身份驗證是十分必要的，尤其是網站的后臺管理系統(tǒng)。本頁的主要功能就是對用戶進行身份驗證。</p><p>　　本

89、頁通過從form表單獲取管理員輸入的用戶名與密碼進行驗證，調用openDB（）函數(shù),打開admin表。以用戶名和密碼為檢索條件進行查詢，將記錄集存放于記錄集變量rs中。若記錄集為空，則說明該用戶名不存在，重新輸入；若記錄集不為空，則說明該用戶為系統(tǒng)管理員,進入后臺系統(tǒng)控制臺頁面。登錄界面的設計如圖4-3所示。</p><p>　　圖4-3 后臺系統(tǒng)控制臺頁面</p><p>　　其中“進入

90、”按鈕的代碼設計如下：</p><p>　　apass=md5(apass)</p><p>　　dim sql,rs</p><p>　　sql="select a_name,a_pass,a_flag from admin where a_name='"&aname&"' and a_pass=

91、9;"&apass&"'"</p><p>　　set rs=server.createobject("adodb.recordset")</p><p>　　rs.open sql,conn,1,1</p><p>　　if rs.BOF and rs.EOF then</p>

92、<p>　　ErrMsg="用戶名或是密碼錯誤！"</p><p>　　Call LoginError(ErrMsg)</p><p><b>　　rs.close</b></p><p>　　set rs=Nothing</p><p>　　conn.close</p>&

93、lt;p>　　set conn=Nothing</p><p>　　response.End</p><p>　　elseif Not(rs.BOF or rs.EOF) then</p><p>　　session("aname")=rs("a_name")</p><p>　　session(

94、"admin_flag")="into"</p><p>　　session("admin_sys")=rs("a_flag")</p><p>　　response.Redirect("useradmin.asp")</p><p><b>　　rs.cl

95、ose</b></p><p>　　set rs=Nothing</p><p>　　conn.close</p><p>　　set conn=Nothing</p><p>　　response.End</p><p>　　4.3.3 管理員管理主界面</p><p>　　用戶

96、成功能身份驗證后，進入系統(tǒng)管理主界面。主界面采用框架的結構進行設計，用戶可以在左邊的菜單中，選取相應的功能進行操作。</p><p>　　管理員主界面如圖4-4所示</p><p>　　圖4-4 管理員頁面</p><p>　　4.3.4 管理員管理模塊</p><p>　　管理員管理模塊可以完成管理員賬戶的管理，管理員可以更改自己的用戶名

97、密碼，本頁面對應的磁盤文件為useradmin.asp。管理員管理界面如圖4-5所示：</p><p>　　圖4-5 管理員管理頁面</p><p>　　1“確認修改”按鈕的主要代碼如下：</p><p>　　if rs.BOF and rs.EOF then</p><p>　　emsg="你的登陸信息失效，請重新登陸！&quo

98、t;</p><p>　　response.Redirect("login.asp?emsg="&emsg)</p><p>　　response.End()</p><p><b>　　rs.close</b></p><p>　　set rs=Nothing</p><

99、p>　　conn.close</p><p>　　set conn=Nothing</p><p>　　elseif Not(rs.BOF or rs.EOF) then</p><p>　　sqlupdate="update admin set a_pass='"&EVS_repass&"',a_

100、name='"&EVS_rename&"' where a_name='"&nameold&"' and a_pass='"&passold&"'"</p><p>　　conn.Execute sqlupdate</p><p

101、>　　response.write "<script language='javascript'>" & chr(13)</p><p>　　response.write "alert('密碼修改成功，請牢記你的密碼!');" & Chr(13)</p><p>　　response.

102、write "window.document.location.href='admin.asp';"&Chr(13)</p><p>　　response.write "</script>" & Chr(13)</p><p>　　Response.End</p><p><b

103、>　　rs.close</b></p><p>　　set rs=Nothing</p><p>　　conn.close</p><p>　　set conn=Nothing</p><p>　　response.End()</p><p><b>　　End if</b>&l

104、t;/p><p><b>　　End if</b></p><p>　　4.3.5 新聞管理模塊</p><p>　　新聞管理模塊主要完成企業(yè)新聞信息的添加、修改及刪作的功能。本模塊對應的磁盤文件為adminnews.asp，新聞管理界面如圖4-6所示：</p><p>　　圖4-6 新聞信息管理頁面</p>

105、<p>　　在此頁面中，可以對新聞信息進行刪除及修改。其中“刪除”按鈕的代碼設計如下：</p><p>　　if founderr then</p><p>　　Call diserror()</p><p>　　response.End</p><p><b>　　End if</b></p>

106、<p>　　sql="select * from news where news_id="&cint(request.Form("id"))</p><p>　　set rs=server.createobject("adodb.recordset")</p><p>　　rs.open sql,conn,1,

107、3</p><p><b>　　rs.delete</b></p><p><b>　　rs.close</b></p><p>　　set rs=Nothing</p><p>　　closedatabase</p><p>　　Response.write "&

108、lt;script language = 'javascript'>alert('成功刪除了此新聞!');window.document.location.href='admin_news.asp';</script>"</p><p>　　response.end</p><p>　　新增新聞頁面完成新聞信息的添

109、加的功能，用戶輸入新聞的作都，標題，內容等信息，點擊“確定新增”，完成新聞的新增的功能。新聞新增的頁面設計如圖4-7所示：</p><p>　　圖4-7 新聞新增頁面</p><p>　　其中“確定新增”按鈕的代碼設計如下：</p><p>　　dim author,ahome,keyword,title,news_class_id,content</p&g

110、t;<p>　　author=trim(replace(request.form("news_author"),"'",""))</p><p>　　ahome=trim(replace(request.form("news_ahome"),"'",""))<

111、/p><p>　　keyword=trim(replace(request.form("news_keyword"),"'",""))</p><p>　　title=trim(replace(request.form("news_title"),"'",""

112、))</p><p>　　news_class_id=trim(replace(request.form("news_class_id"),"'",""))</p><p>　　content=request.form("news_content")</p><p>　　rs(&

113、quot;news_class_id")=news_class_id</p><p><b>　　End if</b></p><p>　　if content="" then</p><p>　　founderr=true</p><p>　　errmsg=errmsg+"<

114、;br>"+"<li>你必須輸入來源的地址！"</p><p><b>　　else</b></p><p>　　rs("news_content")=content</p><p><b>　　End if</b></p><p>

115、;　　if Not founderr then</p><p>　　rs("news_date")=date</p><p><b>　　rs.update</b></p><p><b>　　rs.close</b></p><p>　　set rs=Nothing</p

116、><p>　　closedatabase</p><p>　　Response.write "<script language = 'javascript'>alert('成功添加了一個新聞!');window.document.location.href='admin_news.asp';</script>&q

117、uot;</p><p>　　response.end</p><p>　　4.3.6 類別管理模塊</p><p>　　產品類別管理分為一級分類管理和二級分類管理，可以添加、刪除、修改類別，產品再添加時需要選擇產品的類別，在系統(tǒng)前臺產品信息按類別進行顯示。本頁面對應的磁備用文件為admin_p.asp。類別管理界面如圖4-8所示：</p><

118、p>　　圖4-8 類別信息管理頁面</p><p>　　4.3.7 產品管理模塊</p><p>　　產品管理模塊完成產品信息的添加、刪除、修改的功能，在后臺的產品信息直接反映到前臺，管理員人員可以在后完成產品的管理工作，本模塊對應的磁盤文件為admin_pro.asp。產品管理界面如圖4-9所示：</p><p>　　圖4-9 產品信息管理頁面</p

119、><p>　　在此頁面中，用戶選擇某條記錄后，即可對記錄進行刪除或修改。</p><p>　　其中“刪除”按鈕的代碼如下：</p><p>　　if founderr then</p><p>　　Call diserror()</p><p>　　response.End</p><p><