畢業(yè)論文--校園網(wǎng)站系統(tǒng)

1、<p><b>　　校園網(wǎng)站系統(tǒng)</b></p><p><b>　　內(nèi) 容 摘 要</b></p><p>　　隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展, 當(dāng)代學(xué)校紛紛建立自己的網(wǎng)站,借助于互聯(lián)網(wǎng)擴(kuò)大自己的影響、推廣自己的聲譽(yù),同時通過互聯(lián)網(wǎng)快速的信息傳遞加速自身的發(fā)展。因此我選擇將學(xué)校網(wǎng)站的設(shè)計(jì)以及后臺的管理作為我的項(xiàng)目。（選擇此項(xiàng)目的理由）<

2、/p><p>　　本論文所研究的是如何建設(shè)一個符合學(xué)生要求的校園網(wǎng)站后臺數(shù)據(jù)庫管理系統(tǒng)，意在通過設(shè)計(jì)一個具有強(qiáng)大的數(shù)據(jù)管理功能的系統(tǒng)來管理前臺頁面中不斷更新的數(shù)據(jù)，方便網(wǎng)站管理員日后對網(wǎng)站的維護(hù)和數(shù)據(jù)更新。本論文所提出的方案是采用現(xiàn)在比較流行的php技術(shù)配合網(wǎng)頁三劍客（dreamweaver、fireworks、flash）等制作工具來設(shè)計(jì)和建設(shè)一個校園網(wǎng)站后臺數(shù)據(jù)庫管理系統(tǒng)。該系統(tǒng)的基本功能有校園的簡介、校園概況、

3、新聞中心、后臺的管理等等。</p><p>　　通過對校園網(wǎng)站需求的了解和對其他學(xué)校網(wǎng)站的參考，最終成功完成了一個虛擬校園網(wǎng)站的后臺數(shù)據(jù)庫管理系統(tǒng)。該系統(tǒng)完全能滿足大部分學(xué)生了解校園的需要，可以作為許多學(xué)校建設(shè)網(wǎng)站的參考系統(tǒng)。該系統(tǒng)在Windows XP+php+mysql+dreamweaver平臺下開發(fā)、實(shí)現(xiàn)。進(jìn)行網(wǎng)頁設(shè)計(jì)、制作及發(fā)布。使用 PHP腳本語言進(jìn)行 Web開發(fā)。</p><p&

4、gt;　　關(guān)鍵字：PHP;MYSQL; dreamweaver;PHOTOSHOP; 校園網(wǎng)站</p><p><b>　　目 錄</b></p><p><b>　　中文摘要 (3)</b></p><p><b>　　1.引　言(6)</b></p><p>　　

5、2.可行性分析(6)</p><p>　　2.1 可行性研究的前提(6)</p><p>　　2.1.1 目的(6)</p><p>　　2.1.2 條件(6)</p><p>　　2.1.3 決定可行性的主要因素(6)</p><p>　　2.2 系統(tǒng)技術(shù)可行性分析(7)</p><p

6、>　　2.2.1開發(fā)環(huán)境的選擇(7)</p><p>　　2.2.2 編程語言的選擇(7)</p><p>　　2.2.3數(shù)據(jù)庫服務(wù)器的選擇(7)</p><p>　　3.模塊分析及總體設(shè)計(jì)(8)</p><p>　　3.1模塊需求 (8)</p><p>　　3.1.1系統(tǒng)結(jié)構(gòu)分析(8)</

7、p><p>　　3.1.2功能描述(8)</p><p>　　3.1.3功能模塊詳細(xì)描述(10)</p><p>　　3.2系統(tǒng)開發(fā)工具 (10)</p><p>　　3.2.1系統(tǒng)開發(fā)所用技術(shù)(10)</p><p>　　4.模塊開發(fā)設(shè)計(jì)(10)</p><p>　　4.1開發(fā)框架

8、的設(shè)計(jì) (10)</p><p>　　4.1.1模型設(shè)計(jì)(10)</p><p>　　4.2數(shù)據(jù)庫設(shè)計(jì) (10)</p><p>　　5.系統(tǒng)設(shè)計(jì)(11)</p><p>　　5.1首頁登錄界面(11)</p><p>　　5.2校園簡介(21)</p><p>　　5.3其它頁面

9、(22)</p><p>　　6.總結(jié)(30)</p><p><b>　　致謝(30)</b></p><p><b>　　參考文獻(xiàn)(31)</b></p><p><b>　　1.引 言</b></p><p>　　計(jì)算機(jī)是新技術(shù)革命的一支

