畢業(yè)設計----學校網站設計論文

1、<p><b>　　目錄</b></p><p><b>　　內容摘要2</b></p><p><b>　　引言3</b></p><p><b>　　第一章 概述4</b></p><p>　　1.1問題的提出4</p>

2、<p>　　1.2 學校需要走進INTERNET4</p><p>　　1.3、ASP簡介5</p><p>　　第二章 系統(tǒng)設計8</p><p>　　2．1 系統(tǒng)目標設計8</p><p>　　2．2 開發(fā)設計思想8</p><p>　　2．3 開發(fā)和運行環(huán)境選擇8</p>&

3、lt;p>　　2．4 系統(tǒng)功能分析8</p><p>　　2．5 系統(tǒng)功能模塊設計9</p><p>　　第三章 后臺數據庫的設計11</p><p>　　3．1 數據庫需求分析11</p><p>　　3．2 數據庫概念結構設計12</p><p>　　3．3 數據庫邏輯結構設計14</p&

4、gt;<p>　　第四章 網站的實現17</p><p>　　4.1：安裝網站設計相關軟件：17</p><p>　　4.2 建立Asp的運行環(huán)境17</p><p>　　4．3、主頁的設計18</p><p>　　4.4 顯示新聞的shownews.asp設計20</p><p>　　4.5

5、更多新聞頁面的more.asp設計22</p><p>　　4.6 后臺管理登錄的實現25</p><p>　　第五章 本系統(tǒng)的技術特色27</p><p><b>　　總 結29</b></p><p><b>　　致 謝30</b></p><p><

6、;b>　　主要參考文獻30</b></p><p>　　附錄：系統(tǒng)的使用31</p><p><b>　　內容摘要 </b></p><p>　　本文首先介紹了internet的相關知識，接著介紹了構建動態(tài)WEB站點常用的ASP技術。然后以《廣西藤縣塘步鎮(zhèn)一中網站的設計》為例，逐一介紹了建網的系統(tǒng)分析、系統(tǒng)設計和系統(tǒng)實現。

7、在系統(tǒng)分析中以模塊功能結構圖，系統(tǒng)分析說明書和數據流圖的形式確定了系統(tǒng)的基本框架，然后用E-R圖說明了系統(tǒng)的庫表結構，并對各功能模塊的特點作了具體分析，最后論文從網頁實現功能的實現上逐一做了技術說明。在附錄中則給出本系統(tǒng)庫表結構的詳細說明和本網站運行時的主要頁面。</p><p>　　本網站主要實現了對Web數據庫的數據錄入，修改，刪除，查詢，相關數據的分析統(tǒng)計等功能。</p><p>　

8、　關鍵詞：中小學網站 學校網站 藤縣 塘步鎮(zhèn)一中 </p><p><b>　　引言</b></p><p>　　早期的動態(tài)網頁主要采用CGI技術，由于編程困難、效率低下、修改復雜，所以一直是專業(yè)程序員的專利。</p><p>　　ASP的出現，改變了這個現狀， Active Server Pages即ASP是微軟

9、開發(fā)的一種類似HTML（Hypertext Markup Language超文本標識語言）、Script（腳本）與CGI（Common GAteway Interface 通用網關接口）的結合體。ASP問世以來，每天正在以成千上萬的ASP網站在INTERNET中誕生。它以簡單易學，卻功能強大。被越來越多的人們所喜愛。</p><p>　　本次畢業(yè)設計我選擇的課題是

10、：利用ASP設計中小學網站設計－廣西藤縣塘步鎮(zhèn)一中網站，目的是通過該網站的規(guī)劃和設計，給人們了解我們學校提供了一個平臺，拉近了教育和社會之間的距離。讓人們足不出戶，輕松快捷的獲得學校各種信息，展示了學校和教師的風采。同時也通過該平臺，學?？梢约皶r了解社會對我們學校的建議和意見，以便我們學校在今后的工作中及時改正。</p><p>　　網站的規(guī)和和設計，從系統(tǒng)的調研，系統(tǒng)的分析，系統(tǒng)的設計到系統(tǒng)的實現，利用軟件工程

11、的思想作為指導，開發(fā)了這個完整的系統(tǒng)，提高了自己的專業(yè)知識和實際相結合的能力。</p><p><b>　　第一章 概述</b></p><p><b>　　1.1問題的提出</b></p><p>　　教育是人民辦的教育，那么我們教育反過來就應該為人民服好務。</p><p>　　廣西藤縣塘步鎮(zhèn)一

12、中長期以來，作為教育的一扇窗口，由于歷史和條件的因素，人們無法獲得這扇窗口后面的信息，造成學校和社會，學校和人民無法溝通和信任。于是學校老師經常抱怨現在家長和社會怎么越來越不講道理，家長和社會越來越多的指責學校的各種做法是否合理。隨著社會和教育的改革，同時學生生源正在減少，過去那種學生就學的“計劃經濟時代”正在過去，學校的各種榮譽和教育科研成果不能讓社會了解，就不能夠樹立起學校的品牌和形象。那么在學生招生等一序列的教育工作中就會出于被動

13、，那要學校的老師的教學激情，學生學習的熱情都會不同程度的受到影響。</p><p>　　由于歷史的原因，過去的學生家長的文化素質普遍較低，家長參與教育，社會參與教育一直是一個口號，但現在一切都已經改變，以我們文峰中學為例，我們學校學生家長60%以上都是高中以及高中以上學歷，他們這一代人正在以自己讀書的切身感受在關注教育，對學校的一些教育教學方法正在以飽滿的熱情在關注著。但是目前學校無法了解占多數的而且素質較高的社

