羅昭畢業(yè)設(shè)計論文企業(yè)網(wǎng)站建設(shè)

1、 專業(yè)：計算機網(wǎng)絡(luò)班級： 2012 高職網(wǎng)絡(luò)班編號： 201211180新疆農(nóng)業(yè)職業(yè)技術(shù)學(xué)院軟件技術(shù)學(xué)院畢業(yè)論文校園新聞發(fā)布系統(tǒng)的設(shè)計與實現(xiàn)學(xué) 院：信息技術(shù)學(xué)院專 業(yè)：計算機網(wǎng)絡(luò)技術(shù)姓 名：羅昭班 級： 2012 高職網(wǎng)絡(luò)班 指導(dǎo)教師：張萍二一五年四月十六日目錄 TOC o 1-5 h z HYPERLINK l bookmark2 o Current Document 摘要 III HYPERLINK l bookmark4 o Current Document Abstract IV引 言 V HYPERLINK l bookmark8 o Current Document 第一章 概述

2、1 HYPERLINK l bookmark10 o Current Document 設(shè)計背景及意義 1 HYPERLINK l bookmark12 o Current Document 建站現(xiàn)況 1 HYPERLINK l bookmark14 o Current Document 畢業(yè)論文導(dǎo)航 1 HYPERLINK l bookmark16 o Current Document 第二章相關(guān)知識介紹 2 HYPERLINK l bookmark18 o Current Document 系統(tǒng)開發(fā)環(huán)境的選擇及其介紹 2什么是 Active Server Page? 2Active Ser

3、ver Page 的特點： 2ASP 對象 3 HYPERLINK l bookmark20 o Current Document 數(shù)據(jù)庫的選擇及其介紹 3Microsoft Office 數(shù)據(jù)庫管理系統(tǒng)的簡介 3Microsoft Office 數(shù)據(jù)庫管理系統(tǒng)的特點 42.2.2Adobe Dreamweaver 5 HYPERLINK l bookmark22 o Current Document 第三章 網(wǎng)站結(jié)構(gòu)分析及示意 6 HYPERLINK l bookmark24 o Current Document 網(wǎng)站前臺結(jié)構(gòu)分析 6 HYPERLINK l bookmark26 o Cur

4、rent Document 網(wǎng)站前臺示意圖 7 HYPERLINK l bookmark28 o Current Document 網(wǎng)站后臺結(jié)構(gòu)分析 10 HYPERLINK l bookmark30 o Current Document 第四章 系統(tǒng)的數(shù)據(jù)庫 12 HYPERLINK l bookmark32 o Current Document 數(shù)據(jù)庫的分析 12 HYPERLINK l bookmark34 o Current Document 數(shù)據(jù)結(jié)構(gòu)表 12 HYPERLINK l bookmark36 o Current Document 第五章 網(wǎng)站功能模塊設(shè)計 14 HYPER

5、LINK l bookmark38 o Current Document 新聞信息動態(tài)模塊設(shè)計 14新聞信息添加設(shè)計 15新聞信息修改設(shè)計 16新聞信息刪除設(shè)計 17 HYPERLINK l bookmark40 o Current Document 信息動態(tài)模塊設(shè)計 : 18 HYPERLINK l bookmark42 o Current Document 客戶留言信息模塊設(shè)計 19 HYPERLINK l bookmark46 o Current Document 第六章 管理員頁面設(shè)計 21 HYPERLINK l bookmark48 o Current Document 后臺操作設(shè)

6、置 21 HYPERLINK l bookmark50 o Current Document 顯示網(wǎng)頁的分頁 22結(jié) 論 23致 謝 24摘要隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展 , 當(dāng)代企業(yè)紛紛建立自己的網(wǎng)站 , 借助于互聯(lián)網(wǎng)擴大自己的影響、推廣自 己的產(chǎn)品 , 同時通過互聯(lián)網(wǎng)快速的信息傳遞加速自身的發(fā)展。所以，企業(yè)重視自己網(wǎng)站的建設(shè)是一個富有 遠見的選擇。企業(yè)網(wǎng)站在建設(shè)過程中主要分為網(wǎng)絡(luò)總體規(guī)劃與技術(shù)設(shè)備選型、前臺網(wǎng)頁的設(shè)計制作、應(yīng)用系統(tǒng)的 設(shè)計開發(fā)以及后臺數(shù)據(jù)庫管理系統(tǒng)的設(shè)計開發(fā)等方面。本論文所研究的是如何建設(shè)一個符合客戶要求的 企業(yè)網(wǎng)站及后臺數(shù)據(jù)庫管理系統(tǒng)，旨在通過設(shè)計一個具有強大的數(shù)據(jù)管理功能的系

7、統(tǒng)來管理前臺頁面中 不斷更新的數(shù)據(jù)，方便網(wǎng)站管理員日后對網(wǎng)站的維護和數(shù)據(jù)更新。本論文所提出的方案是采用現(xiàn)在比較 流行的 ASPIIS 技術(shù)配合網(wǎng)頁三劍客( Dreamweaver MX 2004 、 Fireworks MX 2004 、Flash MX 2004 ) 等制作工具來設(shè)計和建設(shè)一個企業(yè)網(wǎng)站后臺數(shù)據(jù)庫管理系統(tǒng)。通過對企業(yè)需求的了解和對其他企業(yè)網(wǎng)站 的參考，最終成功完成了一個虛擬企業(yè)網(wǎng)站的后臺數(shù)據(jù)庫管理系統(tǒng)。關(guān)鍵詞 ： 企業(yè)網(wǎng)站 ASP 后臺管理 數(shù)據(jù)庫AbstractWith the rapid development of network technology, contempo