10、主力，也是推動社會向現(xiàn)代化邁進(jìn)的活躍因素。計(jì)算機(jī)科學(xué)與技術(shù)是第二次世界大戰(zhàn)以來發(fā)展最快、影響最為深遠(yuǎn)的新興學(xué)科之一。計(jì)算機(jī)產(chǎn)業(yè)已在世界范圍內(nèi)發(fā)展成為一種極富生命力的戰(zhàn)略產(chǎn)業(yè)。隨著社會的發(fā)展，計(jì)算機(jī)網(wǎng)絡(luò)日趨成熟，走進(jìn)了我們的生活,成為我們生活的主流，同時也被廣泛應(yīng)用于教學(xué)，科研，事業(yè)等各個方面。所謂科研管理系統(tǒng)就是針對日?？蒲泄芾砉ぷ鞯木唧w要求而實(shí)現(xiàn)科研工作的網(wǎng)絡(luò)化管理的一種系統(tǒng)，本系統(tǒng)的建設(shè)也是計(jì)算機(jī)網(wǎng)絡(luò)飛速發(fā)展給人們帶來方便的一種表現(xiàn)

11、。</p><p>　　本設(shè)計(jì)具有一般校園網(wǎng)站管理的功能，且體現(xiàn)出校園風(fēng)格。該系統(tǒng)提供的功能包括校園的簡介、校園概況、新聞中心、后臺的管理等等。本系統(tǒng)的特點(diǎn)在于應(yīng)用了PHP技術(shù)。它是一種簡單的動態(tài)腳本語言，具有開放源碼、執(zhí)行速度快的特點(diǎn)。該技術(shù)還支持廣泛的數(shù)據(jù)庫連接 ，具有大量的擴(kuò)展庫，安全性能高，易學(xué)易用。</p><p><b>　　2.可行性分析</b><

12、/p><p><b>　　可行性研究的前提</b></p><p><b>　　目的</b></p><p>　　盡可能在最短的時間內(nèi)確定完成系統(tǒng)模塊，以便學(xué)校網(wǎng)站管理工作更加順利進(jìn)行。</p><p><b>　　條件</b></p><p>　　現(xiàn)所具有

13、的軟、硬件設(shè)備如下：</p><p>　　開發(fā)設(shè)備：PC機(jī)（CPU：Intel(R) Core(TM)2 CPU 4300 @1.80GHz (2 CPUs) ，內(nèi)存：2046MB）</p><p>　　開發(fā)環(huán)境：Windows XP</p><p><b>　　開發(fā)軟件：php</b></p><p>　　數(shù)據(jù)庫服務(wù)器

14、：MYSQL</p><p>　　其它輔助工具：Dreamweaver </p><p>　　以上設(shè)備可以滿足本系統(tǒng)的開發(fā)。</p><p>　　決定可行性的主要因素</p><p>　　一個良好的校園網(wǎng)站可以幫助我校網(wǎng)絡(luò)化管理。完成此系統(tǒng)有助于網(wǎng)絡(luò)管理溝通平臺的構(gòu)建，系統(tǒng)維護(hù)只要在后臺進(jìn)行編輯，前臺的用戶界面操作就能很好地按一定方式進(jìn)行以達(dá)

15、到你所要的效果。服務(wù)于學(xué)校工作人員的工作，具有較強(qiáng)的使用性。當(dāng)然，系統(tǒng)的完整性離不開各模塊的完整性。</p><p><b>　　系統(tǒng)技術(shù)可行性分析</b></p><p><b>　　開發(fā)環(huán)境的選擇</b></p><p>　　1 PHP的技術(shù)性能與特點(diǎn)</p><p>　　PHP自出現(xiàn)以來,就得

16、到了廣泛的應(yīng)用和迅速的發(fā)展。根據(jù)Netcraft的權(quán)威調(diào)查,截至2002年5月,PHP技術(shù)已被用于1188121個IP地址。36%的Apache Web服務(wù)器(WEB上最常用的服務(wù)器)上都使用了PHP, PHP的最新版本——PHP4在其發(fā)表的頭兩個月就被下載265000次。這些統(tǒng)計(jì)數(shù)字說明, PHP已經(jīng)成為世界上最受歡迎的腳本語言之一。</p><p>　　由于PHP是專門為Web環(huán)境設(shè)計(jì)的服務(wù)器端嵌入式腳本語言

17、,就其技術(shù)本身而言,具有其它Web開發(fā)技術(shù)不可比擬的優(yōu)點(diǎn)。</p><p>　　(1)理想的動態(tài)網(wǎng)站開發(fā)工具。在交互式網(wǎng)站迅速取代靜態(tài)HTML網(wǎng)站的今天,不少網(wǎng)站包含了成百乃至上千的網(wǎng)頁,要網(wǎng)絡(luò)管理員保證這么多相互分離的網(wǎng)頁時時更新是不可能的。于是如今許多網(wǎng)站采用以HTML或XML網(wǎng)頁展示信息,而以數(shù)據(jù)庫存儲數(shù)據(jù)的管理方式。這樣,只要在數(shù)據(jù)庫里更新一次信息,就可以將變化反映在使用這條信息的每一個網(wǎng)頁上。PHP能很