14、會群體這部分人中多數的思想觀點。</p><p>　　1.2 學校需要走進INTERNET</p><p>　　國際互聯(lián)網的用戶在迅猛地增長，中國上網用戶由1995年的一萬戶速增至2001年上半年的2650萬用戶。這增長速度是全世界范圍的普遍現象。在美國、歐洲、日本、臺灣、港澳及其它許多國家，網站和電子信箱系統(tǒng)已經成為公司立業(yè)不可缺少的重要組成部分。人們用電子信箱已經比用電話多了，百分之九

15、十以上的大小企業(yè)、學校、政府機關、服務業(yè)甚至酒吧都設法在熱門網絡上設立自己的網站，供數以百萬計的人們前來參觀、瀏覽和查詢。中國及全世界的上網用戶在未來幾十年內還會迅速增加。</p><p>　　學校一個受千萬人矚目的地方，學校便于和社會各界人士溝通同時讓社會及時了解學校信息就必須建立自己的網站。</p><p>　　● 可以縮短學校和社會的距離</p><p>　　

16、教育是人民辦的教育，教育要為人民服務，長期以來，學校成了很多社會各界人士的一個敬畏的地方，不能了解學校辦學的現狀，不能很好的和學校交流和溝通，成為學校為社會服務的屏障。通過學校的網站，可以解決縮短學校和社會的距離。</p><p>　　● 可以為社會提供服務和各種信息</p><p>　　讓社會各界人士獲得所需的學校相關信息是為社會服務的重要方法之一。學校網站建立后，學校就可以很方便的

17、提供社會人士感興趣的一些學校相關的新聞信息，教師信息，教育科研信息，學生信息等。</p><p>　　● 可以回答用戶經常關心的問題</p><p>　　 在學校里任何一個經常接電話的人的都會告訴你，他們的時間被消耗在一遍又一遍回答同一個問題上，你甚至要為回答這些問題而專門增設人手；而把這些問題的答案放到學校網站上后，就既能使用戶們弄清楚問題又節(jié)省了大量時間和人力資源。</p&g

18、t;<p>　　● 可以盡可能快地更新信息</p><p>　　有時，學校的招生信息和學生升學信息是社會的焦點和熱點問題，人們對信息及時公布的焦慮心情可想而知。但是以往的傳遞信息的方法速度慢，影響力小。如果通過學校網站來傳播，就可以及時發(fā)布人們渴望得到的信息。</p><p><b>　　1.3、ASP簡介</b></p><p>

19、;　　Active Server Pages即ASP是微軟開發(fā)的一種類似HTML（Hypertext Markup Language超文本標識語言）、Script（腳本）與CGI（Common GAteway Interface 通用網關接口）的結合體，它沒有提供自己專門的編程語言，而是允許用戶使用包括VBSCRIPT，javascript等在內的許多已有的腳本語言編

20、寫ASP的應用程序。ASP的程序編制比HTML更方便且更有靈活性。它是在WEB服務器端運行，運行后再將運行結果以HTML格式傳送至客戶端的瀏覽器。因此ASP與一般的腳本語言相比，要安全的多。對于廣大網頁技術愛好者來說，ASP比CGI具有的最大好處是可以包含HTML標簽，也可以直接存取數據庫及使用無限擴充的ActiveX控件，因此在程序編制上要比HTML方便而且更富有靈活性。ASP吸收了當今許多流行的技術，如IIS，ACTIVEX，V

21、BSCRIPT，ODBC等，是一種發(fā)展較為成熟的網絡應用程序開發(fā)技術；其核心技術是對組件和對象技術的充分支持。通過使用ASP的組件和對象技術，用戶可以直接使用ActiveX控件，調用對象方法和屬性</p><p>　　ASP中最為常用的內置對象和組件如下：</p><p>　　Request對象：用來連接客戶端的Web頁（.htm文件）和服務器的Web頁（.asp文件），可以獲取客戶端數據

22、，也可以交換兩者之間的數據。</p><p>　　Response對象：用于將服務端數據發(fā)送到客戶端，可通過在客戶端瀏覽器顯示，用戶瀏覽頁面的重定向以及在客戶端創(chuàng)建cookies等方式進行。該功能與Request對象的功能恰恰相反。</p><p>　　Server對象：許多高級功能都靠它來完成；它可以創(chuàng)建各種Server對象的實例以簡化用戶的操作。</p><p>

23、;　　Application對象：它是個應用程序級的對象，用來在所有用戶間共享信息，并可以Web應用程序運行期間持久地保持數據。同時如果不加以限制，所有客戶都可以訪問這個對象。</p><p>　　Session對象：它為每個訪問者提供一個標識；Session可以用來存儲訪問者的一些喜好，可以跟蹤訪問者的的習慣。在購物網站中，Session常用于創(chuàng)建購物車（Shopping Cart）。</p&g

24、t;<p>　　Browser Capabilities（瀏覽器性能組件）：可以確切的描述用戶使用的瀏覽器類型、版本以及瀏覽器支持的插件功能。使用此組件能正確地裁剪出自己的ASP文件輸出，使得ASP文件適合于用戶的瀏覽器，并可以根據檢測出的瀏覽器的類型來顯示不同的主頁。</p><p>　　FileSystem Objects（文件訪問組件）：允許你訪問文件系統(tǒng)，處理文件?！　?/p>

25、ADO（數據庫訪問組件）：它是最有用的組件；可以通過ODBC實現對數據庫的訪問。</p><p>　　Ad Rotator（廣告輪顯組件）：專門為出租廣告空間的站點設計的，可以動態(tài)的隨機顯示多個預先設定的BANNER廣告條。</p><p><b>　　第二章 系統(tǒng)設計</b></p><p>　　2．1 系統(tǒng)目標設計</p&g

