計算機(jī)學(xué)院網(wǎng)站畢業(yè)設(shè)計

1、<p>　　XX大學(xué)本科畢業(yè)設(shè)計</p><p><b>　　XXXX大學(xué)教務(wù)處</b></p><p><b>　　XXXX年X月</b></p><p>　計算機(jī)學(xué)院網(wǎng)站——學(xué)院概況、公告及后臺管理的設(shè)計與實現(xiàn)</p><p><b>　　計算機(jī)學(xué)院網(wǎng)站</b>&

2、lt;/p><p>　　——學(xué)院概況、公告及后臺管理的設(shè)計與實現(xiàn)</p><p>　　學(xué)生：XXX 指導(dǎo)教師：XXX</p><p><b>　　摘要</b></p><p>　　在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。

3、Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見。</p><p>　　為了更好的讓家長和學(xué)生了解學(xué)院的信息，便于交流，所以本小組經(jīng)過討論，構(gòu)建基于ASP的計算機(jī)學(xué)校網(wǎng)站。學(xué)院網(wǎng)站是學(xué)院的“商標(biāo)”，每一個學(xué)院都有自己的特色，每一個學(xué)院都有自己的個性。計算機(jī)學(xué)院網(wǎng)站是利用現(xiàn)代網(wǎng)絡(luò)技術(shù)、提供一個信息展示和交流的平臺。主要包括學(xué)院概況、通知公告、在線調(diào)查、登陸人數(shù)統(tǒng)計

4、、當(dāng)前日期的顯示、后臺管理等基本模塊。后臺管理員，可以根據(jù)權(quán)限對相關(guān)內(nèi)容完成添加、修改、刪除信息的基本功能。</p><p>　　本網(wǎng)站基于ASP技術(shù)，使用Macromedia Dreamweaver8作為開發(fā)工具,采用Microsoft office access 2003作為后臺數(shù)據(jù)庫來實現(xiàn)整個系統(tǒng)功能。</p><p>　　關(guān)鍵詞： ASP 權(quán)限管理 數(shù)據(jù)庫</p>&

5、lt;p>　　The development of Computer Science College Website</p><p>　　—the implementation of school profiles、notice and service site</p><p><b>　　Abstract</b></p><p>　　T

6、oday, Internet is developed at full speed, Internet becomes people obtains, releases and transmits the important channel of information fast, it is playing an important role on such all respects as people's politics,

7、 economy, living, etc.. Published information on the Internet was mainly achieved through the site. Therefore the construction site on the Internet application's status obviously.</p><p>　　In order to en

8、able parents and students to better understand the Institute of information and facilitate the exchange of information. So after the discussion, our group does the construction of ASP-based computer school site. The coll

9、ege web site is "trade mark" of college. Every college has its own characteristics. Each college has its own personality. Computer college web site is the use of modern technology to provide a display of inform

10、ation and communication platform. School Profiles includ</p><p>　　This site is based on ASP technology, using Macromedia Dreamweaver8 as the development tool and Microsoft office access 2003 as the backgroun

11、d database to realize the whole system.</p><p>　　Key words: ASP rights management database</p><p><b>　　目錄</b></p><p><b>　　1前言 1</b></p><p><

12、;b>　　2緒論 1</b></p><p>　　2.1設(shè)計思想1</p><p>　　2.2本網(wǎng)站開發(fā)技術(shù)和工具簡介2</p><p>　　3網(wǎng)站總體分析與設(shè)計4</p><p>　　3.1網(wǎng)站系統(tǒng)分析4</p><p>　　3.2后臺管理層次方框圖5</p>

13、<p>　　3.3數(shù)據(jù)庫總體設(shè)計5</p><p><b>　　4詳細(xì)設(shè)計6</b></p><p>　　4.1計算機(jī)學(xué)院首頁6</p><p>　　4.2學(xué)院概況6</p><p>　　4.3頁面訪問記數(shù)器10</p><p>　　4.4網(wǎng)站在線調(diào)查11<

14、/p><p>　　4.5后臺管理系統(tǒng)13</p><p>　　5總結(jié)及展望18</p><p><b>　　6致謝語19</b></p><p><b>　　7附錄 19</b></p><p><b>　　8參考文獻(xiàn)20</b><

15、/p><p><b>　　計算機(jī)學(xué)院網(wǎng)站</b></p><p>　　——學(xué)院概況、公告及后臺管理的設(shè)計與實現(xiàn)</p><p><b>　　前言</b></p><p>　　Internet是目前世界上最大的計算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個整體。作為Internet上一種先