8、rary enterpriseshave set up their ownwebsite, through the expansion of its influence and promote their products and rapid information dissemination through the Internet are speeding up their own development. Therefore,enterprises to build their own web site is a visionary choice.In the process of bu

9、ilding enterprise web site network consists of the overall planning and technical equipment models, the prospects for the production of web design, application development and system design background database management system design and development fields. This paper studies is how to build a line

10、 with the requirements of enterprise customers website background database management system aimed at the adoption of a powerful design data management system to manage the functional prospects screens constantly updated data, the website managers in the future to facilitate the maintenance of the w

11、ebsite and updating data. The papers are used by the programme of technical cooperation ASP+IIS now more popular website Water (Dreamweaver MX 2004, Fireworks MX 2004, Flash MX 2004) to design and build a production tool for enterprise database management system website background. Through understan

12、ding the needs of enterprises and enterprises of other reference websites, and ultimately the successful completion of a virtual enterprise database management system website background.Keyword Enterprise website ASP Backstage management database引言隨著In ternet的普及，越來越多的企業(yè)建立了自己的 WW網(wǎng)站。建設(shè)企業(yè)網(wǎng)站可為企業(yè) 帶來什么？ 1

13、、有利于提升企業(yè)形象； 2 、使企業(yè)具有網(wǎng)絡(luò)溝通能力； 3、可以全面詳細地介 紹企業(yè)及企業(yè)產(chǎn)品； 4、可以與客戶保持密切聯(lián)系； 5、可以與潛在客戶建立商業(yè)聯(lián)系； 6、 可以降低通訊費用； 7、可以利用網(wǎng)站及時得到客戶反饋的信息。因此，企業(yè)進行網(wǎng)站建設(shè) 是很有必要的。企業(yè)通過網(wǎng)站可以展示產(chǎn)品，發(fā)布最新動態(tài)，與用戶進行交流和溝通，與合作伙伴建立 聯(lián)系，以及開展電子商務(wù)等。其中新聞管理系統(tǒng)是構(gòu)成企業(yè)網(wǎng)站的一個重要組成部分，它擔(dān) 負著雙層作用，一方面可以用來動態(tài)發(fā)布有關(guān)新產(chǎn)品或新開發(fā)項目，另一方面又可以及時向 顧客公告企業(yè)經(jīng)營業(yè)績、技術(shù)與研發(fā)進展、特別推薦或優(yōu)惠的工程項目、產(chǎn)品和服務(wù)，從而 吸引顧客，

14、擴大顧客群。現(xiàn)在，社會對計算機軟件的要求越來越高，除了要由眾多的功能外，還要由更人性化的 工作平臺，這樣的軟件才能算是真正成功的軟件。ASP是一種優(yōu)秀的電子商務(wù)開發(fā)程序語言， 因為其編輯簡單，功能全面的特點，被廣泛應(yīng)用于電子商務(wù)網(wǎng)站的編輯制作、企業(yè)管理系統(tǒng) 的開發(fā)等項目中。尤其是在電子商務(wù)站和企業(yè)網(wǎng)站的建設(shè)中，ASP扮演著動態(tài)網(wǎng)頁締造者的重要角色。本文著重闡述了建立企業(yè)網(wǎng)站的流程和使用 ASP技術(shù)建設(shè)企業(yè)網(wǎng)站后臺管理系統(tǒng)的方 法。掌握了企業(yè)網(wǎng)站后臺數(shù)據(jù)管理的方法無疑就掌握了企業(yè)網(wǎng)站建站的核心。因為客戶所能 看到的所有數(shù)據(jù)信息和前端頁面都可以通過強大的后臺管理系統(tǒng)來實時更新和管理， 對日后 網(wǎng)站

15、建成后的維護打開了方便之門。 可以說企業(yè)網(wǎng)站的建設(shè)簡單的可以分為頁面設(shè)計和后臺 數(shù)據(jù)庫建設(shè)兩個部分。利用ASP進行動態(tài)網(wǎng)站數(shù)據(jù)庫的編程還是十分方便的，只要有基本的 C、VB等程序設(shè)計語言的基礎(chǔ)，掌握 ASP編程還是不難的。本文重點對后臺數(shù)據(jù)庫的編程做 了詳細的描述，后臺的各個模塊可以說基本含蓋了所有企業(yè)網(wǎng)站都需要的功能，并且設(shè)計時 實時考慮到和前端頁面的設(shè)計和內(nèi)容顯示相關(guān)聯(lián)， 力爭做到通過團體合作共同完成一個符合 客戶要求的企業(yè)網(wǎng)站。 第一章 概述1.1 設(shè)計背景及意義本站點是一個模擬奇瑞汽車公司的企業(yè)站點， 本站點引用到了網(wǎng)上奇瑞公司的一些產(chǎn)品 圖片、產(chǎn)品介紹及相關(guān)新聞。企業(yè)進行網(wǎng)站建設(shè)是很