18、容易的做到這一點(diǎn):只要將PHP腳本嵌入HTML,數(shù)據(jù)就會出現(xiàn)在網(wǎng)頁中恰當(dāng)?shù)牡胤健?lt;/p><p>　　(2)專為網(wǎng)絡(luò)環(huán)境設(shè)計(jì)。很多網(wǎng)站建設(shè)工具最初是為一些其它目的設(shè)計(jì)的。例如, Java是面向客戶端而不是服務(wù)器端的應(yīng)用小程序; Perl編程語言被設(shè)計(jì)為系統(tǒng)管理工具,后來勉強(qiáng)用作網(wǎng)絡(luò)開發(fā)語言,結(jié)果出現(xiàn)了如存儲漏洞(memory leaks)這樣的結(jié)構(gòu)問題。而PHP是專為網(wǎng)絡(luò)環(huán)境設(shè)計(jì)的,這意味著它有很多內(nèi)建函數(shù)使得網(wǎng)

19、絡(luò)編程非常簡單,程序員可以集中精力研究編程邏輯而不再浪費(fèi)寶貴的開發(fā)時間了。</p><p>　　(3)跨多個平臺。目前PHP可在Windows、Unix、Linux的Web服務(wù)器上正常運(yùn)行,支持IIS,Apache等通用Web服務(wù)器,用戶更換平臺時,無需變換PHP代碼,可即拿即用。</p><p>　　(4)極其強(qiáng)大的數(shù)據(jù)庫支持。PHP最強(qiáng)大也最有代表性的特點(diǎn)在于它的數(shù)據(jù)庫層,它內(nèi)置了對很

20、多數(shù)據(jù)庫的支持,而不再需要特殊擴(kuò)充,使得編寫基于數(shù)據(jù)庫的網(wǎng)頁變得非常簡單。目前所支持的數(shù)據(jù)庫有Oracle、Adabas D、Sybase、FilePro、MSSQL、Velocis、MySQL、Informix、Solid、dBase、ODBC、Unix dbm、Postgre SQL、MSSQL SERVER等。針對每個數(shù)據(jù)庫都有一組函數(shù)用于數(shù)據(jù)庫訪問和操作,如對d Base數(shù)據(jù)庫有dbhttp://www.51lunwen.com

21、/php/2012/0421/lw201204211719017433.htmlase-create、dbase-open、dbase-close、dbase-pack、dbase-add-record、dbase - delete - record、dbase - get -record、dbase-numfields、dbase-numrecords等函數(shù),對MySQL有mysql-close、mysql-connect、mysql

22、-create-db、mysql</p><p>　　(5)多種擴(kuò)展功能模塊。由于有了PHP源代碼庫,可以很容易地與一些特殊庫連接。其中有適用于PDF文件、Flash動畫、電子貨幣、日歷、XML、IMAP、POP等等的模塊。即使某些功能PHP不支持,也可以很容易地編寫或下載一個擴(kuò)展功能的模塊。 </p><p>　　(6)開放源代碼。所有的PHP源代碼都是公開的,這意味著不必等待軟件生產(chǎn)商

23、去修復(fù)軟件中的錯誤,也不必每年花錢去更新版本。</p><p>　　當(dāng)然, PHP也存在一些缺點(diǎn),比如缺乏規(guī)模支持和多層結(jié)構(gòu)支持,所提供的數(shù)據(jù)庫接口支持不統(tǒng)一,這使得它不適合應(yīng)用于大型電子商務(wù)站點(diǎn),而更適合一些中小型的商業(yè)站點(diǎn)。 </p><p>　　基于PHP的動態(tài)Web數(shù)據(jù)庫應(yīng)用系統(tǒng)的工作原理 </p><p>　　在動態(tài)交互式Web數(shù)據(jù)庫應(yīng)用系統(tǒng)中,

24、 PHP語言在Web服務(wù)器端運(yùn)行,這種技術(shù)在開發(fā)互聯(lián)網(wǎng)應(yīng)用程序時非常有用,將它和客戶端腳本技術(shù)聯(lián)合起來可以制作出功能極其強(qiáng)大的動態(tài)網(wǎng)頁。其工作原理是:創(chuàng)建一個PHP應(yīng)用程序,實(shí)際上相當(dāng)于創(chuàng)建了一個PHP腳本文件。在服務(wù)器將輸出信息發(fā)送到客戶端之前,Web服務(wù)器會率先將文件中的PHP語言進(jìn)行加工處理。如果服務(wù)器不支持PHP,通常情況下, Web服務(wù)器會直接將超文本文件送到客戶的瀏覽器上以表示對HTTP的要求做出應(yīng)答;如果服務(wù)器支持PHP,

25、則服務(wù)器在對PHP文件的請求作出響應(yīng)時,會先在一個PHP文件內(nèi)將標(biāo)準(zhǔn)的HTML編碼直接送到瀏覽器上,而內(nèi)嵌PHP程序則由Web服務(wù)器解釋執(zhí)行。</p><p>　　基于PHP的動態(tài)交互式Web數(shù)據(jù)庫是一種典型的B/W/D (瀏覽器/Web服務(wù)器/數(shù)據(jù)庫服務(wù)器)三層結(jié)構(gòu)。BWD模式以Web為中心,采用TCP/IP技術(shù),以HTTP作為傳輸協(xié)議,客戶端通過瀏覽器訪問Web及其所連接的數(shù)據(jù)庫系統(tǒng)。Web瀏覽器與Web服務(wù)