16、進(jìn)的，易于被人們所接受的信息檢索手段，World Wide Web(WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計，目前Internet上已有上百萬個Web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個好的Web站點(diǎn)對于一個機(jī)構(gòu)的發(fā)展十分重要。隨著網(wǎng)絡(luò)用戶要求的不斷提高及計算機(jī)科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫技術(shù)在Internet中的廣泛應(yīng)用，Web站點(diǎn)

17、向用戶提供的服務(wù)將越來越豐富，越來越人性化。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。</p><p>　　在教育領(lǐng)域，在素質(zhì)教育與終身教育成為必然的今天，人們對信息的需求有了更新，更高的要求，而網(wǎng)頁由于本身所具有的信息量大，傳遞快速，沒有時空限制等特點(diǎn)恰好滿足這種要求。所以網(wǎng)頁也逐漸成為一種新興的教育資源，也正是動態(tài)網(wǎng)站的數(shù)據(jù)信息

18、能夠提供實時交互和更新，保證網(wǎng)站數(shù)據(jù)的實時性?；诖耍瑢W(xué)院網(wǎng)站成為信息化社會學(xué)校不可缺少的舞臺。</p><p>　　學(xué)院網(wǎng)站是實現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫，它集全社會的力量，使教育資源無限增長。這對于發(fā)達(dá)地區(qū)和欠發(fā)達(dá)地區(qū)，高投入學(xué)校和條件差的學(xué)校在獲取教育資源的權(quán)力上達(dá)成平等，使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機(jī)會，不再會受到學(xué)校水平、教材、教師能力的限制。不僅能極大的提高教學(xué)效率，

19、而且能實現(xiàn)教育公平的社會理想。 </p><p>　　學(xué)院網(wǎng)站能提供教學(xué)互動的全新方式學(xué)校網(wǎng)站使得教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間的交流有了全新的方式，它不再受到傳統(tǒng)課堂的制約。它可以使廣州與北京、城市與鄉(xiāng)村的學(xué)校同處一室，共同討論，共同共享。地理上的界限在這里模糊和消失了，學(xué)院網(wǎng)站是真正沒有圍墻的學(xué)校。 　　 </p><p>　　傳統(tǒng)的網(wǎng)站信息管理方式有兩種，一是靜態(tài)HTML頁面

20、，更新信息時需要重新制作頁面然后上傳頁面并修改相應(yīng)鏈接，這種方式因為效率太低已不多用。二是基于ASP和腳本語言，將動態(tài)網(wǎng)頁和數(shù)據(jù)庫結(jié)合，通過應(yīng)用程序來處理信息，這是目前較為流行的做法。</p><p><b>　　緒論</b></p><p><b>　　設(shè)計思想</b></p><p>　　通過網(wǎng)站，全面宣傳，展示學(xué)院風(fēng)

21、采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)院的重大活動安排與招生政策，增強(qiáng)家長與學(xué)校之間的聯(lián)系，在Internet上實現(xiàn)完成部分校務(wù)，提高辦事效率。</p><p>　　本網(wǎng)站開發(fā)技術(shù)和工具簡介</p><p>　　網(wǎng)站開發(fā)必須掌握一定的Web開發(fā)技術(shù)和相應(yīng)的開發(fā)工具才能構(gòu)造出真正的Web網(wǎng)站。下面對本網(wǎng)站應(yīng)用的網(wǎng)站開發(fā)技術(shù)和工具進(jìn)行簡單的介紹。</p><p><b>　　

22、HTML</b></p><p>　　HTML是Web網(wǎng)站的描述語言，它是整個Web的基礎(chǔ)。嚴(yán)格的講，HTML不能算一門編程語言，因為它沒有自己的數(shù)據(jù)類型，也沒有分支、循環(huán)等控制結(jié)構(gòu)。HTML由一系列標(biāo)記組成，所以HTML語言也被稱作置標(biāo)語言。HTML把標(biāo)記寫在“〈”和“ 〉”之間。每個標(biāo)記可以有一個或幾個控制屬性。由HTML編寫的文檔被稱為HTML文檔，即通常所說的網(wǎng)頁。瀏覽器在顯示HTML文檔時，

23、將濾除HTML標(biāo)記，只顯示除標(biāo)記以外的其他內(nèi)容[1]。</p><p><b>　　CSS</b></p><p>　　CSS(Cascading Style Sheet)稱為層疊樣式列表。CSS利用各式各樣的范本樣式來輔助HTML,其簡潔的語法可以很容易控制HTML標(biāo)記,而且最顯著的功能是可以將內(nèi)容(HTML)與格式分開處理(以.css為后綴儲存成一個獨(dú)立的文件)。

24、利用CSS，網(wǎng)站開發(fā)人員可以在HTML文檔中安排內(nèi)容，在另一份樣式文檔中設(shè)計這些內(nèi)容的顯示方式，比如字體顏色、字體大小、行距等。CSS樣式的出現(xiàn)還有利于網(wǎng)站的開發(fā)過程中的分工合作，因為有了CSS，就可以讓美工編寫CSS通用的文檔，提供HTML文檔調(diào)用，而HTML程序員只編寫文檔內(nèi)容，他們分工合作就可以有效地完成Web文檔的編寫[1]。</p><p>　　Macromedia Dreamweaver8</p

25、><p>　　Macromedia Dreamweaver8 是建立 Web 站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個層次的開發(fā)人員和設(shè)計人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。從對基于 CSS 的設(shè)計的領(lǐng)先支持到手工編碼功能，Dreamweaver 提供了專業(yè)人員在一個集成、高效的環(huán)境中所需的工具。開發(fā)人員可以使用 Dreamweav

26、er 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強(qiáng)大的 Internet 應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、Web 服務(wù)和舊式系統(tǒng)[1]。</p><p><b>　　ASP介紹</b></p><p>　　(1)ASP的優(yōu)勢:</p><p>　　Active Server Pages：“動態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的

27、重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設(shè)計程序，客戶端（Client）在IE瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Client）

28、若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果。</p><p>　　(2)ASP的特點(diǎn)：</p><p>　　任何開發(fā)工具皆可發(fā)展ASP</p><p>　　只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、 FrontPage等也都可以；不過還是建議你用記事本來寫，