16、有必要的。 企業(yè)如何讓自己在眾多競爭者中顯示自己的企業(yè)形象 和產(chǎn)品特點，從而吸引全國乃至世界各地商家的注意呢？不錯， 只有通過互聯(lián)網(wǎng)來宣傳自己 如何利用互聯(lián)網(wǎng)的強大信息和速度優(yōu)勢呢？建立自己的企業(yè)網(wǎng)站正是每個企業(yè)必須也不得 不選擇的一種展示自己企業(yè)特點的方法。 只有借助于互聯(lián)網(wǎng)擴大自己的影響，推廣自己的產(chǎn) 品，同時通過互聯(lián)網(wǎng)快速的信息傳遞加速自身的發(fā)展才能讓企業(yè)立足于龐大的市場中。建站現(xiàn)況近幾年來，網(wǎng)站建設(shè)業(yè)務(wù)一直呈快速上升勢頭，行業(yè)市場越來越大。就國內(nèi)情況而言， 沿海發(fā)達省市比中西部省市市場需求要大， 業(yè)務(wù)普及工作也很到位，許多行業(yè)形成了競相建 設(shè)企業(yè)網(wǎng)站，開展網(wǎng)絡(luò)營銷的局面。新技術(shù)的應(yīng)用將

17、促使企業(yè)網(wǎng)站建設(shè)更具魅力。隨著技術(shù) 融合與發(fā)展，許多在其他行業(yè)熱門應(yīng)用的技術(shù)如視頻、三維動畫、虛擬現(xiàn)實等技術(shù)都已經(jīng)實 現(xiàn)向互聯(lián)網(wǎng)上移植，未來的不久，他們就會出現(xiàn)在企業(yè)客戶網(wǎng)站上面；新的網(wǎng)絡(luò)編程語言（.net技術(shù)）和服務(wù)器CDN（內(nèi)容發(fā)布網(wǎng)絡(luò)）技術(shù)也將使網(wǎng)站結(jié)構(gòu)更緊密，訪問更流暢，更能適應(yīng)新的要求。網(wǎng)絡(luò)營銷服務(wù)將同網(wǎng)站建設(shè)融為一體，提供一體化服務(wù)。這對網(wǎng)絡(luò)公司提 出了更高的要求，網(wǎng)站建設(shè)從業(yè)者必須要加強自我學(xué)習(xí)和提高，才能適應(yīng)這一要求。1.3畢業(yè)論文導(dǎo)航在本論文中，第二章先來介紹建站的相關(guān)知識（開發(fā)環(huán)境及數(shù)據(jù)庫）；第三章大致梳理 下網(wǎng)站的流程；第四章后臺數(shù)據(jù)庫的具體設(shè)計；第五、六章網(wǎng)站的功能模塊

18、的具體設(shè)計及注 釋；第七章說明系統(tǒng)安裝要求。第二章 相關(guān)知識介紹系統(tǒng)開發(fā)環(huán)境的選擇及其介紹什么是 Active Server Page?ASP是Active Server Page的縮寫，意為“活動服務(wù)器網(wǎng)頁”。ASP是微軟公司開發(fā)的代替 CGI 腳本程序的一種應(yīng)用 ,它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的 編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或web應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及 COM&件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容(如在 線表單)，也可

19、以創(chuàng)建使用 HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序。Active Server Page 的特點：可以混用 ASP用 HTML,DHTML,ActiveX,VBScript,JavaScript,并且可以相互嵌套。語言相容性高:ASP與所有的ActiveX Script語言都相容，除了可結(jié)合 HTML VBScript、Java Script 、 Active X 服務(wù)器組件來設(shè)計外，并可經(jīng)由“ plug -In (外掛組件模組)的方式，使 用其他廠商( Third Party )所提供的語言。ASP 是純文本格式，不需編譯就可以直接在服務(wù)器上運行 . 任何開發(fā)工具皆可發(fā)展ASP只要使用一般

20、的文書編輯程序，如 Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā) 展工具，例如，F(xiàn)rontPage Express、 F rontPage等也都可以；不過還是建議你用記事本來 寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ASP可能會發(fā)生一些意想不到的離奇狀態(tài)。安全性好。ASP是一種在WEB艮務(wù)器端運行的腳本語言，源代碼不會傳到客戶的瀏覽器上，可保護源程序不外漏。如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到H TML文件，原始的ASP程序代碼是看不到的！這是因杰ASP程序先于網(wǎng)站服務(wù)(W ebServer )端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn) HTML文件，再傳送到客戶端(Cli

21、ent )的瀏覽器上， 因此，我們所辛苦撰寫的 ASP程序并不會輕易地被看見進而被盜用。面向?qū)ο?。ASP正是通過其自身包含的對象來實現(xiàn)服務(wù)器與客戶端交互的?？蓴U充服務(wù)器端功能。利用 ASP提供的一組 ActiveX服務(wù)器組件(ActiveX Server Components) 可繼 續(xù)擴充ASP的功能。如用ASP內(nèi)置ADO組件可以輕松的存取各種數(shù)據(jù)庫。此外，還可以用 VB,Java 等語言開發(fā)自己的組件以進一步擴充其功能。與瀏覽器無關(guān)。ASP可以將運行結(jié)果一 HTML!勺格式傳送到客戶端瀏覽器，因而可以 使用于各種瀏覽器 .易于操控數(shù)據(jù)庫.ASP可以輕易地通過ODBC(OpeDatabase

22、 Connectivity) 驅(qū)動程序 連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase Oracle等等，另外，ASP亦可將“文 本文件”或是” Excel ” 文件當(dāng)成數(shù)據(jù)庫用。ASP 對象ASP具備有面向?qū)ο?Object-Oriented )功能，學(xué)習(xí)容易，ASP提供了五種方便能力強 大的內(nèi)建對象：Request、Response Sever、Application 以及 Session，同時，若使用 A SP內(nèi)建的“ Application ”對象或” Session ”對象所撰寫出來的ASP程序可以在多個網(wǎng)頁 之間暫時保存必要的信息。ASP 的六大內(nèi)部對象 :Req