26、器之間的關(guān)系就類似于主機(jī)/終端結(jié)構(gòu)中兩者之間的關(guān)系, Web服務(wù)器與數(shù)據(jù)庫服務(wù)器之間的關(guān)系就像客戶機(jī)/服務(wù)器結(jié)構(gòu)中兩者之間的關(guān)系。</p><p>　　3.模塊分析及總體設(shè)計(jì)</p><p><b>　　模塊需求</b></p><p>　　此系統(tǒng)主要供學(xué)校網(wǎng)站工作者使用，根據(jù)一般校園網(wǎng)站系統(tǒng)功能分析，將系統(tǒng)分為管理員、用戶兩大模塊。系統(tǒng)管理員

27、模塊包括：系統(tǒng)配置管理、會員信息管理、網(wǎng)站新聞管理、物品信息管理、管理員管理、登錄日志管理。剛進(jìn)入網(wǎng)站的非會員能夠在此網(wǎng)站瀏覽和搜索信息。經(jīng)過注冊成為會員便能發(fā)布信息。此系統(tǒng)還考慮到用戶利用窮舉法破解密碼，專門設(shè)置了用戶和管理員登錄日志，以便及時了解和防范。</p><p>　　模塊結(jié)構(gòu)圖如下圖3-1所示：</p><p><b>　　圖3-1</b></p&g

28、t;<p><b>　　功能描述</b></p><p>　　該系統(tǒng)的基本功能有校園的簡介、校園概況、新聞中心、后臺的管理</p><p><b>　　系統(tǒng)開發(fā)工具</b></p><p><b>　　開發(fā)軟件：php</b></p><p><b>　

29、　系統(tǒng)開發(fā)所用技術(shù)</b></p><p>　　其它輔助工具：Dreamweaver,PHOTOSHOP</p><p><b>　　運(yùn)行環(huán)境</b></p><p>　　數(shù)據(jù)庫服務(wù)器：MYSQL</p><p><b>　　4.模塊開發(fā)設(shè)計(jì)</b></p><p&g

30、t;<b>　　控制器設(shè)計(jì)</b></p><p>　　通過IE可瀏覽主界面，根據(jù)客戶的請求來操作模型，并把模型的響應(yīng)結(jié)果由用戶界面展現(xiàn)給用戶</p><p><b>　　視圖設(shè)計(jì)</b></p><p>　　系統(tǒng)模塊開發(fā)中所用到的界面和后臺代碼</p><p><b>　　數(shù)據(jù)庫設(shè)計(jì)&l

31、t;/b></p><p>　　數(shù)據(jù)庫設(shè)計(jì)是項(xiàng)目開發(fā)中非常重要的一個環(huán)節(jié)，它是整個項(xiàng)目的根基，如果設(shè)計(jì)不好，在后來的系統(tǒng)開發(fā)，維護(hù)，變更和功能擴(kuò)充時，將會遇到非常大的困難，大量工作可能需要重新進(jìn)行。</p><p><b>　　數(shù)據(jù)庫表設(shè)計(jì)的準(zhǔn)則</b></p><p>　　數(shù)據(jù)庫設(shè)計(jì)一個表最好只存儲一個實(shí)體或?qū)ο蟮南嚓P(guān)信息，不同的實(shí)體最

32、好存儲在不同的數(shù)據(jù)表中，如果實(shí)體還可以再劃分，實(shí)體的劃分原則是最好能夠比當(dāng)前系統(tǒng)要開發(fā)的實(shí)體的顆粒度要小；數(shù)據(jù)庫表的信息結(jié)構(gòu)一定要合適，表的字段的數(shù)量一定不要過多；擴(kuò)充信息和動態(tài)變化的信息一定要分開在不同的表里；對于出現(xiàn)多對多這樣的表關(guān)系系統(tǒng)，盡量不出現(xiàn)。</p><p><b>　　數(shù)據(jù)庫表的設(shè)計(jì)</b></p><p><b>　　5.系統(tǒng)設(shè)計(jì)</

33、b></p><p><b>　　5.1 首頁界面</b></p><p><b>　　5.1.1相關(guān)代碼</b></p><p>　　<?Php include_once("common/common.inc.php");</p><p>　　$config = $

34、db->Read_config();</p><p>　　$aboutus = $db->Read_danye(1);</p><p>　　include("head.php");</p><p><b>　　?></b></p><p>　　<div id="mai

35、n"></p><p>　　<div class="bannerlink"></p><p>　　<div class="bannerlink-l"></p><p>　　<div class="login"></p><p>　　

36、<div class="loginhead"></p><p>　　<p>用戶登錄</p></p><p><b>　　</div></b></p><p>　　<div class="loginbody"></p><p&g