29、既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ASP，可能會發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　　通吃各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p><b>　　語言相容性高</b></p><p>　　ASP與所有的ActiveX Script語言都相容，除了可結(jié)

30、合HTML，VBScript、Java Script、Active X服務(wù)器組件來設(shè)計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。</p><p><b>　　隱密安全性高</b></p><p>　　如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因杰A

31、SP程序先于網(wǎng)站服務(wù)（Web Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進(jìn)而被盜用。</p><p><b>　　易于操控數(shù)據(jù)庫</b></p><p>　　ASP可以輕易地通過ODBC(Open Database Connectivity)驅(qū)動程序連接各種不同的數(shù)

32、據(jù)庫，例如：Access、FoxPro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是“Excel”文件當(dāng)成數(shù)據(jù)庫用。</p><p><b>　　面向?qū)ο髮W(xué)習(xí)容易</b></p><p>　　ASP具備有面向?qū)ο螅∣bject-Oriented）功能，學(xué)習(xí)容易，提供了五種方便能力強(qiáng)大的內(nèi)建對象：Request、Response、Sever、Appl

33、ication以及Session，同時，若使用ASP內(nèi)建的“Application”對象或“Session”對象所撰寫出來的ASP程序可以在多個網(wǎng)頁之間暫時保存必要的信息。</p><p>　　(3)ASP的六大內(nèi)部對象</p><p><b>　　對象名稱 功能描述</b></p><p>　　Request Response Serve

34、r Session Application ObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個ASP-Application中讓不同的客戶端共享信息可以用來配合Microsoft Transaction 服務(wù)器進(jìn)行分布式事務(wù)處理。</p><p>　　所以我選擇了ASP[2]語言和Dreamweaver來完成

35、四川師范大學(xué)計算機(jī)科學(xué)學(xué)院網(wǎng)站的制作。</p><p><b>　　Access 介紹</b></p><p>　　Access 的功能特點(diǎn): </p><p>　　Access 是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫

36、系統(tǒng)的對象；提供了多種向?qū)А⑸善?、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)。 </p><p>　　Access是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點(diǎn)如下： </p><p>　　(1)存儲方式單一 </p><p>　　Access管理的對象有

37、表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為（.mdb）的數(shù)據(jù)庫文件種，便于用戶的操作和管理。 </p><p><b>　　(2)面向?qū)ο?</b></p><p>　　Access是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應(yīng)用系統(tǒng)當(dāng)作是由一系列對象組成的，對每個對象它都

38、定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴(kuò)展方法和屬性。通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡化了用戶的開發(fā)工作。同時，這種基于面向?qū)ο蟮拈_發(fā)方式，使得開發(fā)應(yīng)用程序更為簡便。 </p><p>　　(3)界面友好、易操作 </p><p>　　Access是一個可視化工具，是風(fēng)格與Windows完全一樣，用戶想要生成對象并應(yīng)用，只要使用鼠標(biāo)進(jìn)行拖放

39、即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報表設(shè)計器以及數(shù)據(jù)庫向?qū)?、表向?qū)?、查詢向?qū)?、窗體向?qū)?、報表向?qū)У裙ぞ?，使得操作簡便，容易使用和掌握?</p><p>　　(4)集成環(huán)境、處理多種數(shù)據(jù)信息 </p><p>　　Access基于Windows操作系統(tǒng)下的集成開發(fā)環(huán)境，該環(huán)境集成了各種向?qū)Ш蜕善鞴ぞ?，極大地提高了開發(fā)人員的工作效率，使得建立數(shù)據(jù)庫、創(chuàng)建表、設(shè)計用戶界面

40、、設(shè)計數(shù)據(jù)查詢、報表打印等可以方便有序地進(jìn)行。 </p><p>　　(5)Access支持ODBC（開發(fā)數(shù)據(jù)庫互連，Open Data Base Connectivity），利用Access強(qiáng)大的DDE（動態(tài)數(shù)據(jù)交換）和OLE（對象的聯(lián)接和嵌入）特性，可以在一個數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動態(tài)數(shù)據(jù)相聯(lián)接

41、。利用數(shù)據(jù)庫訪問頁對象生成HTML文件，輕松構(gòu)建Internet/Intranet的應(yīng)用[3]。</p><p><b>　　網(wǎng)站總體分析與設(shè)計</b></p><p><b>　　網(wǎng)站系統(tǒng)分析</b></p><p>　　根據(jù)前面的設(shè)計思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對網(wǎng)站進(jìn)行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：<

42、;/p><p>　　學(xué)院風(fēng)采 通過學(xué)校概括、教師風(fēng)采、精品課程及部分圖片等內(nèi)容來展現(xiàn)。 </p><p>　　優(yōu)點(diǎn)特色 通過新聞、生動活潑的教育教學(xué)欄目來展現(xiàn)。</p><p>　　信息發(fā)布 通過公告欄、信息查詢等欄目來實現(xiàn)，內(nèi)容有招生政策、 活動安排等。</p><p>　　部分校務(wù) 根據(jù)校務(wù)的公開程度，特選擇下載專區(qū)、校務(wù)信箱、學(xué)生工