23、uest Response Server Session Application Object Context從客戶端取得信息將信息送給客戶端提供一些Web!務(wù)器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個 ASP-Application 中讓不同的客戶端共享信息可以用 來配合 Microsoft Transaction 服務(wù)器進行分布式事務(wù)處理。數(shù)據(jù)庫的選擇及其介紹2.2.1 Microsoft Office 數(shù)據(jù)庫管理系統(tǒng)的簡介Microsoft Access 2000是微軟公司出的OFFICE中一個軟件.是一個小型數(shù)據(jù)庫.可以幫助您組織和共享您的數(shù)據(jù)庫，以便您和

24、您的工作組能作出更好的決策?？焖僬业娇煽看鸢福ㄟ^ Intranet 共享信息，建立更快更有效的商業(yè)解決方案。Microsoft Office數(shù)據(jù)庫管理系統(tǒng)的特點更易建立強大的商業(yè)解決方案，更快找到答案使Web協(xié)作成為可能，用Access 2000中的新工具提高生產(chǎn)力。使數(shù)據(jù)對任何協(xié)作者都 可直接利用。更新銷售數(shù)據(jù)或快速查看顧客細節(jié)信息。定制您自己的圖形格式，以便準(zhǔn)確地 顯示您所需的信息。使用內(nèi)置 Microsoft SQL Server 集成來創(chuàng)建可以隨您的商務(wù)升級的數(shù) 據(jù)庫。在Webh管理和共享信息將您的數(shù)據(jù)來源與交互式 Web頁面無縫集成，使創(chuàng)建和共享 Microsoft Access

25、數(shù)據(jù)庫 比以前更容易。使用Web技術(shù)快速獲取信息，并把它按您的特殊用途裁剪。加入Office 2000 Web組件以便在 Web瀏覽器中視覺化分析數(shù)據(jù)。在瀏覽器窗口查看，編輯，和分析數(shù)據(jù)新的，交互式的Data Access Pages是為Web設(shè)計Access表。它們能使任何職員在瀏覽器內(nèi)輕易地打開，查看，和更新動態(tài)數(shù)據(jù)。用交互式圖表舉例說明Data Access Page,然后郵寄或作為 E-mail 的附件發(fā)出。您和您的合作者就永遠擁有最新信息 - 在辦公室或任何 地方。把交互式報告加入到 Intranet 中把多個表格鏈接成單個的，相關(guān)的視圖被稱為Grouped Data Access

26、Pageo用這種方法， 可以創(chuàng)建分層結(jié)構(gòu)， 將記錄從一般類別到具體細節(jié)分類。 例如，按區(qū)字段分析雇員銷售情況。 首先把目光集中在一個地區(qū)所有的銷售上。 然后，把目光關(guān)注到該地區(qū)銷售幾種紡織品的結(jié) 果和基本輸入輸出上。您可以交互式地查看，過濾，分類所有的信息 - 在同一頁面內(nèi)。把動態(tài)數(shù)據(jù)拖到網(wǎng)頁上很容易把字段列表的內(nèi)容拖動，加入到 Data Access Page 中。表格字段直接連結(jié)到數(shù) 據(jù)庫，所以信息總是最新的。使工作方式流程化 好的信息有助于作出英明的決策和提高生產(chǎn)力。 Microsoft Access 2000 使信息更容易獲得和使用?？焖俜治黾毠?jié)內(nèi)容并找出重要聯(lián)系。利用新工具來定制表單

27、和報表。把數(shù)字轉(zhuǎn) 化成答案 - 趕快。利用改進界面的優(yōu)點Access 2000 數(shù)據(jù)庫窗口使數(shù)據(jù)庫組件操作更容易。使用垂直 Objects 工具條在表單， 表格，和報表之間切換。把數(shù)據(jù)庫對象組織成組，并對常用的內(nèi)容創(chuàng)建快捷方式。在數(shù)據(jù)表視圖中瀏覽相關(guān)記錄Access 2000 在一個窗口中可使您以圖中圖方式查看所有相關(guān)數(shù)據(jù) - 不必進行查詢。即 時查看表格間的聯(lián)系以便快速作出相應(yīng)決策。顯示深層信息，以使記錄之間關(guān)系可視化。而 您只需用鼠標(biāo)選取您感興趣的記錄。對所選記錄作特殊的格式化在字段內(nèi)容的基礎(chǔ)上改變它們的版面， 使用戶能夠做到例如立即在一表格或報表內(nèi)發(fā)現(xiàn) 高銷售的消費者或低庫存項目。根據(jù)您