26、t;<p>　　通過設計一個學校網站－廣西藤縣塘步鎮(zhèn)一中網站，宣傳我們學校，讓社會了解我們學校，讓學校走進社會，從而得到各界人士的關心和支持。達到教育更好的為社會服務的目的。</p><p>　　2．2 開發(fā)設計思想</p><p>　　本系統(tǒng)開發(fā)設計思想：</p><p>　　盡量采用學?，F有軟硬件環(huán)境，及先進的網站系統(tǒng)開發(fā)方案，從而達到充分利用學校

27、現有資源，提高系統(tǒng)開發(fā)水平和應用效果的目的。</p><p>　　系統(tǒng)采用模塊化程序設計方法，這樣既便于系統(tǒng)功能的各種組合，又便于未參與開發(fā)的技術維護人員補充，維護。</p><p>　　系統(tǒng)應具備數據庫維護功能，及時根據學校信息的需求進行數據的添加，刪除，修改等操作。</p><p>　　2．3 開發(fā)和運行環(huán)境選擇</p><p>　　開發(fā)

28、工具：FLASH5.0，Adobe Photoshop 6.0，Dreamweaver UltraDev 4。</p><p>　　服務器端運行環(huán)境：Windows2000+IIS。</p><p>　　客戶端運行環(huán)境：Windows9x，Windows2000。</p><p>　　2．4 系統(tǒng)功能分析</p><p>　　系統(tǒng)功能分析是在

29、系統(tǒng)開發(fā)的總體任務的基礎上完成的。本站需要完成功能主要有：</p><p>　　新聞文章發(fā)布：學校新聞，教育科研，名校名師，學生園地，招生信息等的介紹。</p><p>　　留言系統(tǒng)：對來訪者提供網上留言，從而讓學校及時得到社會的反饋，以便和社會溝通和交流。</p><p>　　在線調查系統(tǒng)：本站提供對教育和學校的熱點問題進行網上調查的專欄，來訪者可以通過網上調查對

30、熱點問題投上代表自己的一票。</p><p>　　流量統(tǒng)計系統(tǒng)：本站可以對流量從多方面進行統(tǒng)計。包括開站天數，瀏覽總數，當天瀏覽總數，上一天瀏覽總數，本月瀏覽總數，上月瀏覽總數，平均瀏覽總數。</p><p>　　2．5 系統(tǒng)功能模塊設計</p><p>　　在系統(tǒng)功能分析的基礎上，得到如圖所示的系統(tǒng)功能模塊圖。</p><p>　　廣西藤縣

31、塘步鎮(zhèn)一中網站</p><p>　　新聞文章發(fā)布 留言系統(tǒng) 在線調查 流量統(tǒng)計</p><p><b>　　新聞文章前臺發(fā)布</b></p><p>　　學校新聞瀏覽 教育科研瀏覽 名校名師瀏覽 學生園地瀏覽 招生信息瀏覽</p><p>&l

32、t;b>　　新聞文章后臺管理</b></p><p>　　新聞后臺管理 教育后臺管理 名師后臺管理 學生后臺管理 招生后臺管理</p><p><b>　　系統(tǒng)功能結構圖</b></p><p>　　下面我將對每個模塊的總體設計作簡要說明。</p><p><b>　　新聞文

33、章發(fā)布模塊</b></p><p>　　新聞文章發(fā)布是本網站的重點。網站作為一種媒體，應當可以提供足夠多的用戶感興趣的信息。廣西藤縣塘步鎮(zhèn)一中網站作為學校的一個窗口，為了滿足社會對學校信息的了解的愿望，本站的新聞文章主要開設五個方面的欄目。分別是：學校新聞，教育科研，名校名師，學生園地，招生信息等。對新聞文章模塊的總體設計是分為前臺瀏覽和后臺管理子模塊。來訪者通過前臺點擊可以瀏覽到本網站有關新聞文章等

34、各種信息。這些信息包括：學校新聞快訊信息，教育科研信息，名校和名師的各種信息，學生園地信息，學校招生相關的信息等。本后臺管理子模塊完成對學校新聞文章發(fā)布子模塊中的五個欄目進行后臺管理員才能操作的添加信息，編輯信息，刪除信息等操作。</p><p><b>　　2．留言模塊</b></p><p>　　來訪者中有不少人對學校的發(fā)展和現狀有很多建議和觀點需要對學校提出，作

35、為學校的窗口，所以本站需要提供讓來訪者發(fā)言的平臺，正是由于這個原因，所以本網站設計和規(guī)劃有留言模塊，本模塊又分為瀏覽著前臺發(fā)言和瀏覽子模塊以及后臺管理員刪除修改發(fā)言子模塊。</p><p><b>　　3．在線調查模塊</b></p><p>　　本網站對一些社會熱點提供在線調查的欄目，來訪者可以對網站上的社會熱點問題投上代表自己觀點的一票。這樣就可以綜合民意得到教育

36、等熱點從而決定以后的發(fā)展方向。</p><p><b>　　4．流量統(tǒng)計模塊</b></p><p>　　作為管理員應該實時知道本網站的流量。流量統(tǒng)計的數據包括：網站開站的天數，瀏覽的總數，當日的瀏覽數，昨日的瀏覽數，本月的瀏覽數，上月的瀏覽數，平均來訪數等。一個網站如果沒有流量，那么就說明了這個網站開設的欄目沒有吸引力。作為管理員就學校可以通過流量及時知道網站開設新