37、t;　　<form method="post" name="myform" action="manage/login.php"></p><p>　　<table width="206" height="100" border="0" cellpadding="0&q

38、uot; cellspacing="4"></p><p><b>　　<tr></b></p><p>　　<td align="right" style="width: 65px;"><p>用戶名稱:</p></td></p>

39、<p>　　<td height="20" align="left" style="width: 85px;"><input type="text" style="width: 100px;" /></td></p><p><b>　　</tr>

40、;</b></p><p><b>　　<tr></b></p><p>　　<td align="right" style="width: 65px;"><p>用戶密碼:</p></td></p><p>　　<td heig

41、ht="20" align="left" style="width: 85px;"><input type="password" style="width: 100px;" /></td></p><p><b>　　</tr></b></p&g

42、t;<p>　　<td height="20" colspan="4" align="center"><input type="image" src="images/login.gif" /></p><p>　　&nbsp;&nbsp;&nbsp;&a

43、mp;nbsp;</p><p>　　<input type="image" src="images/censel.gif" /></p><p><b>　　</td></b></p><p><b>　　</tr></b></p>

44、<p><b>　　</table></b></p><p><b>　　</form></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p>

45、<p>　　<div class="new_pic"></p><p><b>　　<script></b></p><p>　　var widths=209; //設(shè)置幻燈片寬度</p><p>　　var heights=121; //設(shè)置幻燈片高度</p><p&g

46、t;　　var counts=4; //設(shè)置幻燈片數(shù)量</p><p><b>　　//設(shè)置圖片路徑</b></p><p>　　img1=new Image ();img1.src='images/new-pic-1.jpg';</p><p>　　img2=new Image ();img2.src='images/

47、new-pic-2.jpg';</p><p>　　img3=new Image ();img3.src='images/new-pic-3.jpg';</p><p>　　img4=new Image ();img4.src='images/new-pic-4.jpg';</p><p>　　//設(shè)置圖片的URL</p

48、><p>　　url1=new Image ();url1.src='#';</p><p>　　url2=new Image ();url2.src='#';</p><p>　　url3=new Image ();url3.src='#';</p><p>　　url4=new Image ()