28、定義的數(shù)值或習(xí)慣標(biāo)準(zhǔn)設(shè)置字體，風(fēng)格，顏色，和標(biāo) 題。表單擴展功能允許您在一張表單上簡單地選擇一個字段，并改變它的背景顏色，大小，和邊界。不必切換到設(shè)計視圖就可以立即看到這一結(jié)果。與 SQL Server 無縫集成Microsoft Access 2000 包含了內(nèi)置的 Microsoft SQL Server ，這使它能夠?qū)κ煜さ腁ccess 環(huán)境進行高端管理。需要時可以利用可調(diào)整大小的 SQL Server 技術(shù)創(chuàng)建企業(yè)級數(shù)據(jù) 庫。這樣，使用一個可按需調(diào)整大小的數(shù)據(jù)庫，系統(tǒng)就可以隨業(yè)務(wù)擴展了。隨業(yè)務(wù)擴展數(shù)據(jù)庫通過在 Access 內(nèi)創(chuàng)建 SQL Server 數(shù)據(jù)庫，來擴展您在客戶 / 服務(wù)

29、器世界的技能。新的Access 數(shù)據(jù)庫項目允許 Access 用戶用熟悉的 Access 界面創(chuàng)建真正的客戶 / 服務(wù)器應(yīng)用程 序。2.2.2Adobe DreamweaverAdobe Dreamweave,簡稱“ DV”，中文名稱夢想編織者，是美國MACROMEDIA開發(fā)的 集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DW是第一套針對專業(yè)網(wǎng)頁設(shè)計師特 別發(fā)展的視覺化網(wǎng)頁開發(fā)工具， 利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限 制的充滿動感的網(wǎng)頁。Adobe Dreamweaver使用所見即所得的接口，亦有 HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用) 編輯的功能。它有Mac和 W

30、indows系統(tǒng)的版本。隨Macromedia被Adobe收購后，Adobe也開 始計劃開發(fā)Linux版本的Dreamweaver了。Dreamweaver自MX版本開始，使用了 Opera的 排版引擎 Presto 作為網(wǎng)頁預(yù)覽。第三章 網(wǎng)站結(jié)構(gòu)分析及示意3.1 網(wǎng)站前臺結(jié)構(gòu)分析一個網(wǎng)站的前臺最直接的影響著用戶對一個企業(yè)的形象的認可程度， 所以網(wǎng)站前臺頁面 的設(shè)計：簡潔、明了但又不缺乏個性美觀。網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個合理的編排。比如，將一些最吸引 人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。 欄目的實質(zhì)是一個網(wǎng)站的大綱索 引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。

31、在制定欄目的時候，要仔細考慮，合理安排。在 欄目編排時需要注意的是：盡可能刪除那些與主題無關(guān)的欄目；盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上；盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站點簡介、版 權(quán)信息、個人信息等大可不必放在主欄目里，以免沖淡主題。欄目的確定是網(wǎng)站內(nèi)部結(jié)構(gòu)的關(guān)鍵。通常論壇、留言板、關(guān)于我們、網(wǎng)站導(dǎo)航、聲明、 注冊區(qū)等基本欄目都放在次要的位置鏈接進入。新聞、主要功能、主要內(nèi)容、更新內(nèi)容提示 等放在醒目的位置。新聞和更新是網(wǎng)站的點睛之作，是吸引回頭率的主要手段之一，也是一 個主流網(wǎng)站所不可或缺的。在瀏覽者眼中，網(wǎng)站的生命力就體現(xiàn)在這里。根據(jù)前面的設(shè)計思想進

32、行分析， 按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可 對網(wǎng)站作如下劃分：公司簡介：通過光榮與榮譽、在線參觀、企業(yè)理念、企業(yè)文化、標(biāo)志詮釋、歷史榮譽及 部分圖片等內(nèi)容來展現(xiàn)；新聞動態(tài)：通過新聞、真實的圖片欄目來展現(xiàn)公司自身信息及產(chǎn)品信息； 產(chǎn)品展廳：通過圖片及動畫、文字介紹來實現(xiàn)對公司產(chǎn)品最大的展示； 供求招聘：以新聞列表的形式更新最新的供求、招聘信息； 客戶留言：通過一個表單接收到訪客的意見及建議； 在線論壇：最廣泛的接受客戶的要求及留言 。3.2 網(wǎng)站前臺示意圖主頁是網(wǎng)站設(shè)計的第一步。 許多人也以為網(wǎng)站設(shè)計就是主頁設(shè)計，主頁水平高低代表網(wǎng) 站水平高低。在一定程度上確實如此，所以主頁的風(fēng)

33、格樣式、色彩布局、欄目設(shè)計、文字表 述等成為網(wǎng)站最容易產(chǎn)生爭議的地方。所謂仁者見仁，智者見智，這上面永遠沒有大家一致 滿意的意見，更多的是體現(xiàn)直接設(shè)計者的性情風(fēng)格。隨著對網(wǎng)站認識的變換，主頁的樣式也 經(jīng)常變換。但是，主頁應(yīng)該明白無誤地告訴用戶其目的，這一點是肯定的。現(xiàn)在很多網(wǎng)站， 尤其是大型網(wǎng)站，都紛紛在主頁上突出其擁有的資源，用自動更新的內(nèi)容吸引用戶瀏覽。因 此，這些主頁都是含有動態(tài)更新內(nèi)容的， 即屬于動態(tài)網(wǎng)頁技術(shù)。 而且，一般要考慮到用戶 （對 象）的口味，在內(nèi)容排列上精心布局，以期達到最好效果。主頁設(shè)計有兩種主要的趨勢：追 求畫面美觀效果（靜態(tài)）和追求內(nèi)容豐富效果（動態(tài)），前者適合內(nèi)容不