37、欄目后流量是否有變化等。</p><p>　　第三章 后臺數據庫的設計</p><p>　　通過以上功能模塊的分析和設計可以知道，本網站設計需要涉及到后臺數據庫的設計。</p><p>　　在數據庫應用系統(tǒng)的開發(fā)過程中，數據庫的結構設計是一個非常重要的問題。數據庫結構設計的好壞將直接對應用系統(tǒng)的效率以及實現的效果產生影響，好的數據庫結構會減小數據庫的存儲量，數據的

38、完整性和一致性比較高，系統(tǒng)具有較快的響應速度，簡化基于此數據庫的應用程序的實現等。</p><p>　　在數據庫系統(tǒng)開始設計的時候應該盡量考慮全面，尤其應該仔細考慮用戶的各種需求，避免浪費不必要的人力和物力。</p><p>　　3．1 數據庫需求分析</p><p>　　數據庫需求分析是數據庫結構設計的第一個階段，是非常重要的一個階段。在這個階段主要是收集基本數據

39、，數據結構以及確定數據處理的流程，組成一個詳盡的數據字典，為以后進一步設計打下基礎。</p><p>　　在仔細調查本站運作過程的基礎上，我們得到本網站所處理的數據流程如圖所示。</p><p><b>　　管理員</b></p><p><b>　　登錄</b></p><p>　　輸入登錄信息

40、 來訪者登錄網站</p><p>　　網站后臺管理 DB 各種信息的瀏覽</p><p>　　管理方向 各種信息后臺管理</p><p><b>　　密碼管理</b></p>

41、;<p>　　通過以上數據流程可以看出：管理員通過登錄網站，輸入正確的用戶名和密碼可以進行網站管理。進入管理狀態(tài)后可以選擇管理的項目，可以是對包括對管理員密碼在內的系統(tǒng)設置信息的修改，也可以是對本網站的各種數據庫中其它的信息進行后臺管理，包括對學校概況，學校新聞，教育科研，名校名師，學生園地，招生信息，招聘信息等管理。管理的內容分為：對信息的添加，修改，刪除，審核等操作。</p><p>　　來訪者

42、可以在瀏覽器中輸入學校網址登錄網站，通過點擊網站的鏈接瀏覽各種相關信息。這些信息是通過調用后臺數據庫中相關信息在前臺顯示的。</p><p>　　針對本網站的數據結構，可以通過對以上對本站數據流程的內容和數據關系分析，得出以下的數據項和數據結構如下：</p><p>　　● 新聞信息：新聞類別號，標題，所屬專欄，文章來源，文章作者，內容，發(fā)布時間，點擊次數，關鍵字， 狀態(tài)等。</p&

43、gt;<p>　　新聞類別：類別號、類別名。</p><p>　　新聞所屬欄目：欄目號，類別號，欄目名。</p><p>　　管理員信息：用戶名，密碼等。</p><p>　　留言信息：用戶名，電子郵箱地址，來自地區(qū)，主頁地址，OICQ號，ICQ號，頭像，留言內容等。</p><p>　　留言后臺管理員信息：用戶名，密碼等。&l

44、t;/p><p>　　在線調查信息：調查的主題編號，主題名稱，主要觀點1，主要觀點2，主要觀點3，主要觀點4，觀點1的票數，觀點2的票數，觀點3的票數，觀點4的票數。</p><p>　　流量統(tǒng)計信息：總流量，今日流量，昨日流量，本月流量，上月流量，開站日期，最后訪問IP。</p><p>　　有了上面的數據結構，數據項和數據流程，就能進行下面的數據庫設計。</p

45、><p>　　3．2 數據庫概念結構設計</p><p>　　這一設計階段是在需求分析的基礎上，設計出能夠滿足網站設計需求的各種實體，以及確定它們之間的關系，為后面的邏輯結構設計打下基礎。本網站根據上面的設計規(guī)劃出的數據項和數據結構得出的實體有新聞實體，新聞類別實體，新聞欄目實體，管理員實體，留言信息實體，在線調查信息實體，流量統(tǒng)計實體等。</p><p>　　下面詳細

46、介紹本系統(tǒng)主要的實體以及主要實體之間的關系。</p><p>　　1：新聞實體E-R圖：</p><p><b>　　新聞信息實體</b></p><p>　　新聞編號 主題</p><p>　　類別號

47、 ……. 欄目號</p><p>　　2：新聞類別實體E-R圖：</p><p><b>　　新聞類別實體</b></p><p>　　類別編號 類別名稱 </p><p>　　3：新聞欄目實體E-R圖：</p><p><b>　

48、　新聞欄目實體</b></p><p>　　欄目編號 類別編號 欄目名稱</p><p>　　4：管理員實體E-R圖：</p><p><b>　　管理員實體</b></p><p>　　用戶編號 用戶名

49、 用戶密碼</p><p>　　4：主要的實體和實體之間的關系E-R圖如圖所示。</p><p>　　新聞實體 1 屬于 1 類別實體</p><p><b>　　1</b></p><p>　　屬于 管理 管理&

50、lt;/p><p>　　1 </p><p>　　欄目實體 管理 管理員實體</p><p>　　3．3 數據庫邏輯結構設計</p><p>　　我們需要將上面的數據庫概念結構轉化為ACCESS2000數據庫系統(tǒng)所支持的

51、實際數據模型，也就是數據庫的邏輯結構。</p><p>　　在上面的實體以及實體之間關系的基礎上，我們就可以形成數據庫中的表格以及各個表格之間的關系。</p><p>　　根據分析階段得出的的結論，結合本網站對有關數據的存儲的需要，更加方便實現該網站預期的所有功能，現將本系統(tǒng)設計成5個數據庫表，每個表的字段名、類型、寬度設計如下：</p><p>　　數據庫中各個表