43、作在網(wǎng)上實現(xiàn)。</p><p><b>　　后臺管理層次方框圖</b></p><p>　　用戶從首頁點(diǎn)擊“管理員登陸”進(jìn)入管理員登陸界面。用戶輸入用戶名和密</p><p>　　圖1 后臺管理層次方框圖</p><p>　　當(dāng)輸入錯誤的用戶信息時，系統(tǒng)進(jìn)行相應(yīng)的提示，點(diǎn)擊確定重新回到登陸頁面。當(dāng)輸入正確的用戶信息時，進(jìn)

44、入用戶管理模塊頁面。在首頁主框架區(qū)域?qū)υ撓到y(tǒng)使用方式進(jìn)行了說明。主要包括兩部分功能，管理員模塊和后臺管理模塊。前者則提供后臺系統(tǒng)管理員賬號管理，后者則為本系統(tǒng)對其他模塊的擴(kuò)展設(shè)置。</p><p><b>　　數(shù)據(jù)庫總體設(shè)計</b></p><p>　　采用的數(shù)據(jù)庫是Microsoft Access ，擬建立bysj.mdb庫文件和后臺管理admin.mdb庫文件。b

45、ysj.mdb庫文件主要存儲網(wǎng)站頁面顯示和交流的信息。Admin.mdb庫文件后臺的用戶信息和菜單隸屬關(guān)系的信息。</p><p>　　bysj.mdb包含如下幾張表：</p><p>　　W_Notice 公告信息表</p><p>　　W_Teacher 教師信息表</p><p>　　W_Department

46、學(xué)院專業(yè)信息表</p><p>　　W_Leader 學(xué)院領(lǐng)導(dǎo)信息表</p><p>　　W_Profile 學(xué)院簡介信息表</p><p>　　W_Vote 在線統(tǒng)計信息表</p><p>　　admin.mdb包含以下兩張表</p><p>　　web_user 管理員

47、信息表</p><p>　　web_menu 管理菜單信息表</p><p><b>　　詳細(xì)設(shè)計</b></p><p><b>　　計算機(jī)學(xué)院首頁</b></p><p><b>　　首頁設(shè)計</b></p><p>　　學(xué)院網(wǎng)站首頁采用靜、動

48、相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)院的勃勃生氣，靜態(tài)主頁方式介紹學(xué)院風(fēng)采、優(yōu)點(diǎn)特色、信息發(fā)布，對于校務(wù)，就得利用ASP與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動態(tài)的web畫面來實現(xiàn)。提供給瀏覽的用戶本網(wǎng)頁的基本的內(nèi)容,用戶可以根據(jù)自己的需要進(jìn)行查找,查看相關(guān)的內(nèi)容信息.</p><p><b>　　學(xué)院概況</b></p><p>&

49、lt;b>　　功能</b></p><p>　　用戶可通過點(diǎn)擊“學(xué)院概況”連接到概況信息頁面，通過該部分可以對學(xué)院簡介、專業(yè)介紹、學(xué)院領(lǐng)導(dǎo)、師資隊伍等信息進(jìn)行了解。</p><p><b>　　數(shù)據(jù)庫結(jié)構(gòu)設(shè)計</b></p><p>　　表1 學(xué)院簡介表（W_Profile

50、）</p><p>　　表2 專業(yè)介紹表(W_Department)</p><p>　　表3 教職工表(W_Teacher)</p><p>　　表4 學(xué)院領(lǐng)導(dǎo)表（W_Leader)</p>

51、;<p>　　界面設(shè)計與重點(diǎn)、難點(diǎn)代碼的設(shè)計 </p><p>　　數(shù)據(jù)庫與學(xué)院教職工顯示程序網(wǎng)頁</p><p>　　(1)教職工的內(nèi)容數(shù)據(jù)全部儲存在數(shù)據(jù)庫中，要在網(wǎng)頁中顯示目前教職工數(shù)據(jù)，必須先進(jìn)行數(shù)據(jù)庫的鏈接與打開，要鏈接數(shù)據(jù)庫我們必須使用ADO對象群的Connection對象；而要打開數(shù)據(jù)庫則必須使用ADO對象群的Recordset對象，程序</p>&

52、lt;p>　　建立一個連接文件link.asp:</p><p>　　function GetRS(strSQL)</p><p>　　dim dbconn</p><p>　　set dbconn=Server.CreateObject("adodb.connection")</p><p>　　dbconn.op

53、en"provider=microsoft.jet.oledb.4.0; data source="& Server.MapPath("bysj.mdb")</p><p><b>　　dim rs</b></p><p>　　set rs=Server.CreateObject("adodb.records

54、et")</p><p>　　rs.open strSQL,dbconn,3,3</p><p>　　set GetRS=rs</p><p>　　END function</p><p>　　在頁面xueyuanjianjie.asp開頭加載該文件</p><p>　　<!--#include fi

55、le="alink.asp"--></p><p>　　set rs=Server.CreateObject("adodb.recordset")</p><p>　　sql="select * from W_Teacher"</p><p>　　rs.open sql,conn,1,1 //設(shè)置

56、數(shù)據(jù)庫查詢方式</p><p>　　Recordset對象是負(fù)責(zé)瀏覽與操作從數(shù)據(jù)庫取出來的數(shù)據(jù)，Connection對象只負(fù)責(zé)與數(shù)據(jù)庫進(jìn)行鏈接的動作，并不能使用數(shù)據(jù)庫內(nèi)的數(shù)據(jù)，因此必須建立一個可以存取數(shù)據(jù)庫數(shù)據(jù)的Recordset對象，</p><p>　　使用RS.Open方法存取”bysj.mdb”數(shù)據(jù)庫</p><p>　　RS.Open SQL,CN,1,1

57、</p><p>　　使用open方法來打開數(shù)據(jù)表或執(zhí)行Select指令參數(shù)設(shè)置如下[4]：</p><p>　　①參數(shù)一（SOURCE）:為欲打開的數(shù)據(jù)表或SQL指令。</p><p>　?、趨?shù)二（ActionConnection）:指定一個已打開的數(shù)據(jù)庫對象，將此參數(shù)設(shè)為鏈接我們已經(jīng)建立好的Connection對象“CN”。</p><p&