34、多的企業(yè)網(wǎng)站，后 者適合內(nèi)容豐富的綜合網(wǎng)站。而一些功能性網(wǎng)站，就常常把最主要功能突出在主頁中心，如 搜索引擎和大型數(shù)據(jù)庫。構(gòu)建一個網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建 設(shè)初學(xué)者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規(guī)劃。從而導(dǎo)致 網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者 自己在擴充和維護網(wǎng)站也相當(dāng)困難。所以，我們在動手制作網(wǎng)頁前，一定要考慮好欄目和板 塊的編排問題。本站點前臺主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn) 公司的勃勃生氣，靜態(tài)主頁方式介紹公司簡介、企業(yè)聯(lián)系方式、公司視

35、頻在線。動態(tài)顯示公 司的新聞動態(tài)、產(chǎn)品展廳、招聘供求、客戶留言。 主頁結(jié)構(gòu)示意圖：圖 3-1 主頁結(jié)構(gòu)示意圖、圖 3-2 主頁結(jié)構(gòu)效果圖。圖3-1主頁結(jié)構(gòu)示意圖圖3-2主頁結(jié)構(gòu)效果圖in tro.asp :是用來顯示企業(yè)簡介的頁面。news.asp :是用來顯示企業(yè)動態(tài)新聞的頁面。在其他頁面中點擊標(biāo)題鏈接即進入新聞閱讀頁 面，此時，每條新聞的詳細信息將被取出，包括內(nèi)容、標(biāo)題、關(guān)鍵字等，并按照相對固定的 格式放置在頁面的不同區(qū)域，所有新聞使用大致相同的頁面布局，只是各字段對應(yīng)的內(nèi)容不 同而已，另外，頁面其它位置，可以動態(tài)放置其他元件，如網(wǎng)站標(biāo)志logo、頁面廣告banner 等鏈接圖片，這樣可以

36、很容易地實現(xiàn)圖文并茂的閱讀效果。product.asp :是用來顯示產(chǎn)品的頁面。首頁同時調(diào)用了產(chǎn)品最簡單介紹。點擊可以鏈接到 產(chǎn)品展廳的頁面add.php :客戶做簡單的留言建議或者是意見的文本提交頁面contact.asp :企業(yè)聯(lián)系方式靜態(tài)頁面add.php :論文發(fā)表留言或者叫發(fā)帖的處理頁面qian tai.php :顯示論壇的帖的信息的頁面qia ntai.php :訪客第一次來本站點時，對站內(nèi)信息不太熟悉，可以點擊網(wǎng)站地圖，便可以 很明了的看到本站點的框架。站點地圖設(shè)有鏈接到所屬頁面。3.3 網(wǎng)站后臺結(jié)構(gòu)分析后臺采用多窗口頁面顯示，交錯窗口顯示后臺管理。一個窗口顯示管理項目，一個窗口

37、 鏈接到數(shù)據(jù)庫管理相關(guān)信息。企業(yè)網(wǎng)站管理員很容易的可以對企業(yè)的后臺信息管理。frame 作為 html 語言中的一部分， 在網(wǎng)頁制作中占據(jù)著重要的地位。 大家看到很多網(wǎng)頁 上都好像 windows 下的資源管理器一樣，在左邊點擊相應(yīng)的鏈接，右邊就會有相應(yīng)的網(wǎng)頁顯 示。就如我們進入郵箱的時候一樣。 這些都是使用 frame 的結(jié)果。下面我來給大家介紹 frame 的具體使用方法。使用 frame 必須首先用 frameset 來定義，可以說 frameset 就是 frame 的 一個“統(tǒng)治者”。在 html 文檔中，可以有 frameset 元素或者 body 元素，但是絕對不能同 時使用這兩

38、種元素。這里設(shè)置了上下 2 個窗口頁面左右2個窗口頁面，左邊是要管理的項目。右邊是ASP處理頁面的鏈接。frameset是確 定網(wǎng)頁分框的定義，其屬性 rols 及 rows、border 將在下面給大家介紹。 frame 是 frameset 定義的每個“網(wǎng)頁分框”的定義，其屬性 name、scrolling 及 noresize 、 marginHeight 及 marginWidth 、frameborder 也將在下面給大家介紹一部分。scrolling=no 是卷滾條是否的意思、 noresize: 決定 frame 是否可以改變大小。frameset 元素的 cols 及 rows

39、 屬性屬性說明： cols 及 rows 的作用是設(shè)置 frame 的寬度及高度。 管理欄目分為企業(yè)新聞信息管理、客戶留言信息管理、產(chǎn)品展示信息管理、供求信息管 理、招聘信息管理和論壇信息管理。本站點的論壇管理加設(shè)一個管理登陸頁面。3.4網(wǎng)站后臺示意圖圖3-3網(wǎng)站后臺管理頁面第四章系統(tǒng)的數(shù)據(jù)庫4.1數(shù)據(jù)庫的分析校園新聞發(fā)布系統(tǒng)的數(shù)據(jù)庫名稱為 news,其中包括的數(shù)據(jù)表如下表所示:表4-1數(shù)據(jù)庫news中的表數(shù)據(jù)表說明manage_user用戶名module xx新聞分類n ews_xx新聞信息message留言板信息4.2數(shù)據(jù)結(jié)構(gòu)表這里將介紹數(shù)據(jù)庫中每個表格的具體結(jié)構(gòu)以及包括哪些字段有哪些意義