52、格的設計結果如表3－1到表3－2所示。每個表格對應在數據庫中的一個表。</p><p>　　表3－1為新聞信息表。</p><p>　　該表用來記錄存儲本網站新聞信息相關的各種信息：</p><p>　　3-2：新聞類別表：</p><p>　　該表用來存放本網站新聞信息的類別名稱。</p><p>　　3-3：新聞欄

53、目表：</p><p>　　該表用來存放本網站新聞信息的類別名稱。</p><p>　　3-4：管理員信息表：</p><p>　　該表用來存放本網站管理員信息。</p><p>　　以上是本系統(tǒng)的庫表結構的設計簡要說明。</p><p><b>　　第四章 網站的實現</b></p>

54、<p>　　完成了以上的后臺數據庫的設計后，下面就可以對前面系統(tǒng)分析階段邏輯設計出的功能模塊將技術設計轉化成為物理實現，是系統(tǒng)建設的實現階段。因此，網站的實現的成果將是系統(tǒng)分析和設計階段的結晶。</p><p>　　4.1：安裝網站設計相關軟件：</p><p>　　本站設計需要用到FLASH5.0，Adobe Photoshop 6.0，Dreamweaver UltraD

55、ev 4等網頁設計相關的軟件。</p><p>　　其中FLASH5.0主要完成網頁中相關動畫的設計和處理。</p><p>　　Adobe Photoshop 6.0主要完成網頁中相關的圖片的大小，格式轉化，效果處理等。</p><p>　　Dreamweaver UltraDev 4主要完成網頁的排版、布局設計。</p><p>　　4.

56、2 建立Asp的運行環(huán)境</p><p>　　簽于目前流行的windows操作平臺有windows 98,windows NT 4.0最新windows 2000.下面針對這三個操作平臺上建立Asp運行環(huán)境的一些簡要介紹。</p><p>　　windows 98建立Asp的運行環(huán)境</p><p>　　作為個人用戶或在單機環(huán)境下測試Asp，windows 98將是

57、一個很不錯的選擇。在 windows 98gh ,可以采用Microsoft的PWS(Personal Web Server)作為Asp運行環(huán)境。PWS是一個短小精悍的Web服務器平臺，易學易用，并某些人備運行Asp所需的所有條件，與windows 98 的安裝光盤配套的是Pws 4.0。Pws4.0具有新穎的外觀和許多新增加的功能，初學者無需具備專業(yè)的網絡管理知識就可以輕松建立一個全功能的Web站點。</p>

58、<p>　　Windows NT 4.0上建立Asp的運行環(huán)境。</p><p>　　在windows NT 4.0上，Asp的運行環(huán)境是基于IIS 3.0以上版本的，同windows 98比較起來。使用windows NT具有明顯的優(yōu)勢。在windows NT/IIS這一強大的開發(fā)平臺上可以充分利用windows NT 更強大的性能，更完善的安全性能，更完善的安全性并且能與企業(yè)級應用程序更完美的結合。

59、運行在windows NT 4.0以上的IIS其最版本是4.0。它占據了當今世界看近40%的Web 服務器市場。</p><p>　　在windows 2000上建立Asp的運行環(huán)境</p><p>　　在windows 2000上運行Asp的環(huán)境也是IIS。如果安裝的是windows 2000 Server,IIS5.0將作為一個默認選項被安裝。如果使用的是windows 20

60、00中文專業(yè)版，則需要使用控制面板“ 添加/刪除程序”來安裝IIS及其組件。</p><p><b>　　4．3、主頁的設計</b></p><p>　　來訪者輸入網址，首先打開的就是學校網站的主頁，主頁設計應該美觀，同時提供足夠多的鏈接，以便來訪者可以通過鏈接導航到自己所關心的信息頁面上去。下面是該首頁運行的界面圖：</p><p>　　該頁

61、面的布局結構是 ∏型布局結構。具體的說：在網頁的上面是log圖片和導航條。Log圖片表明網站的主題：廣西藤縣塘步鎮(zhèn)一中網站。導航條將本站的欄目分成了學校概況，學校新聞，教育科研，名校名師，學生園地，招生信息，誠聘英才，校長信箱，網上留言等欄目。這些導航欄目分別設計有相應的文字鏈接，點擊這些文字鏈接可以進入相應的頁面。</p><p>　　打開專業(yè)的網頁設計工具Dreamweaver UltraDev 4。<

62、/p><p>　　1：新建一個網頁文件，保存為index.asp，接著設置頁面屬性，在屬性頁中標題：廣西藤縣塘步鎮(zhèn)一中。背景圖案：img/bg_line.gif。</p><p>　　定義頁面中表格，單元格，文字和鏈接的表現風格。本頁面定義的語句如下：</p><p><b>　　<style></b></p><p