49、;url4.src='#';</p><p><b>　　var nn=1;</b></p><p>　　var key=0;</p><p>　　function change_img()</p><p>　　{if(key==0){key=1;}</p><p>　　else

50、if(document.all)</p><p>　　{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}</p><p>　　eval('document.getEleme

51、ntById("pic").src=img'+nn+'.src');</p><p>　　eval('document.getElementById("url").href=url'+nn+'.src');</p><p>　　for (var i=1;i<=counts;i++){doc

52、ument.getElementById("xxjdjj"+i).className='axx';}</p><p>　　document.getElementById("xxjdjj"+nn).className='bxx';</p><p>　　nn++;if(nn>counts){nn=1;}</p&

53、gt;<p>　　//設(shè)置圖片切換間隔時間</p><p>　　tt=setTimeout('change_img()',3000);}</p><p>　　function changeimg(n){nn=n;window.clearInterval(tt);change_img();}</p><p>　　document.writ

54、e('<style>');</p><p>　　document.write('.axx{padding:1px 10px;border-left:#cccccc 1px solid;}');</p><p>　　document.write('a.axx:link,a.axx:visited{text-decoration:none;c

55、olor:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');</p><p>　　document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;backgr

56、ound-color:#999;}');</p><p>　　document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');</p><p>　　document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color

57、:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');</p><p>　　document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;backgro

58、und-color:#D34600;}');</p><p>　　document.write('</style>');</p><p>　　document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hi

59、dden;text-overflow:clip;">');</p><p>　　document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(g

60、radientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');</p><p>　　document.write('<div style="filter:alpha(style=1

61、,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');</p><p>　　for(var i=1;i

62、<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}</p

63、><p>　　document.write('</div></div>');</p><p>　　change_img();</p><p><b>　　</script></b></p><p><b>　　</div></b></

64、p><p><b>　　</div></b></p><p>　　<div class="banner"></p><p>　　<div class="container" id="idTransformView"></p><p&g

65、t;　　<ul class="slider" id="idSlider"></p><p>　　<li><img src="images/banner_index_1.gif"/></li></p><p>　　<li><img src="images/b

66、anner_index_2.gif"/></li></p><p>　　<li><img src="images/banner_index_3.gif"/></li></p><p>　　<li><img src="images/banner_index_4.gif"/

67、></li></p><p>　　<li><img src="images/banner_index_5.gif"/></li></p><p><b>　　</ul></b></p><p>　　<ul class="num" id

68、="idNum"></p><p>　　<li>1</li></p><p>　　<li>2</li></p><p>　　<li>3</li></p><p>　　<li>4</li></p><p&

69、gt;　　<li>5</li></p><p><b>　　</ul></b></p><p><b>　　</div></b></p><p>　　<script type="text/javascript"></p><

70、p>　　var $ = function (id) {</p><p>　　return "string" == typeof id ? document.getElementById(id) : id;</p><p><b>　　};</b></p><p>　　var Class = {</p>&

71、lt;p>　　create: function() {</p><p>　　return function() {</p><p>　　this.initialize.apply(this, arguments);} }}</p><p>　　Object.extend = function(destination, source) {</p>

72、<p>　　for (var property in source) {</p><p>　　destination[property] = source[property];</p><p><b>　　}</b></p><p>　　return destination;</p><p><b>

73、;　　}</b></p><p>　　var TransformView = Class.create();</p><p>　　TransformView.prototype = {</p><p>　　//容器對象,滑動對象,切換參數(shù),切換數(shù)量</p><p>　　initialize: function(container,

74、 slider, parameter, count, options) {</p><p>　　if(parameter <= 0 || count <= 0) return;</p><p>　　var oContainer = $(container), oSlider = $(slider), oThis = this;</p><p>　　thi

75、s.Index = 0;//當(dāng)前索引</p><p>　　this._timer = null;//定時器</p><p>　　this._slider = oSlider;//滑動對象</p><p>　　this._parameter = parameter;//切換參數(shù)</p><p>　　this._count = count ||

76、 0;//切換數(shù)量</p><p>　　this._target = 0;//目標(biāo)參數(shù)</p><p>　　this.SetOptions(options);</p><p>　　this.Up = !!this.options.Up;</p><p>　　this.Step = Math.abs(this.options.Step);&

77、lt;/p><p>　　this.Time = Math.abs(this.options.Time);</p><p>　　this.Auto = !!this.options.Auto;</p><p>　　this.Pause = Math.abs(this.options.Pause);</p><p>　　this.onStart =

78、this.options.onStart;</p><p>　　this.onFinish = this.options.onFinish;</p><p>　　oContainer.style.overflow = "hidden";</p><p>　　oContainer.style.position = "relative&q

79、uot;;</p><p>　　oSlider.style.position = "absolute";</p><p>　　oSlider.style.top = oSlider.style.left = 0;</p><p><b>　　},</b></p><p><b>　　//設(shè)

80、置默認(rèn)屬性</b></p><p>　　SetOptions: function(options) {</p><p>　　this.options = {//默認(rèn)值</p><p>　　Up:true,//是否向上(否則向左)</p><p>　　Step:5,//滑動變化率</p><p>　

81、　Time:10,//滑動延時</p><p>　　Auto:true,//是否自動轉(zhuǎn)換</p><p>　　Pause:2000,//停頓時間(Auto為true時有效)</p><p>　　onStart:function(){},//開始轉(zhuǎn)換時執(zhí)行</p><p>　　onFinish:function(){}//完成轉(zhuǎn)

82、換時執(zhí)行</p><p><b>　　};</b></p><p>　　Object.extend(this.options, options || {});</p><p><b>　　},</b></p><p><b>　　//開始切換設(shè)置</b></p>

83、<p>　　Start: function() {</p><p>　　if(this.Index < 0){</p><p>　　this.Index = this._count - 1;</p><p>　　} else if (this.Index >= this._count){ this.Index = 0; }</p>

84、<p>　　this._target = -1 * this._parameter * this.Index;</p><p>　　this.onStart();</p><p>　　this.Move();</p><p><b>　　},</b></p><p><b>　　//移動</

85、b></p><p>　　Move: function() {</p><p>　　clearTimeout(this._timer);</p><p>　　var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.s

86、tyle[style]) || 0, iStep = this.GetStep(this._target, iNow);</p><p>　　if (iStep != 0) {</p><p>　　this._slider.style[style] = (iNow + iStep) + "px";</p><p>　　this._timer =

87、 setTimeout(function(){ oThis.Move(); }, this.Time);</p><p><b>　　} else {</b></p><p>　　this._slider.style[style] = this._target + "px";</p><p>　　this.onFinish(

88、);</p><p>　　if (this.Auto) { this._timer = setTimeout(function(){ oThis.Index++; oThis.Start(); }, this.Pause); }</p><p><b>　　}</b></p><p><b>　　},</b></p&

89、gt;<p><b>　　//獲取步長</b></p><p>　　GetStep: function(iTarget, iNow) {</p><p>　　var iStep = (iTarget - iNow) / this.Step;</p><p>　　if (iStep == 0) return 0;</p>

90、<p>　　if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);</p><p>　　return iStep;</p><p><b>　　}, //停止</b></p><p>　　Stop: function(iTarget, iNow) {</p&g

91、t;<p>　　clearTimeout(this._timer);</p><p>　　this._slider.style[this.Up ? "top" : "left"] = this._target + "px";</p><p><b>　　}</b></p><

