【正文】 vaScript標(biāo)簽容器命名屬性,innerHTML表示一個容器內(nèi)所包含的所有代碼,通過“”就能夠在JavaScript中取得View部分所定義的留言框模板的代碼。然后再通過JavaScript的replace方法與正則表達式結(jié)合應(yīng)用,從而替換模板中的標(biāo)簽內(nèi)容,將留言信息插入到留言框模板中去。這種設(shè)計方法的好處在于客戶端不用刷新頁面就能看到動態(tài)更新的內(nèi)容,并且利用JavaScript語言將處理靜態(tài)頁面的代碼與處理動態(tài)頁面的代碼分離開,方便了程序員查找和修改程序。 最后介紹Model部分。在這里主要還是用PHP語言調(diào)用MYSQL數(shù)據(jù)庫操作類去實現(xiàn)四個功能:讀取數(shù)據(jù)、搜索、分頁和統(tǒng)計。要實現(xiàn)前三個功能就必須執(zhí)行不同的SQL語句。讀取功能使用常規(guī)的“SELECT……FROM”語句就能解決。搜索功能需要在“SELECT……FROM”語句后面再加上“WHERE……LIKE”語句,通過判斷前臺表單所返回的搜索條件,從而篩選出要搜索的數(shù)據(jù)。分頁功能學(xué)要在“SELECT……FROM”語句后面加上“ORDER BY……LIMIT”限制每頁輸出固定條數(shù)的留言信息。統(tǒng)計功能只需要調(diào)用數(shù)據(jù)庫操作類的成員函數(shù)就能實現(xiàn)。 特色功能的設(shè)計與實現(xiàn) 首先介紹驗證碼功能。所謂驗證碼,就是將一串隨機產(chǎn)生的數(shù)字或符號,生成一幅圖片,圖片里加上一些干擾象素(防止OCR),由用戶肉眼識別其中的驗證碼信息,輸入表單提交網(wǎng)站驗證,驗證成功后才能使用某項功能。使用這項功能的好處還在于防止用戶利用機器人自動灌水以及防止某些用戶采用暴力破解方式對管理員密碼進行不斷的登陸嘗試。因此這項功能被應(yīng)用在管理員登入界面以及用戶輸入留言信息界面。 在本系統(tǒng)中實現(xiàn)了兩種輸出驗證碼的方法,在介紹這兩種方法之前必需介紹一下GD庫。GD庫是PHP處理圖形的擴展庫,它提供了一系列用來處理圖片的API,使用GD庫可以處理圖片,或者生成圖片。因此第一種方法就是對于那些支持GD庫的空間,調(diào)用PHP的GD庫函數(shù)來生成圖像再搭配PHP的“RAND”函數(shù)來生成隨機數(shù)最終制作出驗證碼。第二種方法就是對于不支持GD庫的空間,系統(tǒng)判別后將自動調(diào)用編寫的256色BMP圖像輸出函數(shù),自定義生成256色BMP圖片。然后在配合一個圖像輸出文件生成驗證碼。下面具體介紹一下第二種方法的實現(xiàn)過程。 我們要讓系統(tǒng)輸出BMP圖片就必需了解BMP文件的結(jié)構(gòu)。BMP文件主要是由文件頭、位圖信息頭、顏色信息和圖形數(shù)據(jù)四部分組成。在合理配置了文件頭、位圖信息頭、顏色信息后,將本系統(tǒng)要顯示的驗證碼數(shù)據(jù),即0到9和a到z共36個字符的圖形數(shù)據(jù)錄入到BMP圖像輸出函數(shù)中,最后再使用三個嵌套的for語句逐行、逐字、逐像素地輸出圖像數(shù)據(jù),這樣就實現(xiàn)了BMP圖片的輸出。當(dāng)然這其中還要用到PHP的“RAND”函數(shù)來保證輸出的驗證碼是一串隨機數(shù)。下面就給出100象素的字符在400象素的方框內(nèi)隨機定位的256色BMP圖片生成函數(shù)的核心代碼:$ra_sjrand0,3。 //隨機產(chǎn)生背景色$li 0。// 逐行,逐字,逐像素地輸出圖像數(shù)據(jù)for$i 19。 $i 0。 $i // 歷經(jīng)所有行 $li++。 for$ii 0。 $ii $num。 $ii++ //歷經(jīng)所有字 for$iii 0。 $iii 20。 $iii++ //歷經(jīng)所有像素,一個字20個像素 $ra_sjsrand0,7。 //隨機雜色 ifrand0,100 $cOdds //雜點出現(xiàn)的機率 $imgnei$imgnei.$vColorData[$ra_sjs]。 //雜色 else ifx_y$iii,$li,$ii0 //坐標(biāo)在10*10px的方框中 $di20$rand_sj[$ii][2]9。 $di$i$di。 $di$di * 10 + $iii$rand_sj[$ii][0]。 if$vNumberData[$vCode[$ii]]$di1 //不在字符上 $imgnei$imgnei.$vColorData[$ra_sj]。 //背景顏色 else $ra_sjsrand8,12。 $imgnei$imgnei.$vColorData[$ra_sjs]。 //字符顏色 else //背景顏色 $imgnei$imgnei.$vColorData[$ra_sj]。 echo$imgnei。 //輸出圖像 另外還有一個聊天室功能。聊天室主要分為WebChat、BBSChat兩種。BBSChat是基于Telnet的Tcp協(xié)議,是BBS的附設(shè)功能,需要客戶端有Telnet程序。WebChat則采用瀏覽器方式,實際上是一個多人共同使用的CGI程序。其基本原理是把每個用戶的發(fā)言通過瀏覽器傳給系統(tǒng),再由系統(tǒng)收集處理后分發(fā)給特定用戶。本系統(tǒng)的聊天室就是采用WebChat的Client Pull技術(shù),該技術(shù)是利用Html語言的Meta標(biāo)簽“equivRefresh”的屬性,每隔一段時間就檢查服務(wù)器上是否有新的數(shù)據(jù)。同時,為防止數(shù)據(jù)庫無限增大,還設(shè)計了刪除陳舊數(shù)據(jù)的功能。這種方法簡單有效,能夠基本滿足用戶的需求。結(jié) 論 通過以上的研究和實踐,可以預(yù)見基于PHP實現(xiàn)的網(wǎng)上留言管理系統(tǒng)因為它簡單豐富的功能和方便快捷的交流方式,將會在互聯(lián)網(wǎng)時代中,大有作為。網(wǎng)上留言系統(tǒng)也將由于越來越多的人學(xué)習(xí)和使用PHP語言,而變得更加完善。下面總結(jié)一下本次課題研究的一些收獲和不足。 首先,通過畢業(yè)設(shè)計學(xué)會了使用MVC思想開發(fā)簡單的網(wǎng)絡(luò)軟件。這種開發(fā)模式的最大特點是多個視圖能夠共享一個模型,同時它將應(yīng)用程序的輸入、處理和輸出分開,從而解決了傳統(tǒng)動態(tài)網(wǎng)頁開發(fā)中將像數(shù)據(jù)庫查詢語句這樣的數(shù)據(jù)層代碼和像HTML這樣的表示層代碼混在一起的問題。因此提高了編程人員的開發(fā)效率,使得系統(tǒng)的結(jié)構(gòu)更加清晰,管理也更加方便。 其次,還研究了BMP圖像文件的結(jié)構(gòu),學(xué)會了如何建立SOCKET會話,并根據(jù)SMTP協(xié)議發(fā)送郵件。另外還為系統(tǒng)加入了身份驗證,密碼管理,驗證碼,Session等功能,從而增強了系統(tǒng)的安全性。 最后,本系統(tǒng)存在一個不足之處就是沒有設(shè)計客戶的注冊登入功能,這樣就給管理員管理客戶帶來了不便。但不開發(fā)這項功能也是從網(wǎng)上留言系統(tǒng)的實際應(yīng)用出發(fā),如果開發(fā)了注冊登入功能就會增加客戶的操作次數(shù),從而影響客戶對系統(tǒng)的滿意度。總之,開發(fā)網(wǎng)上留言管理系統(tǒng)最重要的工作就是要處理好整體架構(gòu)與技術(shù)細(xì)節(jié)之間的關(guān)系,它是一個不斷協(xié)調(diào)和平衡的過程,只有將這兩方面處理和諧了,最終才能得到一個完美的作品。 參考文獻[1] Luke Welling/Laura Thomson[美].PHP和MySQL Web開發(fā)原書第三版[M].武欣/:機械工業(yè)出版社,2005。[2] 勒道夫[美].PHP程序設(shè)計[M].:中國電力出版社,。[3] PHP5開發(fā)手則[EB].////0.[4] MYSQL中文手冊[EB].////.[5] MVC模式[OL]. ////.[6] BMP文件結(jié)構(gòu)[OL]. ////.[7] [OL]. ////.[8] 讓插入到 innerHTML 中的 Script 跑起來[OL]. ////.致 謝 本文是在歐曉聰老師的熱情關(guān)心和指導(dǎo)下完成的,他淵博的知識和嚴(yán)謹(jǐn)?shù)闹螌W(xué)作風(fēng)使我受益匪淺,對順利完成本課題起到了極大的作用。在此向他表示我最衷心的感謝! 在論文完成過程中,本人還得到了金虎老師和韓光同學(xué)的熱心幫助,本人向他們表示深深的謝意! 最后向在百忙之中評審本文的各位專家、老師表示衷心的感謝! 作者簡介:成都信息工程學(xué)院網(wǎng)絡(luò)工程三班學(xué)生姓 名:李偉性別:男出生年月:1984年12月13日民族:漢Email:lw2003032085@tom 聲 明 本論文的工作是2007年02月至2007年06月在成都信息工程學(xué)院網(wǎng)絡(luò)工程系完成的。文中除了特別加以標(biāo)注地方外,不包含他人已經(jīng)發(fā)表或撰寫過的研究成果,