58、gt;　?、蹍?shù)三（ CursorType）：指定Recordset的打開類型，1為可讀寫且可自由移動。</p><p>　?、軈?shù)四（LockType）:指定鎖定類型，1為只讀。</p><p>　　數(shù)據(jù)排序與SQL指令</p><p>　?、賁elect 指令的篩選語句：</p><p>　　格式： Select…From</p&g

59、t;<p>　　在SQL語言中：“Select”數(shù)據(jù)表“中選取某些“欄位”的數(shù)據(jù).</p><p>　?、谌绻x取的數(shù)據(jù)表數(shù)據(jù)包含了一個以上的欄位，則我們可以利用“，”逗號來欄位名稱隔開。</p><p>　　③如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了全部的欄位，則可以利用萬用字符“*”來代表全部的欄位。</p><p>　　可排序數(shù)據(jù)的Select指令[6]&

60、lt;/p><p>　?、佼?dāng)我們希望被選取出來的數(shù)據(jù)記錄數(shù)據(jù)能夠依據(jù)某個或某幾個欄位的內(nèi)容來排序時，只要將這些排序依據(jù)的欄位擺放在“Order By“保留字之后，然后將這處排序的語句連接在”Select…From“后面就行了。</p><p>　?、凇癘rder By“默認(rèn)的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，則我們可在欄位名稱后再加上“Desc“保留字！將排序方式改

61、為”由大排到小“。</p><p>　　(2)在網(wǎng)頁中的打開數(shù)據(jù)庫ASP程序中的語句：</p><p>　　SELECT*From W_Teacher order by TeacherID Desc</p><p>　　功能為：從數(shù)據(jù)表“W_Teacher“中取出所有欄位的數(shù)據(jù)，并將取出的數(shù)據(jù)記錄內(nèi)容依照”教職工自動編號“欄位使用的”由大排到小“排序方式進(jìn)行排序&l

62、t;/p><p>　　圖3 教職工信息循環(huán)顯示界面</p><p>　　教職工信息網(wǎng)頁顯示模式：本頁面將教職工信息按照教職工號從大到小依次顯示在頁面中。其中列出了教職工號和教職工姓名兩項，在教職工姓名上建立超鏈接。用戶可以通過點(diǎn)擊某個教職工姓名進(jìn)入該教職工的詳細(xì)信息顯示頁面。</p><p>　　(3)信息顯示的分頁功能</p><p>　　pa

63、gesize=30</p><p>　　if request("page")="" or request("page")<=0 then</p><p><b>　　page=1</b></p><p><b>　　else</b></p>&

64、lt;p>　　page=request("page")</p><p><b>　　end if</b></p><p>　　recordall=rs.recordcount</p><p>　　if recordall<>0 then</p><p>　　rs.pagesize=c

65、int(pagesize)</p><p>　　pageall=int(recordall/pagesize*-1)*-1</p><p>　　therecord=recordall-((page-1)*pagesize)</p><p>　　rs.absolutepage=cint(page)</p><p><b>　　end

66、if</b></p><p>　　該段代碼是實現(xiàn)教職工信息分頁功能的，設(shè)置每頁顯示的信息為30條，“/”為浮點(diǎn)數(shù)除法，“\”為整數(shù)除法[7]。</p><p>　　圖4 信息分頁顯示界面 </p><p>　　顯示教職工信息列表時，我們采用了循環(huán)，把教職工ID和其姓名，整齊地顯示在一個表格中，這種技術(shù)在數(shù)據(jù)庫查詢結(jié)果的顯示中也經(jīng)常用到。代碼如下：<

67、;/p><p><b>　　<%</b></p><p>　　if rs.recordcount<>0 then</p><p>　　for i=1 to pagesize</p><p>　　if rs.eof then</p><p><b>　　exit for<

68、;/b></p><p><b>　　end if</b></p><p><b>　　%> </b></p><p>　　中間為要循環(huán)顯示的數(shù)據(jù)庫中的內(nèi)容</p><p><b>　　<%</b></p><p>　　rs.

69、MoveNext</p><p><b>　　next</b></p><p><b>　　end if</b></p><p><b>　　%> </b></p><p>　　對數(shù)據(jù)操作完成之后，關(guān)閉數(shù)據(jù)庫</p><p><b>　

70、　rs.close</b></p><p>　　set rs=nothing</p><p>　　conn.close</p><p>　　set conn=nothing </p><p><b>　　頁面訪問記數(shù)器</b></p><p><b>　　功能</b&g