92、p><b>　　};</b></p><p>　　window.onload=function(){</p><p>　　function Each(list, fun){</p><p>　　for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }&

93、lt;/p><p><b>　　};</b></p><p>　　var objs = $("idNum").getElementsByTagName("li");</p><p>　　var tv = new TransformView("idTransformView", &quo

94、t;idSlider", 277, 5, {</p><p>　　onStart : function(){ Each(objs, function(o, i){ o.className = tv.Index == i ? "on" : ""; }) }//按鈕樣式</p><p><b>　　});</b><

95、/p><p>　　tv.Start();</p><p>　　Each(objs, function(o, i){</p><p>　　o.onmouseover = function(){</p><p>　　o.className = "on";</p><p>　　tv.Auto = false

96、;</p><p>　　tv.Index = i;</p><p>　　tv.Start();</p><p><b>　　}</b></p><p>　　o.onmouseout = function(){</p><p>　　o.className = "";</p&

97、gt;<p>　　tv.Auto = true;</p><p>　　tv.Start();</p><p><b>　　}</b></p><p><b>　　})</b></p><p>　　////////////////////////test2</p>&l

98、t;p>　　var objs2 = $("idNum2").getElementsByTagName("li");</p><p>　　var tv2 = new TransformView("idTransformView2", "idSlider2", 736, 5, {</p><p>　　onS

99、tart: function(){ Each(objs2, function(o, i){ o.className = tv2.Index == i ? "on" : ""; }) },//按鈕樣式</p><p><b>　　Up: false</b></p><p><b>　　});</b><

100、/p><p>　　tv2.Start();</p><p>　　Each(objs2, function(o, i){</p><p>　　o.onmouseover = function(){</p><p>　　o.className = "on";</p><p>　　tv2.Auto = fa

101、lse;</p><p>　　tv2.Index = i;</p><p>　　tv2.Start();</p><p><b>　　}</b></p><p>　　o.onmouseout = function(){</p><p>　　o.className = "";&l

102、t;/p><p>　　tv2.Auto = true;</p><p>　　tv2.Start();</p><p><b>　　}</b></p><p><b>　　})</b></p><p>　　$("idStop").onclick = funct

103、ion(){ tv2.Auto = false; tv2.Stop(); }</p><p>　　$("idStart").onclick = function(){ tv2.Auto = true; tv2.Start(); }</p><p>　　$("idNext").onclick = function(){ tv2.Index++; tv2

104、.Start(); }</p><p>　　$("idPre").onclick = function(){ tv2.Index--;tv2.Start(); }</p><p>　　$("idFast").onclick = function(){ if(--tv2.Step <= 0){tv2.Step = 1;} }</p>

105、<p>　　$("idSlow").onclick = function(){ if(++tv2.Step >= 10){tv2.Step = 10;} }</p><p>　　$("idReduce").onclick = function(){ tv2.Pause-=1000; if(tv2.Pause <= 0){tv2.Pause = 0;}

106、 }</p><p>　　$("idAdd").onclick = function(){ tv2.Pause+=1000; if(tv2.Pause >= 5000){tv2.Pause = 5000;} }</p><p>　　$("idReset").onclick = function(){</p><p>　

107、　tv2.Step = Math.abs(tv2.options.Step);</p><p>　　tv2.Time = Math.abs(tv2.options.Time);</p><p>　　tv2.Auto = !!tv2.options.Auto;</p><p>　　tv2.Pause = Math.abs(tv2.options.Pause);<

108、/p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　</script></b></p><p><b>　　</div></b></p><p>　　<

109、div class="clear"></div></p><p><b>　　</div></b></p><p>　　<div class="Profile"></p><p>　　<div class="home_title">

110、<a href="about_us.php"><span class="home_title_ch E235">學(xué)校簡介</span> <span class="home_title_en E235">Profile</span></a></div></p><p>　　

111、<div class="home_more"><a class="normal" href="about_us.php">詳細(xì)></a></div></p><p>　　<div class="clear"></div></p><p&g

112、t;　　<div class="home_redline"></div></p><p>　　<div class="Profile_list"></p><p>　　<p style="text-indent:2em;"><?php echo mysubstr($aboutu

113、s['content'],0,450)."..."; ?></p></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="news"

114、;></p><p>　　<div class="home_title"><a href="new.php?cid=1"><span class="home_title_ch E235">新聞中心</span> <span class="home_title_en E235"

115、>FJSZ News</span></a></div></p><p>　　<div class="home_more"><a class="normal" href="new.php?cid=1">更多></a></div></p><p

116、>　　<div class="clear"></div></p><p>　　<div class="home_redline"></div></p><p>　　<div class="news_list" style="display:block;"

117、;></p><p><b>　　<ul></b></p><p><b>　　<?php </b></p><p>　　$quss = $db->query("select * from {head}_new where cid=1 and shenhe=1 limit 0,6&q

118、uot;);</p><p>　　while($rownew = $db->fetch_array($quss)){</p><p><b>　　?></b></p><p><b>　　<li></b></p><p>　　<div class="news_

119、left_text"><a class="normal" href="newcon.php?id=<?php echo $rownew['id']; ?>" title="" target="_blank"><?php echo mysubstr($rownew['title'],

120、0,100); ?></a></div></p><p>　　<div class="news_left_date"><?php echo date("m-d",$rownew['date']); ?></div></p><p>　　<div class=&qu

121、ot;clear"></div></p><p><b>　　</li></b></p><p><b>　　<?php</b></p><p><b>　　}</b></p><p><b>　　?></b&

122、gt;</p><p><b>　　</ul></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="notice"&

123、gt;</p><p>　　<div class="home_title"><a href="new.php?cid=2"><span class="home_title_ch E235">公告信息</span> <span class="home_title_en E235"&g

124、t;Notice</span></a></div></p><p>　　<div class="home_more"><a class="normal" href="new.php?cid=2">更多></a></div></p><p>　

125、　<div class="clear"></div></p><p>　　<div class="home_redline"></div></p><p>　　<div class="notice_list"></p><p><b>　

126、　<ul></b></p><p><b>　　<?php </b></p><p>　　$qusg = $db->query("select * from {head}_new where cid=2 and shenhe=1 limit 0,8");</p><p>　　while($

127、rownewg = $db->fetch_array($qusg)){</p><p><b>　　?></b></p><p>　　<li><a class="normal" href="newcon.php?id=<?php echo $rownewg['id']; ?>&qu

128、ot; title=""><?php echo mysubstr($rownewg['title'],0,60); ?></a></li></p><p><b>　　<?php</b></p><p><b>　　}</b></p><p&g

129、t;<b>　　?></b></p><p><b>　　</ul></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div

130、class="clear"></div></p><p><b>　　<?php</b></p><p>　　include("foot.php");</p><p><b>　　?></b></p><p><b>　

131、　5.2校園簡介</b></p><p><b>　　>5.3新聞中心</b></p><p><b>　　5.4校園特色</b></p><p><b>　　5.5組織機(jī)構(gòu)</b></p><p><b>　　5.6教育教學(xué)</b>&l

132、t;/p><p><b>　　5.7圖書館</b></p><p><b>　　5.8精品課程</b></p><p><b>　　5.9招生信息</b></p><p><b>　　5.10聯(lián)系我們</b></p><p>　　5.1

133、1系統(tǒng)后臺管理展示</p><p><b>　　6.總結(jié)</b></p><p>　　本次科研系統(tǒng)修改主要采用php+mysql+dreamweave等網(wǎng)站開發(fā)相關(guān)技術(shù)。通過本次系統(tǒng)的開發(fā)，增加了我對一個完整系統(tǒng)開發(fā)技術(shù)的熟悉程度和網(wǎng)站的開發(fā)經(jīng)驗(yàn)，以及要怎樣部署發(fā)布網(wǎng)站。一個系統(tǒng)中要怎樣控制不同用戶的權(quán)限，提供給不同用戶有不同的數(shù)據(jù)及不同的操作功能。提高了系統(tǒng)開發(fā)的代

134、碼可讀性和重用性，減少代碼量，同時也方便系統(tǒng)代碼的后期維護(hù)。</p><p>　　打開各校網(wǎng)站基本上都是對自己學(xué)校的宣傳窗口。通過互聯(lián)網(wǎng)，提高自己學(xué)校的知名度，是廣大策劃者的共識。不難看出，現(xiàn)階段各校對校園網(wǎng)的利用只局限在宣傳這一主題上，宣傳成了校園網(wǎng)建立的宗旨。如此簡單地開發(fā)、利用網(wǎng)絡(luò)技術(shù)，與網(wǎng)絡(luò)本身所具有的豐富、快捷等特點(diǎn)相比，顯得我們搞教育的人，實(shí)在落后網(wǎng)絡(luò)時代很多，當(dāng)引起教育自身的重視。</p>

135、;<p><b>　　致謝</b></p><p>　　本次畢業(yè)設(shè)計(jì)及畢業(yè)論文制作中，我要誠摯地感謝我的指導(dǎo)老師xx老師，他不僅以他那嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、縝密的思維能力、嫻熟的操作技巧深刻地影響著我，更以他那博大的胸懷潛移默化地影響我如何學(xué)會去寬容別人，笑著面對生活。讓我感到三年中不僅積累了豐富的學(xué)識，更在如何做人上讓我學(xué)到了很多，我將隨身攜帶著它們，勇敢的踏上新的人生之路。xx老

136、師多次詢問設(shè)計(jì)進(jìn)程，并為我指點(diǎn)迷津，幫助我開拓研究思路，精心點(diǎn)撥、熱忱鼓勵。xx老師一絲不茍的作風(fēng)，嚴(yán)謹(jǐn)求實(shí)的態(tài)度，踏踏實(shí)實(shí)的精神，不僅授我以文，而且教我做人，雖歷時三載，卻給以終生受益無窮之道。對xx老師的感激之情是無法用言語表達(dá)的。從課題的選擇到項(xiàng)目的最終完成，xx老師都始終給予我細(xì)心的指導(dǎo)和不懈的支持。盡管在作業(yè)過程中會碰到各種疑惑，在xx老師親切的關(guān)懷和悉心的指導(dǎo)下我才得以順利地完成此次的畢業(yè)設(shè)計(jì)及畢業(yè)論文。同時，我要感xx老師