40、等。其具體結(jié)構(gòu)如下表所示:表4-2 manage user表的結(jié)構(gòu)序 號列名數(shù)據(jù)類 型長 度小 數(shù) 位標(biāo)識主 鍵允許空默 認 值說明1idint10是是否用戶名id2User nameint10否用戶名3Passwordvarchar20否密碼4last timetext否注冊時間表4-3 module xx表的結(jié)構(gòu)序 號列名數(shù)據(jù)類 型長 度小 數(shù) 位標(biāo) 識主 鍵允 許 空默 認 值說明1Idint10是是否auto i ncreme nt2show orderint10否分類id3module namevarchar255否分類名稱4add timevarchar20否創(chuàng)建時間表4-4 ne

41、ws xx表的結(jié)構(gòu)序 號列名數(shù)據(jù)類 型長 度小 數(shù) 位標(biāo) 識主 鍵允 許 空默 認 值說明1idint10是是否auto i ncreme nt2module idvarchar20否新聞id3titlevarchar50:否新聞名稱4contdatetime否新聞內(nèi)容5timesvarchar16否6add uservarchar30:否添加人7add timetin yi nt1否時間表4-5 category 表的結(jié)構(gòu)序 號列名數(shù)據(jù)類 型長 度小 數(shù) 位標(biāo) 識主 鍵允許空默 認 值說明1idint10是是否auto i ncreme nt2Userint10否0姓名3Titlevarch

42、ar20否內(nèi)容第五章網(wǎng)站功能模塊設(shè)計招聘供求信息模塊設(shè)計、產(chǎn)品展示及新聞發(fā)布都是類似的語法。這里就簡單介紹一下新 聞信息及產(chǎn)品展示的動態(tài)管理設(shè)計。5.1新聞信息動態(tài)模塊設(shè)計企業(yè)新聞每天每時每刻都可能發(fā)生、不可能是一成不變的，所以有必要動態(tài)管理企業(yè)的 新聞。本站點新聞系統(tǒng)具備以下功能： 動態(tài)添加、編輯、刪除。企業(yè)網(wǎng)站具備了這些新聞 功能就基本上可以很容易的發(fā)布各種企業(yè)新聞。圖 5-1新聞信息管理模塊效果圖。后臺管理【安全退出】猱加人:添加時間：疾統(tǒng)將自詢記錄。提主 車査圖5-1新聞信息管理模塊效果圖5.1.1 新聞信息添加設(shè)計在頁面中，所有的添加數(shù)據(jù)均填寫在Form元素中，并且在Form的Act

43、ion中指定處理申請的頁面為 news_infoadd.asp 當(dāng)收到提交時，對應(yīng)項目的數(shù)據(jù)可以由 Request.Form( 項目名稱)來獲得，其中項目名稱為Form元素的名稱，如姓名全稱對應(yīng)FullName， 如 身份證號碼 對應(yīng) UniversalID 現(xiàn)在利用這些信息來制作一個成功的通知頁面 news_infoadd.asp 。以下為部分代碼：input type=text name=x_title value= size=50 maxlength=50從數(shù)據(jù)庫中檢索行， 并允許從一個或多個表中選擇一個或多個行或列。雖然SELECT 語句的完整語法較復(fù)雜，但是其主要的子句可歸納如下：

44、strsql = SELECT * FROM news_info WHERE 0 = 1set rs = Server.CreateObject(ADODB.Recordset)rs.Open strsql, conn, 1, 2rs.AddNewSELECT 從表或視圖中取出若干行tmpFld = Trim(x_title)trim是一個去左右面邊的空格的函數(shù)，tmpFLD取了 x_title 的值If trim(tmpFld) &x=x Then tmpFld = Null用戶對工程就 隹田戶滿詭!J ja*我忿醪乙鄉(xiāng)7 /y/74Adherence to standards, to pe

45、rform Hie contra the engineering quality.|內(nèi)容：id確認標(biāo)題是否為空，不為空則繼續(xù)rs(title) = tmpFId這樣就添加了新聞的標(biāo)題了，下面是同樣的道理添加了新聞的內(nèi)容tmpFId = Trim(x_co nte nt)If trim(tmpFId) & x = x Then tmpFId = Nullrs(c onten t) = tmpFld到這新聞就添加到記錄集了。下面更新數(shù)據(jù)庫、關(guān)閉數(shù)據(jù)庫。清空記錄集rs.Update /更新數(shù)據(jù)表記錄rs.CloseSet rs = Nothi ngconn. CloseSet conn 二 Noth

46、 ingResp on se.ClearResp on se.Redirect newsnfolist.asp關(guān)閉了數(shù)據(jù)庫的連接并跳轉(zhuǎn)到 news_infolist.asp 頁面，為新聞列表頁面。下面介紹新 聞信息編輯設(shè)計。5.1.2新聞信息修改設(shè)計如果新聞添加錯了某個數(shù)字、圖片，而新聞數(shù)據(jù)量又比較大的話，刪除再添加似乎操作 比較多。這樣需要我們來對添加的新聞信息進行編輯首先要修改新聞，就必須把要修改的新聞內(nèi)容顯示出來，然后再進行修改。strsql = SELECT * FROM news_info WHERE id= & tkeyset rs = Server.CreateObject(AD

47、ODB.Recordset)rs.Open strsql, connx_id = rs(id)x_title = rs(title)x_content = rs(content) x_datetime = rs(datetime) 首先連接數(shù)據(jù)庫、訪問數(shù)據(jù)庫、把新聞信息放到記錄集。 SELECT 語句不會更改數(shù)據(jù)庫的中的數(shù)據(jù)。SELECT 通 常 是 SQL 語 句 . 大 部 分 SQL 語 句 或 者 是 SELECT 語 句 ， 或 者 是 SELECT.INTO 語句。SELECT 語句的最短的語法是： SELECT fields FROM table 可以用一個星號 (*) 選取表中