63、>　　body {margin:0px;font-size:12px;overflow-x:hidden;overflow-y:scroll;color:#666666;LINE-HEIGHT: 160%}</p><p>　　table {font-size:12px;LINE-HEIGHT: 160%}</p><p>　　td {font-size:12px;}</p&g

64、t;<p>　　.txt {font-size:12px;border-width:0px;border-bottom:1px solid #000000;background-color:#def1f7;position:relative;top:0px;left:5px;padding-bottom:0px;color:#a0a0a0;}</p><p>　　a:link.list {font-

65、size:12px;color:#666666;text-decoration:none;}</p><p>　　a:visited.list {color:#666666;text-decoration:none;}</p><p>　　a:hover.list {color:#333333;text-decoration:underline;}</p><p>

66、　　a:link.more {font-size:12px;color:#666666;text-decoration:none;}</p><p>　　a:visited.more {color:#666666;text-decoration:none;}</p><p>　　a:hover.more {color:#333333;text-decoration:underline;}&

67、lt;/p><p>　　img {border:0px;}</p><p><b>　　</style></b></p><p>　　利用布局表格工具，設置好網頁的表格布局。然后就可以在表格中添加單元格。利用表格的屬性面板和單元格屬性面板設定好各自的屬性以后，就可以在單元格中添加文字和插入圖片。</p><p>

68、　　布局設計好的網頁如下：</p><p>　　代碼設計：為了實現首頁顯示學?？煊?，教育科研，名校名師，學生園地等文字信息以及為了方便管理。不是在每個欄目設計靜態(tài)的文本信息，而是內嵌java腳本，腳本的數據源來自一個和數據庫相連接的asp文件： new.asp。下面給出學?？煊崳逃蒲?，名校名師，學生園地對應的四個java腳本語句：</p><p>　　1：<script lang

69、uage="javascript" src="news.asp?typeid=10&n=10?m=14"></script></p><p>　　2：<script language="javascript" src="news.asp?typeid=11&n=10?m=14"></

70、script></p><p>　　3：<script language="javascript" src="news.asp?typeid=12&n=10?m=14"></script></p><p>　　4：<script language="javascript" src=&qu

71、ot;news.asp?typeid=13&n=10?m=14"></script></p><p>　　通過比較這四條腳本語句可以發(fā)現，腳本調用的是同一asp文件，只是一個typeid不一樣。在數據庫的設計中我們以及知道，這個參數是新聞的類別編號。由于這四類不同的信息都是存儲在數據庫中的news表中，要實現信息的分類就可以通過設定這個類別編號。這里的typeid=10對應學校

72、新聞，typeid=11對應教育科研，typeid=12對應名校名師，typeid=13對應學生園地。</p><p>　　下面簡單的介紹一下news.asp文件的代碼：</p><p>　　在news.asp文件中首先獲得上面?zhèn)鬟f的參數。通過下面的語句實現：</p><p>　　typeid=request("typeid")</p>

73、;<p>　　n=trim(request("n"))</p><p>　　這里的n是查詢表中符合條件的多少條記錄的參數。</p><p>　　接著通過下面的語句從數據庫news表中查詢符合條件的最后的n條記錄：</p><p>　　sql="select top " & n & " *

74、 from news where typeid=" & cstr(typeid) & " and audit=1 order by newsid DESC"</p><p>　　這里的audit表示已經是審核通過的信息。最后的信息顯示是按newsid號倒序排列。</p><p>　　另外在該文件的開頭有包含文件：</p><

75、;p>　　<!--#include file="function/DBOpen.asp"--></p><p>　　該文件用于鏈接數據庫。</p><p>　　在文件的末尾有包含文件：</p><p>　　<!--#include file="function/DBclose.asp"--><

76、;/p><p>　　該包含文件用于關閉數據庫。</p><p>　　4.4 顯示新聞的shownews.asp設計</p><p>　　在首頁中大量的新聞信息是通過鏈接到shownews.asp文件來顯示新聞信息的。比如在首頁中點擊學?？煊嵵械娜我恍侣劊涂梢枣溄拥皆擁撁娌@示該新聞的詳情。</p><p>　　下面是學?？煊嵵小皬V西藤縣塘步鎮(zhèn)一

77、中教學成果顯著”這條新聞后顯示的頁面，該新聞的鏈接語句是：</p><p>　　shownews.asp?newsid=421</p><p>　　這里的傳遞的參數newsid用于傳遞顯示的新聞的編號。</p><p>　　該頁面的設計過程首先在Dreamweaver UltraDev 4中排版設計，設計的界面如圖所示：</p><p>　　

78、對比實際運行的界面和設計界面可以看出，導航條的設計不是在這里直接給出，而是通過腳本調用一個js文件。這樣設計的好處在與可以和其它的頁面共享該導航的js文件。調用腳本的語句如下：</p><p>　　<script language="JavaScript" src="newsbar.js"></script></p><p>

79、　　該newsbar.js文件的語句如下：</p><p>　　document.writeln("<table width=100% border=0 cellspacing=0 cellpadding=0>");</p><p>　　document.writeln(" <tr align=center>");</

80、p><p>　　document.writeln(" <td width=15%><a href=more.asp?typeid=9>學校概況</a></td>");</p><p>　　document.writeln(" <td width=14%><a href=more.asp?

81、typeid=10>學校新聞</a></td>");</p><p>　　document.writeln(" <td width=14%><a href=more.asp?typeid=11>教育科研</a></td>");</p><p>　　document.writel

82、n(" <td width=14%><a href=more.asp?typeid=12>名校名師</a></td>");</p><p>　　document.writeln(" <td width=14%><a href=more.asp?typeid=13>學生園地</a></

83、td>");</p><p>　　document.writeln(" <td width=14%><a href=more.asp?typeid=14>招生信息</a></td>");</p><p>　　document.writeln(" <td width=14%>

84、<a href=more.asp?typeid=15>誠聘英才</a></td>");</p><p>　　document.writeln(" </tr>");</p><p>　　document.writeln("</table>");</p><p&g

85、t;　　另外對比shownews.asp文件還可以看出，該頁面中的新聞標題和新聞內容也是調用其它的語句和腳本的。</p><p>　　新聞標題調用asp腳本：<%=rs("topic")%>用于顯示記錄集中的topic字段值。該字段是通過sql語句實現的查詢記錄集中的字段值。相關的sql查詢語句如下：</p><p>　　rs.open "sele

86、ct * from news where newsid=" & cstr(request("newsid")),conn,1,1</p><p>　　該語句實現從news表中查詢newsid編號等于傳遞的參數newsid的記錄。</p><p>　　對于新聞的內容顯示也和新聞的主題顯示類似，這里就不再說明。</p><p>　　

87、最后這里介紹一下該頁面顯示的與本新聞相關的新聞的實現技術：</p><p>　　首先要從數據庫中news表的字段說起，在news表中有一個keys字段。</p><p>　　我們可以利用sql語句在news表中查詢keys值和該新聞關鍵字類似的記錄，就可以得到相關信息。Sql語句如下：</p><p>　　rsc.open "select top &quo

88、t; & aboutnews & " * from news where keys like '%" & trim(rs("keys")) & "%' and newsid<>" & cstr(rs("newsid")) & " and audit=1 order by n

89、time DESC",conn,1,1</p><p>　　4.5 更多新聞頁面的more.asp設計</p><p>　　在首頁中的學?？煊崳逃蒲?，名校名師，學生園地都只是顯示了該類別的10條信息，如何得到更多的信息顯示？需在首頁之外另外設計更多信息顯示的more.asp頁面。在首頁的導航條上面都可以鏈接到該頁面。在首頁的導航條中分別有下面的鏈接語句：</p>

90、<p>　　1：<a href="more.asp?typeid=10">…</a></p><p>　　2：<a href="more.asp?typeid=11">…</a></p><p>　　3：<a href="more.asp?typeid=12">

91、;…</a></p><p>　　4：<a href="more.asp?typeid=13">…</a></p><p>　　5：<a href="more.asp?typeid=14">…</a></p><p>　　6：<a href="more

92、.asp?typeid=15">…</a></p><p>　　這些鏈接語句分別都是鏈接到more.asp文件，只是傳遞的參數不一樣。Typeid=10…15分別對應學校新聞…誠聘英才。</p><p>　　在本頁中就是通過獲得的傳遞參數確定sql語句查詢news中的類別號等于傳遞的類別號的所有信息的。</p><p>　　下面是傳遞參數

93、為10的頁面顯示的界面圖：</p><p>　　該頁面顯示的所有news表中typeid=10的新聞信息。</p><p>　　下面給出在Dreamweaver UltraDev 4中排版設計的結果：</p><p>　　下面介紹該頁面實現顯示傳遞的參數的所有信息的技術：</p><p>　　首先利用下面的代碼實現建立一個記錄集和實現sql查

94、詢：</p><p>　　set rs=server.createobject("adodb.recordset")</p><p>　　rs.open "select * from news where typeid=" & cstr(typeid) & " and audit=1 order by ntime DESC&

95、quot;,conn,1,1</p><p>　　由于在news表中typeid等于傳遞的參數的記錄可能非常多，那么全部在一頁中顯示不方便，所以該頁又用到了數據的分頁顯示技術。</p><p>　　下面給出本頁中用到的分頁顯示的代碼：</p><p><b>　　<% </b></p><p>　　response

96、.write "<hr size=0 width='80%'><div align=center>"</p><p>　　response.write "第<font color=red>" + cstr(curpage) + "</font>頁/總<font color=red>&quo

97、t; + cstr(rs.pagecount) + "</font>頁 "</p><p>　　response.write "本頁<font color=red>" + cstr(i-1) + "</font>條/總<font color=red>" + cstr(rs.recordcount) + &q

98、uot;</font>條 "</p><p>　　if curpage = 1 then </p><p>　　response.write "首頁 前頁 "</p><p><b>　　else</b></p><p>　　response.write "<a

99、href='more.asp?typeid=" & cstr(typeid) & "&page=1'>首頁</a> <a href='more.asp?typeid=" & cstr(typeid) & "&page=" & cstr(curpage-1) & "&#

100、39;>前頁</a> "</p><p><b>　　end if</b></p><p>　　if curpage = rs.pagecount then</p><p>　　response.write "后頁 末頁"</p><p><b>　　else&

101、lt;/b></p><p>　　response.write "<a href='more.asp?typeid=" & cstr(typeid) & "&page=" & cstr(curpage+1) & "'>后頁</a> <a href='more.asp

102、?typeid=" & cstr(typeid) & "&page=" & cstr(rs.pagecount) & "'>末頁</a>"</p><p><b>　　end if</b></p><p><b>　　%></b&g

103、t;</p><p>　　分頁技術介紹見第五章的介紹。</p><p>　　在該頁面的左側，顯示的有推薦內容和熱點文章二類信息。</p><p>　　下面來重點介紹推薦內容實現的原理：</p><p>　　在推薦內容的單元格中內嵌腳本：<script language="javascript" src="

104、news.asp?kind=hot&n=5"></script></p><p>　　腳本中調用的文件是news.asp，傳遞的參數是kind和n。這里的kind值為hot，n為5。</p><p>　　這里的hot參數不是表示news表中某個字段的值為hot，在實現的哪些信息是屬于hot類別的時候，是通過sql查詢語句中的通過news表中的hits的次

105、數反序輸出。也就是說hits點擊次數最多的記錄顯示。參數N的值傳遞顯示信息的條數。</p><p>　　實現的關鍵語句如下：</p><p>　　sql="select top " & n & " * from news where typeid=" & cstr(typeid) & " and audit

106、=1 order by hits DESC"</p><p>　　4.6 后臺管理登錄的實現</p><p>　　實現登錄的文件有：login.asp和check.asp二個文件。Login.asp文件提供輸入用戶名和密碼已經校驗輸入的是否為空等判斷。輸入正確的用戶名和密碼是否正確是通過login.asp文件中表單提交的用戶名和密碼傳遞到check.asp文件中和數據庫中user

107、表用戶名和密碼對比是否正確，對正確的用戶名和密碼賦給一個session變量。進入到管理主頁。實現的語句如下：</p><p>　　session("purview")=rs("purview")</p><p>　　session("name")=rs("name")</p><p>　

108、　response.redirect "admin/index.asp"</p><p>　　該session變量的作用是在不同的網頁之間傳遞登錄用戶的身份。因為管理頁面的權限只有管理員才能進入。所有當管理員登錄時利用session來將管理員的身份在不同的管理頁面間傳遞著。</p><p>　　當用戶名和密碼賦給一個session變量的同時也將網頁轉向管理主頁。在管理主

109、頁的開頭部分首先需要校驗身份。校驗的實現的方法是檢查session變量是否為空。如果為空表明沒有經過管理登錄獲得合法的session，那么就不能進入該頁面。實現這個功能的語句如下：</p><p><b>　　<%</b></p><p>　　if session("purview")="" then</p>

110、<p>　　response.redirect "../login.asp"</p><p>　　response.end</p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　由以上的語句可以看出，如果

111、session變量為空，則轉向登錄文件login.asp。下面是合法的session變量登錄到管理主頁的界面：</p><p>　　該頁面的實現使用了框架技術。整個頁面分為左右二部分，左邊是用戶管理操作的一個列表。右邊是對應的網頁。管理部分的其它頁面和實現的技術這里就不再一一介紹。詳情可以參見源代碼文件。</p><p>　　第五章 本系統(tǒng)的技術特色</p><p>

112、;　　—— 利用session變量來跟蹤和校驗合法用戶。</p><p>　　本網站管理員登錄以及管理員進入管理頁面時用到了session變量。</p><p>　　當用戶在WEB站點的網頁之間來回移動的時候，可以使用Session變量來跟蹤用戶。Session變量與cookie有密切的關系。實際上，session變量依賴于cookie變量。</p><p>　　在

113、本網站管理員登錄進入后臺管理時，需要用到session變量。便于管理員在不同的管理網頁之間移動表明身份。</p><p>　　首先，在check.asp文件中獲得該變量。管理員登錄時輸入的用戶名和密碼傳遞到check.asp中和數據庫中管理員用戶名和密碼對比。正確的用戶名和密碼就賦值一個session變量。具體語句如下：</p><p>　　session("purview&qu

114、ot;)=rs("purview")</p><p>　　session("name")=rs("name")</p><p>　　在后面的管理頁面中首先判斷session("purview")是否為空，如果為空的話表明沒有取得合法的session身份。這樣就導向到login.asp頁面重新登錄。</p&

115、gt;<p>　　判斷session變量的語句如下：</p><p><b>　　<%</b></p><p>　　if session("purview")="" then</p><p>　　response.redirect "../login.asp"<

116、;/p><p>　　response.end</p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　下面再介紹一些session變量的其它知識：</p><p>　　session變量存活到用戶離開WEB站點為止，W

117、EB服務器是怎么檢測到這件事的發(fā)生呢？在默認情況下，如果用戶在20分鐘之內還沒有請求網頁，那么WEB服務器就認為用戶已經離開，通過session對象的Timeout屬性可以改變這個默認的行為。</p><p>　　Session.Timeout=60</p><p>　　以分鐘的形式聲明Timeout屬性值。Timeout的這個新值將應用于用戶整個剩余的會話當中。</p>&

118、lt;p>　　另外在使用session變量之前，應該注意它與cookie一樣的缺點，當一個客戶使用的是不支持cookie的瀏覽器時，Web服務器不能創(chuàng)建ASPSessionIDcookie。沒有ASPSessionIDcookie，當用戶在網頁之間移動時，session變量就不能與用戶發(fā)生聯(lián)系。因此盡可能地避免使用session變量。</p><p><b>　　總 結</b><

119、;/p><p>　　經過多日來的努力《中小學網站設計》終于完成了?；仡欉@次畢業(yè)設計的過程，我覺得收獲很大，現借撰寫論文總結的機會，談一談我的體會。</p><p>　　通過這次畢業(yè)設計，我掌握了一種新的系統(tǒng)開發(fā)工具FLASH5.0，Adobe Photoshop 6.0，Dreamweaver UltraDev 4和Asp網絡技術。ASP組件的強大功能讓我深感折服，ADO對象開發(fā)人員提供了一種

120、最快、最簡單和效率最高的訪問所有數據庫的方法，利用ADO我們可以在ASP腳本中生成對數據庫的連接，并且利用該數據庫連接可完成各種各樣的數據庫操作。ADO提供的是一種應用級程序的應用程序接口。同時在這次設計的過程中，我始終遵循軟件工程的思想，這使我的工作進度明顯加快，也使我少走了不少彎路。軟件工程的思想，指導我一步一步從系統(tǒng)分析，到系統(tǒng)設計，再到系統(tǒng)實現，讓我對整個系統(tǒng)的開發(fā)過程有了明顯的全局觀念，也合理地安排了整個設計的時間。</

121、p><p>　　由于受本人的水平，思維的局限性，本站設計的還有很多地方不足，有待以后改進。包括：由于時間，水平的原因，網頁設計的不精美。比如排版設計有些不合理，動畫，圖片做的不是很有吸引力。這些將是我努力的方向。</p><p>　　以上是我在本次畢業(yè)設計中的體會，也許認識到的問題還很膚淺，但就我個人來說不得，它們正是我所需要的。</p><p><b>