71、t;</p><p>　　本模塊主要對當(dāng)日訪問本網(wǎng)站的人數(shù)進(jìn)行統(tǒng)計.當(dāng)用戶登陸到本網(wǎng)頁時，網(wǎng)頁瀏覽人數(shù)自動加一[5]。</p><p><b>　　主要實現(xiàn)代碼</b></p><p>　　function getCookie(name) </p><p><b>　　{</b></p>

72、<p>　　var prefix = name + "="</p><p>　　var cookieStartIndex = document.cookie.indexOf(prefix)</p><p>　　if (cookieStartIndex == -1)</p><p>　　return null</p>&

73、lt;p>　　var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)</p><p>　　if (cookieEndIndex == -1)</p><p>　　cookieEndIndex = document.cookie.length</p&

74、gt;<p>　　return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))</p><p><b>　　}</b></p><p>　　function deleteCookie(name, path, domain) <

75、/p><p><b>　　{</b></p><p>　　if (getCookie(name)) </p><p><b>　　{</b></p><p>　　document.cookie = name + "=" + </p><p>　　((path)

76、 ? "; path=" + path : "") +</p><p>　　((domain) ? "; domain=" + domain : "") +</p><p>　　"; expires=Thu, 01-Jan-70 00:00:01 GMT"</p><p&

77、gt;<b>　　}</b></p><p><b>　　}</b></p><p><b>　　網(wǎng)站在線調(diào)查</b></p><p><b>　　功能 </b></p><p>　　該部分主要是通過用戶投票，來了解用戶對于本網(wǎng)站的滿意程度，同時對本網(wǎng)站需

78、要修改的地方進(jìn)行有效的統(tǒng)計[9]，為以后網(wǎng)站的改版收集有效的信息。本部分列出的可供選擇的選項依次為：網(wǎng)站頁面、操作性、網(wǎng)站內(nèi)容、網(wǎng)站風(fēng)格、已經(jīng)很好了。本部分為單選選項，用戶可選擇一項內(nèi)容進(jìn)行提交。當(dāng)用戶提交時，數(shù)據(jù)庫信息將得到更新，用戶可通過點(diǎn)擊查看按鈕，進(jìn)入投票結(jié)果顯示頁面，了解投票情況。</p><p><b>　　組成構(gòu)造</b></p><p>　　這個系統(tǒng)由

79、3個部分組成——投票頁面index.htm ，處理投票結(jié)果的腳本vote.asp，顯示投票頁面voteview.asp 。</p><p><b>　　數(shù)據(jù)庫表的設(shè)計</b></p><p>　　表5 投票信息表（W_Vote)</p><p>　　界面設(shè)計與重點(diǎn)、難點(diǎn)代碼設(shè)計</p

80、><p><b>　　在線調(diào)查投票</b></p><p>　　該頁面是一個純HTML文件，它讓用戶選擇自己認(rèn)為還需改進(jìn)的項目，點(diǎn)擊提交進(jìn)行投票，頁面顯示如圖所示。</p><p>　　圖5 在線調(diào)查投票界面</p><p><b>　　表單處理腳本</b></p><p>　　

81、在index.htm中選擇認(rèn)為需要修改的項，單擊提交投票按鈕，表單的數(shù)據(jù)就被提交。</p><p>　　本次投票有五個選項，但只能選一個。故用單選選框。</p><p>　　進(jìn)入本頁面的瀏覽者，都可以發(fā)表意見，進(jìn)行投票。</p><p>　　然后根據(jù)所選選項的值將對應(yīng)選項的投票結(jié)果字段加1，同時將該投票人voted設(shè)為True。</p><p&g

82、t;　　由于投票處理頁面已經(jīng)完成了絕大部分的工作，所以 顯示結(jié)果頁面就很簡單了，其功能是從W_Vote表文件中讀取候選人所得票數(shù)，顯示在頁面上。</p><p><b>　　顯示投票界面</b></p><p><b>　　圖6 顯示投票界面</b></p><p>　　值得注意的代碼主要有以下幾處：</p>

83、<p>　　該頁面有自動刷新功能，使在線用戶可以盡快的看到最新的選舉情況。我們這里設(shè)定每隔30秒鐘自動刷新一次。</p><p>　　<meta http-equiv="refresh" content="10;URL=show.asp"></p><p><b>　　后臺管理系統(tǒng)</b></p&g

84、t;<p><b>　　系統(tǒng)簡單說明</b></p><p>　　本后臺系統(tǒng)主要包含兩部分功能：</p><p><b>　　(1)管理員模塊；</b></p><p>　　(2)后臺管理頁面設(shè)置模塊；</p><p>　　前者則提供后臺系統(tǒng)管理員賬號管理，后者則為本系統(tǒng)可擴(kuò)展為網(wǎng)站管

85、理系統(tǒng)的擴(kuò)展設(shè)置。</p><p>　　后臺管理系統(tǒng)管理員登陸界面</p><p>　　圖7 后臺管理系統(tǒng)管理員登陸界面</p><p>　　(1)初始管理員賬號和密碼：</p><p>　　賬號：administrator</p><p><b>　　密碼：123456</b></p>

86、;<p>　　(2)本頁面為用戶管理登陸界面，當(dāng)輸入的用戶名和密碼與數(shù)據(jù)庫中的用戶信息不相同時，提示錯誤對話框，點(diǎn)擊確定，返回登陸界面。當(dāng)輸入正確的用戶信息時，通過session對象存儲相關(guān)的用戶信息,進(jìn)入后臺系統(tǒng)管理界面。</p><p><b>　　后臺系統(tǒng)管理界面</b></p><p>　　圖8 后臺系統(tǒng)管理界面</p><p