48、所有字段。 標(biāo)題 input type=text name=x_title value= size=50 maxlength=50 內(nèi)容 把上次添加的新聞信息顯示到頁面的文本編輯區(qū)里。 無論是添加新的一些信息或者是替 換、刪除部分的新聞信息，最后提交表單并保存到記錄集。最后更新數(shù)據(jù)庫、關(guān)閉數(shù)據(jù)庫。新聞信息刪除設(shè)計刪除時需要把新聞的具體的信息顯示出來，這樣就不會刪錯新聞信息。rs.delete / 刪除當(dāng)前記錄，但記錄指針不會向下移動rs.close 點確認后就刪除了不需要的新聞信息。5.2 信息動態(tài)模塊設(shè)計一個企業(yè)的產(chǎn)品信息同樣需要動態(tài)地來管理產(chǎn)品添加模塊設(shè)計 產(chǎn)品名稱 input type=

49、text name=x_pro_name value= size=30 maxlength=50 產(chǎn)品說明 name=x_pro_info%= x_pro_info % tmpFld = Trim(x_pro_name)/POST 獲取提交表單的信/Field屬Name,Value,Type,/Field方法/Field 集合：輸出數(shù)據(jù)表表頭。息 。 Field 對 象 與 集 合 性： AppendChunk,GetChunkIf trim(tmpFld) & x = x Then tmpFld = Null rs(pro_name) = tmpFld tmpFld = Trim(x_pro

50、_info)If trim(tmpFld) & x = x Then tmpFld = Null rs(pro_info) = tmpFld 添加產(chǎn)品的名稱及相關(guān)的介紹。產(chǎn)品修改模塊設(shè)計：這個模塊與新聞的修改的模塊一樣產(chǎn)品刪除模塊設(shè)計：這里就不做多余的介紹了5.3客戶留言信息模塊設(shè)計如果訪客對企業(yè)有什么意見及建議， 都可以使用這個簡單的留言給公司。這樣是最快的留言方法。關(guān)鍵字：您的姓名、您的公司、您的電郵、留言標(biāo)題、留言內(nèi)容。如下圖5-2對工程員書圖5-2客戶留言系統(tǒng)效果圖檢測提交的表單的內(nèi)容：fun ctio nEW_checkMyForm(EW_this) if (!EW_hasValue

51、(EW_this.x_title, TEXT ) if(!EW_o nError(EW_this, EW_this.x_title, TEXT, 請輸入留言標(biāo)題!)return false; if (!EW_hasValue(EW_this.x_ name, TEXT ) if (!EW_onError(EW_this, EW_this.x_name, TEXT,請輸入你的姓名 ！!)returnfalse; if (!EW_checkdate(EW_this.x_datetime.value) if (!EW_onError(EW_this,EW_this.x_datetime, TEXT,

52、 Incorrect date (yyyy/mm/dd)-留言時間)return false; return true; 必填的內(nèi)容會加星號。并提示如圖5-3提示。圖5-3提示效果圖5.4站內(nèi)搜索模塊設(shè)計當(dāng)網(wǎng)站的數(shù)據(jù)量比較大的時候，一個頁面不可能顯示完全部的數(shù)據(jù)及各種信息，客戶需要一個特定的東西或信息時，用上站內(nèi)搜索可以說是雪中送炭了?？纯聪旅娴拇a語句采用了標(biāo)題或者內(nèi)容相似搜索。只要您輸入的關(guān)鍵字與數(shù)據(jù)庫中的某些信息有類似或者相等， 站內(nèi)搜索就會把你要找的相關(guān)新聞或者其他的信息列出。你再進行簡單的選擇鏈接到你要的信息地址。a href= nr.php?module_id=? ?搜索完后就鏈接到關(guān)鍵字所在的頁面。可以節(jié)省大量的時間去翻頁找信息了。效果圖5-5嶄詞楝塊：卄冋唱樂盤 ：-新聞槍秦:iff迭擇范圉一| Hx圖5-5站內(nèi)搜索結(jié)果圖示第六章管理員頁面設(shè)計6.1后臺操作設(shè)置登陸界面設(shè)計代碼6.2 顯示網(wǎng)頁的分頁當(dāng)客戶的發(fā)言與管理員回復(fù)的數(shù)據(jù)太多時， 一次要將全部的數(shù)據(jù)內(nèi)容顯示在網(wǎng)頁中， 等 待網(wǎng)頁下載的時間太長了，因此采用固定筆數(shù)分頁瀏覽方式來顯示網(wǎng)頁。 要進行分頁顯示，得先知道目前有多少筆的留言數(shù)據(jù)，而留言數(shù)據(jù)筆數(shù)可以通過 Recordset 對象的“ Recordcount “(記錄個數(shù))屬性得知，我們將每 10 筆數(shù)據(jù)為一單位分頁顯示： cou