87、>　　(1)進(jìn)入后臺后，后臺為框架結(jié)構(gòu)，頂部和左邊框架為菜單欄，中間為主要顯示頁面；</p><p>　　(2)主顯示框架名為mainFrame，并附有左邊框架縮進(jìn)控制按鈕；</p><p>　　(3)上述的“賬號管理”和“菜單設(shè)定”均在“高級管理”欄目中的“系統(tǒng)管理”菜單下；</p><p>　　(4)系統(tǒng)菜單均可設(shè)置圖標(biāo)，在images/menu目錄下附加

88、了22個常用圖標(biāo)；</p><p>　　(5)菜單設(shè)置中的路徑為Admin目錄，可使用相對于它的相對路徑；</p><p>　　(6)如設(shè)置圖標(biāo)地址的時候，如選用images/menu目錄下的01.gif圖標(biāo)，則相應(yīng)的圖標(biāo)地址為：images/menu/01.gif；</p><p>　　(7)系統(tǒng)菜單分三級：</p><p><b&g

89、t;　?、?頂級菜單；</b></p><p><b>　　② 一級菜單；</b></p><p><b>　?、?二級菜單；</b></p><p>　　頂級菜單的上一級菜單可填無；</p><p>　　(8)賬號權(quán)限分四級：</p><p><b>

90、　?、?超級管理員；</b></p><p><b>　　② 高級管理員；</b></p><p><b>　?、?普通賬號；</b></p><p><b>　?、?試用賬號；</b></p><p>　　上一級賬號擁有下一級賬號的所有權(quán)限。</p>

91、<p><b>　　數(shù)據(jù)庫結(jié)構(gòu)設(shè)計</b></p><p>　　表6 管理員信息表(web_user)</p><p>　　表7 菜單管理信息表(web_menu)</p><p>　　界面設(shè)計與重點(diǎn)、難點(diǎn)代碼設(shè)計</p><p>

92、;　　(1)登陸當(dāng)用戶名為空時，彈出輸入用戶名對話框[10]</p><p><b>　　圖9 信息提示圖</b></p><p>　　該功能通過login.asp頁面中的函數(shù)LoginOK()函數(shù)來實現(xiàn)。實現(xiàn)過程為：先獲取表單信息，然后進(jìn)行判斷，若為空的話，彈出對話框，顯示信息為“請輸入用戶名”。當(dāng)用戶名錯誤或密碼錯誤時，和上述過程類似，通過相應(yīng)的代碼進(jìn)行判斷后，顯

93、示提示信息。</p><p>　　(2)系統(tǒng)中當(dāng)前日期日期顯示圖</p><p><b>　　圖10 日期顯示圖</b></p><p>　　在后臺界面顯示當(dāng)前的日期信息。主要通過頁面topframe.htm調(diào)用Date.js中以下函數(shù)來實現(xiàn)。</p><p>　　function initArray(){</p&

94、gt;<p>　　this.length=initArray.arguments.length;</p><p>　　for(var i=0;i<this.length;i++)</p><p>　　this[i+1]=initArray.arguments[i];</p><p><b>　　}</b></p>

95、<p>　　function writeDate(){</p><p>　　today=new Date();</p><p>　　var d=new initArray(</p><p><b>　　"星期日",</b></p><p><b>　　"星期一&quo

96、t;,</b></p><p><b>　　"星期二",</b></p><p><b>　　"星期三",</b></p><p><b>　　"星期四",</b></p><p><b>　　&

97、quot;星期五",</b></p><p><b>　　"星期六");</b></p><p>　　document.write(</p><p>　　"<font color=#0000ff style='font-size:9pt;font-family: 宋體'&

98、gt; ",</p><p>　　today.getYear(),"年",</p><p>　　today.getMonth()+1,"月",</p><p>　　today.getDate(),"日 ",</p><p>　　d[today.getDay()+1],<

99、;/p><p>　　"</font>" ); </p><p><b>　　}</b></p><p>　　(3)獲取菜單的腳本getMenu.asp</p><p><b>　　<%</b></p><p>　　function getMe

100、nu()</p><p>　　on error resume next</p><p>　　dim rstop,rshigher,rssub,conn,sql,n</p><p><b>　　n=0</b></p><p>　　set conn=getconn()</p><p>　　set rs

101、top=getrs()</p><p>　　set rshigher=getrs()</p><p>　　set rssub=getrs()</p><p>　　sql="select distinct menuName,ordernum from web_menu where menu_level=-1 order by ordernum"&l

102、t;/p><p>　　rstop.open sql,conn,1,1</p><p>　　topNum=rstop.recordcount</p><p>　　for k=0 to topNum-1</p><p>　　sql="select * from web_menu where menu_level=0 and higherMe

103、nu='"&rstop("menuName")&"' and master_qx>="&session("masterqx")&" order by ordernum"</p><p>　　rshigher.open sql,conn,1,1</p><

104、;p>　　higherNum=rshigher.recordcount'獲取一級菜單數(shù)量</p><p><b>　　%></b></p><p><b>　　<%</b></p><p>　　for i=0 to higherNum-1</p><p>　　sql=&q

105、uot;select * from web_menu where higherMenu='"&rshigher("menuName")&"' and master_qx>="&session("masterqx")&" and menu_level=1 order by ordernum"<

106、;/p><p>　　rssub.open sql,conn,1,1</p><p>　　subNum=rssub.recordcount'獲取子菜單數(shù)量%></p><p><b>　　(4)修改賬號頁面</b></p><p>　　管理員登陸系統(tǒng)后,可以通過“高級管理”的“賬號管理”進(jìn)入相應(yīng)的要修改的信息

107、的頁面。該模塊可以對用戶的用戶名、密碼、姓名、權(quán)限、工號、部門的信息進(jìn)行修改。其中權(quán)限通過下拉按扭來進(jìn)行選擇，權(quán)限包括四級，分別是：超級管理員；高級管理員；普通賬號；試用賬號[8]。</p><p>　　圖11 修改賬號頁面圖</p><p>　　(5)調(diào)用數(shù)據(jù)庫中存儲關(guān)于管理菜單的信息顯示在管理頁面上</p><p><b>　　圖12 管理菜單圖<

108、;/b></p><p>　　通過高級管理的菜單管理項添加的菜單信息，會按照菜單級別顯示出來。菜單共包括三個級別，頂級菜單，一級菜單和二級菜單。當(dāng)點(diǎn)擊頂級菜單是，將顯示頂級菜單和一級菜單，在點(diǎn)擊一級菜單，會在下拉列表中顯示出改一級菜單下包含的二級菜單。</p><p><b>　　總結(jié)及展望</b></p><p>　　本文簡要介紹了本網(wǎng)

109、站提供的一些服務(wù)和如何去實現(xiàn)該功能。本網(wǎng)站采用ASP開發(fā)工具和面向?qū)ο蟮臄?shù)據(jù)庫Access來完成網(wǎng)站的設(shè)計。</p><p>　　由于初次設(shè)計制作比較大型的網(wǎng)站和后臺系統(tǒng)，所以設(shè)計考慮不夠全面，有一些地方設(shè)計的不夠簡捷方便，比如學(xué)院領(lǐng)導(dǎo)信息和教職工信息表是分開存貯，沒能通過設(shè)計標(biāo)記區(qū)分來簡化數(shù)據(jù)庫的存儲。同時由于時間有限，本人初步學(xué)習(xí)了一下Photoshop,所以界面美工不夠?qū)I(yè)話，希望能夠諒解。</p&g

110、t;<p>　　通過本次畢業(yè)設(shè)計，使我掌握了很多新的知識，如CSS[11]在網(wǎng)頁制作中的重要作用,動手能力和獨(dú)立思考能力得到了提高，同時也鍛煉了我的團(tuán)隊精神，學(xué)會了如何將理論與實踐相結(jié)合。在整個設(shè)計完成的過程中，我遇到了很多的困難，通過查閱資料和老師和同學(xué)的幫助很大一部分問題都得以解決。</p><p>　　在以后的時間里，我還將繼續(xù)鉆研專業(yè)知識，進(jìn)一步完善該網(wǎng)站，使系統(tǒng)得到優(yōu)化，同時使沒有實現(xiàn)的功

111、能得到進(jìn)一步的實現(xiàn)。</p><p><b>　　致謝語 </b></p><p>　　在畢業(yè)設(shè)計的完成過程中，非常感謝我的指導(dǎo)老師xx老師。她為人隨和熱情，治學(xué)嚴(yán)謹(jǐn)細(xì)心。在畢業(yè)設(shè)計的整個過程中她總會以“專業(yè)標(biāo)準(zhǔn)”嚴(yán)格要求我，從選題、定題開始，一直到最后論文的反復(fù)修改、潤色，xx老師始終認(rèn)真負(fù)責(zé)地給予我深刻而細(xì)致地指導(dǎo)，幫助我開拓研究思路，精心點(diǎn)撥、熱忱鼓勵

112、。正是xx老師的無私幫助與熱忱鼓勵，我的畢業(yè)論文才能夠得以順利完成，謝謝x老師。</p><p>　　我要感謝同組的同學(xué)，在這個設(shè)計的完成過程中，有他們幫我提供的一些資料和技術(shù)上的指導(dǎo)，提出諸多寶貴意見和建議，使得我的畢業(yè)設(shè)計和論文得以順利完成，對同組同學(xué)的幫助表示真摯的感謝。</p><p>　　最后，我要感謝，非常感謝四年的大學(xué)生活，感謝我的家人和那些永遠(yuǎn)也不能忘記的朋友，他們的支持與

113、鼓勵，是我永遠(yuǎn)的財富。</p><p><b>　　附錄</b></p><p>　　表8 頁面信息一覽表</p><p><b>　　參考文獻(xiàn) </b></p><p>　　[1] 吳俊海，《Dreamwear8網(wǎng)頁制作與網(wǎng)

114、站開發(fā)標(biāo)準(zhǔn)教程》，清華大學(xué)出版社， 2006.5</p><p>　　[2] 馬軍，《ASP網(wǎng)絡(luò)編程從入門到精通》，清華大學(xué)出版社，2006.3</p><p>　　[3] access數(shù)據(jù)庫介紹</p><p>　　[4] 劉瑞新，《ASP網(wǎng)頁數(shù)據(jù)庫短訓(xùn)教程》，機(jī)械工業(yè)出版社，2004.3</p><p>　　[5] 陳益材，《網(wǎng)站建設(shè)經(jīng)典