基于PHP的留言板系統(tǒng)設(shè)計(jì)標(biāo)準(zhǔn)格式超值

1、石家莊-學(xué)院頂崗實(shí)習(xí)崗位技術(shù)工作論文 基于PHP的留言板系統(tǒng)設(shè)計(jì)學(xué) 號(hào): - 姓 名: - 專 業(yè): 軟件技術(shù) 年 級(jí): 12級(jí) 企業(yè)指導(dǎo)老師: - 二一五年三月題 目 基于PHP的留言板系統(tǒng)設(shè)計(jì) 企業(yè)指導(dǎo)教師評(píng) 語 踏實(shí)肯干，吃苦耐勞。有創(chuàng)造性、建設(shè)性地獨(dú)立開展工作的思維;具有一定的開拓和創(chuàng)新精神，接受新事物較快，涉獵面較寬，在計(jì)算領(lǐng)域不斷地探索，有自己的思路和設(shè)想。能夠做到服從指揮，認(rèn)真敬業(yè),工作責(zé)任心強(qiáng)，工作效率高,執(zhí)行公司指令堅(jiān)決。在時(shí)間緊迫的情況下，加時(shí)加班、保質(zhì)保量完成工作任務(wù)。 指導(dǎo)教師 (簽章) 年 月 日 目 錄第一章 前言11.1 簡介11.2 留言板系統(tǒng)研究的意義1第二章

2、 留言板所用技術(shù)介紹22.1 PHP介紹22.2 MySQL介紹32.3 JavaScript介紹3第三章 留言板系統(tǒng)總體設(shè)計(jì)43.1 開發(fā)環(huán)境及工具43.2 系統(tǒng)功能設(shè)定43.3 留言板系統(tǒng)操作流程6第四章 留言板系統(tǒng)的詳細(xì)設(shè)計(jì)84.1 MySQL設(shè)計(jì)數(shù)據(jù)庫84.2 首頁設(shè)計(jì)94.3 登錄功能設(shè)計(jì)114.4 注冊(cè)功能設(shè)計(jì)124.5 查看及回復(fù)功能設(shè)計(jì)134.6 留言功能設(shè)計(jì)144.7 我的留言及刪除功能設(shè)計(jì)154.8 查找功能設(shè)計(jì)16結(jié) 論17致 謝18參考文獻(xiàn)19摘 要隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)站在生活中的作用已經(jīng)越來越顯著。網(wǎng)站被稱為雜志、電視、廣播、報(bào)紙以外的第五媒體數(shù)字媒體，有著巨大的優(yōu)勢

3、，所以很多公司現(xiàn)在都有或者正在建設(shè)自己的網(wǎng)站。而留言板是網(wǎng)站組成中的重要一員，是一個(gè)提供給大家網(wǎng)絡(luò)交流機(jī)會(huì)的重要平臺(tái)，這是一種最簡單的BBS應(yīng)用程序，在它的幫助下，訪問者可以以留言的方式給網(wǎng)站管理員、版主或其他瀏覽者留言或提出問題。本文主要介紹了留言板系統(tǒng)的設(shè)計(jì)思想和編輯方法，從留言板的重要性以及PHP編程語言和MySQL數(shù)據(jù)庫的發(fā)展和意義出發(fā)，逐步介紹出整個(gè)設(shè)計(jì)思路方法和整個(gè)制作過程。本留言板主要實(shí)現(xiàn)以下幾個(gè)功能模塊：留言模塊、回復(fù)模塊和刪除模塊，并在此基礎(chǔ)上添加了一些其他實(shí)用的功能模塊。本文在最后總結(jié)了自己在整個(gè)設(shè)計(jì)制作途中的收獲與體會(huì)。關(guān)鍵字：留言板； PHP； MySQL數(shù)據(jù)庫第一章

4、前言1.1 簡介留言板是一種企業(yè)常用的網(wǎng)站，任何企業(yè)想要發(fā)展都需要即時(shí)的收集信息和接受各種信息反饋，而留言板網(wǎng)站恰恰可以提供這樣一個(gè)供企業(yè)和個(gè)人之間信息交流的平臺(tái)，于是留言板系統(tǒng)就誕生了。當(dāng)然，留言板也不只是適用于企業(yè)，學(xué)校、政府、團(tuán)體都是它的服務(wù)對(duì)象?？v觀各大網(wǎng)站、各大企業(yè)，幾乎都擁有自己的一套留言板系統(tǒng)，只有即時(shí)的通過留言板系統(tǒng)收集、處理反饋信息，才能逐步了解自身的缺陷并逐步完善自身的功能。1.2 留言板系統(tǒng)研究的意義如今，互聯(lián)網(wǎng)與人們的日常生活已密不可分，網(wǎng)站已不僅僅是企業(yè)的專屬了，學(xué)校、團(tuán)體甚至是個(gè)人都需要有一個(gè)專屬于自己的網(wǎng)站，而網(wǎng)站最常備的功能之一就是反饋、收集信息的平臺(tái)。換言之，

5、每個(gè)人都需要一個(gè)留言板?，F(xiàn)在留言板對(duì)于用戶來說已屢見不鮮，其作用已經(jīng)越來越突出，而縱觀各網(wǎng)站，發(fā)現(xiàn)現(xiàn)在好多網(wǎng)站的留言板都是用ASP.Net和Access設(shè)計(jì)的，本人綜合考慮了網(wǎng)站的優(yōu)越性和安全性之后決定，本留言板將采用時(shí)下流行的PHP語言并用MySQL數(shù)據(jù)庫為其提供數(shù)據(jù)庫支持。第二章 留言板所用技術(shù)介紹2.1 PHP介紹PHP，即Hypertext Preprocessor，在不久之前我們也稱其為Personal Home Page，從字面意思上來看，它包含三方面的意思：personal是指運(yùn)用了微軟的personal技術(shù)，因此其具有封裝對(duì)象的作用；home是指PHP是在服務(wù)器端運(yùn)行的，因此有

6、易在用戶端顯示的作用；而page是指程序最終會(huì)返回標(biāo)準(zhǔn)的HTML頁面，因此有瀏覽器適用率高的作用。PHP是一種簡單易學(xué)的開源的服務(wù)器端腳本語言。它集合了眾多編程語言的特點(diǎn)，可以將PHP程序嵌入到HTML中而互不影響各自的執(zhí)行，效率要完全高于同類語言，因此，PHP常被用于web開發(fā)，而我們所熟知的新浪就是一個(gè)典型的用PHP開發(fā)的網(wǎng)站。8作為時(shí)下最流行的網(wǎng)頁編程語言，PHP主要有以下幾個(gè)優(yōu)點(diǎn)：1.PHP的入門門檻低，一般來說，一個(gè)只需有很少的編程知識(shí)的人就能輕易學(xué)習(xí)并使用PHP語言建立一個(gè)交互的WEB網(wǎng)站。32.語言相容性好?？梢酝瑫r(shí)和多種語言結(jié)合使用，如VBScript、Jscript、HTML

7、等。3.使用的編程環(huán)境方便。首先，配置就比較方便，不必去繁瑣的添加環(huán)境參數(shù)，只需要下載一個(gè)簡單的環(huán)境軟件即可一步解決繁瑣的配置過程，最常見的如wamp。其次，書寫的環(huán)境也簡單方便，記事本之類的文本編輯器均可使用，如記事本、Eclipse、EditPlus、Dreamweaver等。4.瀏覽網(wǎng)頁簡單，速度也快。PHP運(yùn)行于服務(wù)器端，這樣一來我們就不用擔(dān)心使用的瀏覽器是否對(duì)PHP語言支持，只要瀏覽器可以執(zhí)行HTML即可，而瀏覽器幾乎都是支持HTML的，所以由PHP編程的網(wǎng)頁大大減輕了客戶端瀏覽器的工作負(fù)擔(dān)，瀏覽的速度也自然而然的加快了。45.代碼的安全性好。PHP的程序代碼是隱藏起來的，客戶端上看

8、到的都是直接輸出的動(dòng)態(tài)HTML文件，因此很好的避免了別人的剽竊行為。6.面向?qū)ο?。時(shí)下流行的編程語言都講究面向?qū)ο螅鳳HP作為時(shí)下最流行的網(wǎng)頁編程語言當(dāng)然也是支持面向?qū)ο蟮摹?.訪問數(shù)據(jù)庫方便。可以輕松取得互聯(lián)網(wǎng)中的數(shù)據(jù)庫，然后迅速的在用戶端上顯示出來。8.跨平臺(tái)。可以在多種操作系統(tǒng)下運(yùn)行，如在Windows、Mac OS、Linux、UNIX等系統(tǒng)下都是可以良好的運(yùn)行的。9.完全免費(fèi)。這也是最令開發(fā)者開心的理由之一，一個(gè)完全不用花錢的開源產(chǎn)品，你可以隨時(shí)隨地的通過PHP官網(wǎng)自由下載而無須承擔(dān)任何費(fèi)用！1綜上所述，本設(shè)計(jì)采用PHP編程語言是十分具有意義的！2.2 MySQL介紹MySQL數(shù)據(jù)

9、庫是一個(gè)由瑞典MySQL AB公司開發(fā)，后又被Oracle公司收購的開源的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。經(jīng)過公司長期不斷的努力，現(xiàn)如今MySQL數(shù)據(jù)庫已憑借其簡單易用、安全、高性能、經(jīng)濟(jì)、開源、可拓展性強(qiáng)等特點(diǎn)成為目前全球最流行的數(shù)據(jù)庫管理系統(tǒng)之一，尤其是在web領(lǐng)域，MySQL可以說是同類數(shù)據(jù)庫系統(tǒng)中的佼佼者。尤其是其開源、小體積、成本低的優(yōu)點(diǎn)深受中小型網(wǎng)站的喜愛，不僅網(wǎng)站質(zhì)量可以得到保障，還為企業(yè)自身節(jié)約了大量的成本。9同時(shí)，選用MySQL數(shù)據(jù)庫還有如下幾點(diǎn)理由：1.MySQL是通過C和C+進(jìn)行編寫的，并且通過了多種編譯器的測試，其源代碼的可移植性得到了良好的保障。2.MySQL是支持多線程的，所

10、以有效的節(jié)約利用了CPU的資源。3.提供多種編碼語言的支持，常見的如ANSI、Unicode、UTF-8、GB 2312編碼等，這些都是可以作為數(shù)據(jù)表或數(shù)據(jù)列名稱的。4.MySQL雖然使用的是標(biāo)準(zhǔn)的SQL數(shù)據(jù)語言形式，但是MySQL的查詢速度是非?？斓模鞘且?yàn)槠鋬?yōu)化了SQL查詢的算法，使查詢變得更高效了。5.MySQL有非常方便的管理工具，可以提供查找、管理、數(shù)據(jù)優(yōu)化等操作。6.MySQL雖然體積小，但是其處理能力是十分強(qiáng)大的，可以處理成千上萬條的大型數(shù)據(jù)庫。7.MySQL是可以支持多種操作系統(tǒng)的，包括常見的微軟的Windows系統(tǒng)、蘋果的Mac OS系統(tǒng)、開發(fā)常用的Linux和UNIX系統(tǒng)

11、，甚至是不常見的AIX、Novell NetWare、Solaris等操作系統(tǒng)都是可以很好的支持的。8.最重要的一點(diǎn)，那就是MySQL對(duì)PHP有著非常棒的支持，而PHP則是時(shí)下最流行的網(wǎng)站開發(fā)語言，也正是我這次留言板系統(tǒng)設(shè)計(jì)所要用到的編程語言！2.3 JavaScript介紹JavaScript也是一種被廣泛應(yīng)用于網(wǎng)站開發(fā)的編程語言。它是一種安全性相對(duì)較好的基于對(duì)象和事件驅(qū)動(dòng)的腳本語言。這是一種動(dòng)態(tài)、弱類型的語言，我們常用它來給網(wǎng)頁添加一些動(dòng)態(tài)功能。本次設(shè)計(jì)雖然會(huì)用到JavaScript語言，但不會(huì)過多的使用，僅僅是讓其與PHP相互配合，開發(fā)出一個(gè)更加漂亮、功能更加強(qiáng)大、交互性更好的留言板系統(tǒng)

12、來。第三章 留言板系統(tǒng)總體設(shè)計(jì)3.1 開發(fā)環(huán)境及工具本次設(shè)計(jì)使用最常見的Windows系統(tǒng)，環(huán)境配置軟件為WampServer。WampServer是一個(gè)Windows Apache MySQL PHP的集成安裝環(huán)境，使用WampServer軟件可以一鍵為PHP和MySQL設(shè)置好運(yùn)行環(huán)境，省去繁瑣的配置過程。10并且WampServer支持多達(dá)二十幾種語言，可以輕松設(shè)置為中文簡體，方便國人使用，省時(shí)省力！編程軟件使用Dreamweaver，Dreamweaver就是我們常說的“DW”，是由Adobe公司旗下的一款具有網(wǎng)頁制作與管理網(wǎng)站功能的網(wǎng)頁編輯器。Adobe公司是一家全球頂尖的數(shù)字媒體供應(yīng)

13、商，其在設(shè)計(jì)領(lǐng)域有著最權(quán)威的認(rèn)證，我們常用的Photoshop就是Adobe旗下的一款平面設(shè)計(jì)軟件，我采用的Dreamweaver也正是Adobe旗下的強(qiáng)大的網(wǎng)頁創(chuàng)作利器！其中文名更是被譯為“夢想編織者”！23.2 系統(tǒng)功能設(shè)定要建成功一個(gè)優(yōu)秀的網(wǎng)站一定要有一個(gè)網(wǎng)站建立前規(guī)劃，只有提前準(zhǔn)確、清晰、具體規(guī)劃好網(wǎng)站建立的目的、服務(wù)以及服務(wù)對(duì)象可能的需求，才能盡量避免建立網(wǎng)站時(shí)可能犯得錯(cuò)誤，使網(wǎng)站更貼近用戶的生活需求。經(jīng)過對(duì)各大網(wǎng)站留言板系統(tǒng)和論壇系統(tǒng)的調(diào)研，該留言板系統(tǒng)也將采用傳統(tǒng)的兩個(gè)主體部分設(shè)計(jì)即前臺(tái)功能和和后臺(tái)功能。前臺(tái)功能面向的對(duì)象主要是用戶，即用戶的注冊(cè)、登錄、查看等功能；后臺(tái)功能面對(duì)的

14、對(duì)象主要是管理員，這部分的功能是普通用戶所無法觸及的，是全部由管理員在后臺(tái)進(jìn)行操控的，主要體現(xiàn)在管理員對(duì)所有留言的查找和刪除上，總管理權(quán)限上要遠(yuǎn)遠(yuǎn)大于在前臺(tái)操作的用戶群體們。留言系統(tǒng)的功能模塊具體如下：1.注冊(cè)功能模塊：提供給用戶注冊(cè)功能，注冊(cè)后的用戶方可在留言板上留言。2.登錄功能模塊：提供給注冊(cè)過的用戶登錄，沒有注冊(cè)過的用戶可以申請(qǐng)注冊(cè)。登錄時(shí)賬號(hào)和密碼不一致不給于登錄，并返回錯(cuò)誤信息。登錄后的用戶將在留言板首頁上方顯示歡迎該用戶，此時(shí)，用戶可以進(jìn)行留言，并且擁有可以查看自己曾經(jīng)留言并將其刪除的權(quán)限，但是不是該用戶的留言用戶無權(quán)刪除。3.查看留言功能模塊：留言將采用按時(shí)間倒序排列的方式，把

15、信息由新到舊排列。已經(jīng)登錄與未登錄的用戶均可以查看留言，但未登錄的用戶僅具有查看留言的功能，登錄后方可獲得更多功能。為了界面的整潔、美觀，留言內(nèi)容一欄將限制顯示字?jǐn)?shù)，最多為十個(gè)字，其余將用省略號(hào)代替，如需查看全部內(nèi)容點(diǎn)擊內(nèi)容文字即可進(jìn)入查看全部內(nèi)容與回復(fù)的界面。4.留言功能模塊：登錄后的用戶有權(quán)限留言，留言界面將顯示留言標(biāo)題與留言內(nèi)容。留言標(biāo)題可以輸入最多十個(gè)字，超出部分不能添加。下方有“提交”按鈕與“重置”按鈕，“重置”功能可以把文字一鍵全部刪除，方便修改。確定留言點(diǎn)提交按鈕即可。5.我的留言功能模塊：登錄后的用戶擁有此權(quán)限。點(diǎn)擊“我的留言”后跳轉(zhuǎn)到自己曾經(jīng)留言的界面，并且在留言后面顯示刪除

16、按鈕，此時(shí)用戶擁有刪除留言的功能。6.注銷登錄功能模塊：登錄后的用戶可見“注銷”按鈕，提供給已登錄的用戶注銷的功能。7.管理員登錄的功能模塊：管理員在輸入管理員賬號(hào)和密碼成功登錄后，將激活隱藏的高權(quán)限管理頁面，此時(shí)可以按關(guān)鍵字在所有的留言標(biāo)題或留言內(nèi)容中進(jìn)行查找，并且在所有留言后面均顯示刪除按鈕，管理員有權(quán)刪除任何人的留言！8.翻頁功能模塊：頁面將自動(dòng)統(tǒng)計(jì)留言總條數(shù)，并以12條為一頁進(jìn)行自動(dòng)分頁。頁面底端將顯示“當(dāng)前*/*頁 共計(jì)*條 首頁 上一頁 下一頁 末頁”字樣，點(diǎn)擊對(duì)應(yīng)翻頁功能字樣獲取翻頁功能。9.查找功能模塊：僅有管理員擁有此權(quán)限，也僅在管理員登錄后顯示此功能?？梢园搓P(guān)鍵字在所有留言

17、的標(biāo)題和內(nèi)容中進(jìn)行查找，并以列表的形式顯示出來。10.刪除功能模塊：僅登錄用戶擁有此權(quán)限，也僅在登錄后顯示此功能，但是管理員可以刪除所有人的留言，而用戶僅可以刪除自己的留言。在刪除權(quán)限上管理員要大于用戶。刪除時(shí)系統(tǒng)會(huì)自動(dòng)提示是否刪除，以防止誤操作刪除。11.回復(fù)功能模塊：用戶登錄后激活回復(fù)功能模塊，顯示全部內(nèi)容界面底端出現(xiàn)回復(fù)窗口，點(diǎn)擊回復(fù)可以對(duì)該條留言進(jìn)行回復(fù)。留言板系統(tǒng)的功能模塊體系圖如圖3-1所示：圖3-1 留言板功能模塊體系圖留言板系統(tǒng)的用戶與管理員權(quán)限表如表3-1所示：表3-1 用戶與管理員權(quán)限表用戶 權(quán)限未登錄用戶已登錄用戶管理員查看留言權(quán)限是是是添加留言權(quán)限否是是查看我的留言權(quán)限

18、否是是刪除自己留言權(quán)限否是是回復(fù)權(quán)限否是是刪除所有人留言權(quán)限否否是查找權(quán)限否否是3.3 留言板系統(tǒng)操作流程在設(shè)計(jì)完成各個(gè)功能模塊和權(quán)限后，接下來需要的就是把各個(gè)功能都串聯(lián)成一個(gè)整體，使其可以連貫的執(zhí)行，并且把權(quán)限按照對(duì)應(yīng)關(guān)系附加上去，這樣才是一個(gè)完整的留言板系統(tǒng)。首先進(jìn)入主頁后，用戶要想留言必須要先登錄，沒有賬戶的可以注冊(cè)。登錄后系統(tǒng)會(huì)判斷是管理員賬戶還是用戶賬戶，并顯示不能的歡迎語。系統(tǒng)判斷完成后會(huì)給予不同賬戶不同的權(quán)限，用戶可以擁有查看留言權(quán)限、添加留言權(quán)限、查看我的留言權(quán)限、刪除自己留言權(quán)限、回復(fù)權(quán)限，而管理員除了上述權(quán)限外還擁有查找權(quán)限和刪除所有人留言的權(quán)限。具體的留言板系統(tǒng)操作流程圖

19、如圖3-2所示：圖3-2 留言板系統(tǒng)操作流程圖第四章 留言板系統(tǒng)的詳細(xì)設(shè)計(jì)4.1 MySQL設(shè)計(jì)數(shù)據(jù)庫在設(shè)計(jì)工具和設(shè)計(jì)總體方案都確定之后，就是詳細(xì)的系統(tǒng)設(shè)計(jì)了。因?yàn)榫帉戫撁娴臅r(shí)候需要將程序連接到數(shù)據(jù)庫當(dāng)中，并引用數(shù)據(jù)庫中設(shè)計(jì)好的數(shù)據(jù)來控制程序和數(shù)據(jù)，所以一切的設(shè)計(jì)需要從數(shù)據(jù)庫的設(shè)計(jì)開始。首先，要用MySQL數(shù)據(jù)庫建立一個(gè)供本次設(shè)計(jì)存放的數(shù)據(jù)庫，起名為“design”，之后的數(shù)據(jù)表都在此庫中創(chuàng)建。然后開始創(chuàng)建第一個(gè)數(shù)據(jù)表，因?yàn)榱粞园逑到y(tǒng)需要一個(gè)數(shù)據(jù)表來儲(chǔ)存用戶的名字和密碼，所以第一個(gè)數(shù)據(jù)表就定名為“user”，里面添加三個(gè)字段：“id”、“name”、“password”，分別用來存放id、用戶

20、名和密碼。“user”數(shù)據(jù)表如表4-1所示：表4-1 “user”數(shù)據(jù)表字段名稱類型作用idint自動(dòng)編號(hào)namevarchar存放名字passwordint存放密碼然后，我們將還需要一個(gè)用來儲(chǔ)存留言的數(shù)據(jù)表，起名為“l(fā)iuyan”。本留言板系統(tǒng)要顯示的留言信息大致為：標(biāo)題、內(nèi)容、留言人、ip地址、留言時(shí)間，依次為其創(chuàng)建字段：“title”、“content”、“name”、“ip”、“time”，“l(fā)iuyan”數(shù)據(jù)表如表4-2所示：表4-2 “l(fā)iuyan”數(shù)據(jù)表字段名稱類型作用idint自動(dòng)編號(hào)titlevarchar存放標(biāo)題contentvarchar存放留言內(nèi)容namevarchar

21、存放留言人ipvarchar存放ip地址timedatetime存放留言時(shí)間最后，再為供用戶對(duì)留言進(jìn)行回復(fù)的數(shù)據(jù)建一個(gè)數(shù)據(jù)表，因?yàn)榱粞缘幕貜?fù)要和被回復(fù)的留言對(duì)應(yīng)起來，所以要多創(chuàng)建一個(gè)字段用來標(biāo)記被回復(fù)的留言的“id”，我們可以將用來標(biāo)記的這條留言的字段起名為“bj”，則此數(shù)據(jù)表內(nèi)需要添加如下幾個(gè)字段：“id”、“name”、“content”、“bj”，分別用來存放id、回復(fù)者用戶名、回復(fù)內(nèi)容、留言回復(fù)標(biāo)記，這樣，數(shù)據(jù)庫的設(shè)計(jì)就告一段落了！“huifu”數(shù)據(jù)表如表4-3所示：表4-3 “huifu”數(shù)據(jù)表字段名稱類型作用idint自動(dòng)編號(hào)namevarchar存放回復(fù)人姓名contentvar

22、char存放回復(fù)內(nèi)容bjint用來標(biāo)記被回復(fù)的留言的id數(shù)據(jù)庫結(jié)構(gòu)圖如圖4-1所示：圖4-1 數(shù)據(jù)庫結(jié)構(gòu)圖4.2 首頁設(shè)計(jì)首頁是游客對(duì)網(wǎng)站的第一印象，一個(gè)好的首頁有利于提高游客對(duì)網(wǎng)站的好感度與興趣，一個(gè)合理的布局往往能為你吸引更多的用戶。本首頁的布局主要由三部分組成：上方的標(biāo)題欄、中間的顯示區(qū)以及下方的翻頁功能區(qū)。首先，需要建立一個(gè)主頁的編程文件，取名為index.php，由于此頁要記錄登錄狀態(tài)，所以開始處先使用session_start()函數(shù)，然后為了頁面的美觀，可以為頁面設(shè)立一個(gè)背景圖片，點(diǎn)擊修改頁面屬性背景圖片進(jìn)行添加。最后，開始詳細(xì)的編程設(shè)計(jì)，主要由以下幾步：1.連接數(shù)據(jù)庫。將設(shè)計(jì)好

23、的數(shù)據(jù)庫與頁面連接起來，形成一個(gè)有機(jī)整體。由于下面的代碼要使用數(shù)據(jù)庫中的數(shù)據(jù)，所以數(shù)據(jù)庫的連接一定要放在程序之前寫入，具體的連接代碼為：<?php$link=mysql_connect("localhost","root","");mysql_select_db("design",$link);mysql_query("set names 'utf8'");?>2.標(biāo)題欄設(shè)計(jì)。為了網(wǎng)站頁面的統(tǒng)一性，標(biāo)題欄將采用幾乎所有頁面一致的布局，只是更改功能顯示的方式來設(shè)計(jì)，因此

24、可以把標(biāo)題欄單獨(dú)新建為一個(gè)編程文件，然后包含到所需要此頁面的程序中，此編程文件就定名為“menu.php”。然后打開新建的“menu.php”文件并使用h2標(biāo)簽為此頁面添加標(biāo)題“我的留言板”，之后用if語句作出第一個(gè)判斷，如果記錄的是管理員的賬戶，則顯示“歡迎管理員：*”字樣，如果是用戶的話，則顯示“歡迎*！”，充分體現(xiàn)登錄者的身份！并且，在歡迎語之后顯示有用input標(biāo)簽編輯的注銷按鈕，點(diǎn)擊即可注銷。當(dāng)然，如果沒有記錄到任何登錄信息的話是不顯示這些歡迎語的，顯示出來的將會(huì)是用input標(biāo)簽編輯的button按鈕“登錄”，點(diǎn)擊即可跳轉(zhuǎn)到登錄頁面。再往右，顯示的則是供用戶點(diǎn)擊使用的功能：添加留言

25、、我的留言、查看留言、搜索。其中，未登錄的用戶只能看到添加留言和查看留言，且添加留言是無法使用的，點(diǎn)擊只會(huì)彈出提示框，提示“請(qǐng)先登錄！”，這部分的提示框是用jscript腳本語言來實(shí)現(xiàn)的；已登錄的用戶能看到的功能有添加留言、我的留言、查看留言，最后的搜索功能是只有已登錄的管理員才可以使用的，方便管理員對(duì)留言信息進(jìn)行搜索管理。這一欄功能的不同顯示主要是通過if語言來實(shí)現(xiàn)的。3.顯示區(qū)設(shè)計(jì)。為了留言可以整齊的呈現(xiàn)在用戶面前，本留言板將采用table表單來顯示留言的內(nèi)容。首先，在最上方用比總標(biāo)題小一號(hào)的h3字號(hào)寫入“查看留言”來表示此頁面所表示的內(nèi)容，然后用table表單創(chuàng)建一個(gè)6列的表單，分別添加

26、：留言標(biāo)題、留言內(nèi)容、留言人、ip地址、留言時(shí)間、操作。其中“操作”一項(xiàng)用if語句隱藏起來，控制為僅管理員可見。其次，連接數(shù)據(jù)庫“design”，使用sql語句對(duì)數(shù)據(jù)庫中的“l(fā)iuyan”數(shù)據(jù)表進(jìn)行搜索，同時(shí)用while語句循環(huán)，直到把所有的留言信息全部列出來為止。最后，使用if語句判斷，如果是管理員賬戶的話，將在操作一欄下面的為每條信息顯示刪除選項(xiàng)。這里還有一個(gè)細(xì)節(jié)需要注意，那就是如果留言內(nèi)容過多的話表格自動(dòng)調(diào)節(jié)大小就會(huì)把界面調(diào)的很難看，為了能避免這個(gè)缺陷，需要把多余的字符都用省略號(hào)替換掉，這也是此步的難點(diǎn)，經(jīng)過多次測試，最后決定保留十個(gè)漢子大小，后面的全部由“”代替，字符替換源代碼如圖4-

27、2所示：圖4-2 字符源替換代碼4.翻頁功能區(qū)。翻頁功能主要通過將sql語句中的where和limit改為變量$where與$limit，然后通過改變$where和$limit的值來實(shí)現(xiàn)。定為12條每頁，顯示效果為“當(dāng)前*/*頁 共計(jì)*條 首頁 上一頁 下一頁 末頁”。主頁界面圖如圖4-3所示：圖4-3 主頁界面圖4.3 登錄功能設(shè)計(jì)留言板不能隨隨便便的供任何人留言，為了有一個(gè)基本的統(tǒng)計(jì)和整理，必須要有登錄功能，只有登錄后的用戶才能顯示出留言、刪除等功能，不登錄的用戶只能查看留言。登錄功能的設(shè)計(jì)主要分以下幾步：1.建立文件。登錄需要分兩部分執(zhí)行，分別建立“denglu.php”和“denglu

28、2.php”文件,“denglu.php”用于顯示登錄界面，并發(fā)送登錄時(shí)填寫的信息，“denglu2.php”用于接收“denglu.php”發(fā)送過來的信息并進(jìn)行處理、提示。2.“denglu.php”設(shè)計(jì)。用form表單編寫一個(gè)方法為“post”、指向“denglu2.php”的表單。為了界面的整齊美觀，外部可以用table表單編寫，顯示的功能內(nèi)容要有：用戶名、密碼、登錄、查看留言、沒有賬戶。登錄界面圖如圖4-4所示：圖4-4 登錄界面圖3.“denglu2.php”設(shè)計(jì)。登錄的頁面設(shè)計(jì)完成后，接下來就是登錄功能的實(shí)現(xiàn)，于是就要用到“denglu2.php”來處理前面提交的信息了。首先，依然

29、是連接數(shù)據(jù)庫，然后從數(shù)據(jù)庫中搜索對(duì)比提交過來的用戶名與密碼，如果和數(shù)據(jù)庫中的一致，則提示登錄成功，否則提示登錄失敗，提示重新登錄或者注冊(cè)。4.4 注冊(cè)功能設(shè)計(jì)對(duì)于沒有賬戶的用戶來說就需要用到注冊(cè)功能了，并且注冊(cè)的賬戶都是普通用戶，管理員賬戶無法通過注冊(cè)得到。注冊(cè)功能的設(shè)計(jì)主要為一下幾步：1.建立文件。注冊(cè)功能也同樣需要建立兩個(gè)文件來實(shí)現(xiàn)，命名為“zhuce.php”、“zhuce1.php”。“zhuce.php”用來供用戶填寫注冊(cè)信息并傳遞，“zhuce1.php”用來處理并將信息存入數(shù)據(jù)庫。2.“zhuce.php”設(shè)計(jì)。為了界面的整齊美觀，將沿用和登錄界面一樣的風(fēng)格。用form表單編寫一

30、個(gè)方法為“post”、指向“zhuce1.php”的表單。外部可以用table表單編寫一個(gè)4行2列的表單框起來，邊框設(shè)為0，背景設(shè)為黑色，內(nèi)容顏色設(shè)為白色。顯示的內(nèi)容要有：用戶名、密碼、重復(fù)密碼、用戶注冊(cè)、返回留言板。注冊(cè)界面圖如圖4-5所示：圖4-5 注冊(cè)界面圖3.“zhuce1.php”設(shè)計(jì)。首先，連接數(shù)據(jù)庫，然后把提交過來的信息進(jìn)行比對(duì)，合格則提示“注冊(cè)成功”，并在倒數(shù)5秒后自動(dòng)進(jìn)入登錄界面，不合格則提示“注冊(cè)失敗”。此步的重要步驟為倒數(shù)5秒后自動(dòng)跳轉(zhuǎn)功能的實(shí)現(xiàn)，需要運(yùn)用到JavaScript技術(shù)，跳轉(zhuǎn)功能程序源代碼如圖4-6所示：圖4-6 跳轉(zhuǎn)功能程序源代碼4.5 查看及回復(fù)功能設(shè)計(jì)這

31、里的查看功能主要指的是留言內(nèi)容的查看功能，之前已經(jīng)提到了留言的字?jǐn)?shù)會(huì)有限制，多于十個(gè)字后的內(nèi)容會(huì)用“”替代，所以這里就涉及到一個(gè)省略后的內(nèi)容的查看問題。所的設(shè)計(jì)方法是給留言內(nèi)容加一個(gè)鏈接，鏈接到一個(gè)專門用來顯示全部留言內(nèi)容的頁面，同時(shí)，也給這個(gè)頁面底端加一個(gè)回復(fù)功能，供其他用戶對(duì)這條留言進(jìn)行評(píng)價(jià)、回復(fù)。這樣，就又需要建立兩個(gè)文件了：“content.php”和“huifu.php”。1.“content.php”設(shè)計(jì)。“content.php”用來編寫顯示留言內(nèi)容及回復(fù)的頁面，首先，依舊是用session_start()函數(shù)來記錄登錄狀態(tài)、并用mysql語句連接數(shù)據(jù)庫。其次，用get函數(shù)接收來

32、自index.php傳過來的本條留言的id值，這樣你的程序就可以知道具體要從眾多數(shù)據(jù)中搜索哪條信息了。最后，用sql語句搜索并顯示出本條留言即可。至于底端回復(fù)功能的設(shè)計(jì)，基本上也是同樣原理，只要用form標(biāo)簽設(shè)計(jì)一個(gè)高60px、寬600px、透明屬性的textarea文本框，再用input設(shè)計(jì)一個(gè)提交按鈕和一個(gè)“hidden”標(biāo)簽把信息提交給“huifu.php”處理即可。內(nèi)容查看及回復(fù)界面如圖4-7所示：圖4-7 內(nèi)容查看及回復(fù)界面 2.“huifu.php”設(shè)計(jì)。“huifu.php”是用來處理“content.php”發(fā)送過來的指令并進(jìn)行提示的。基本用到的就是if函數(shù)、sql語句、Jav

33、aScript控制頁面跳轉(zhuǎn)這些技術(shù)。大致過程是這樣的：先用if判斷傳過來的回復(fù)內(nèi)容是否為空，如果不為空，則對(duì)應(yīng)傳過來的“bj”值把回復(fù)和留言對(duì)應(yīng)起來并存入數(shù)據(jù)庫（用sql語句實(shí)現(xiàn)），然后提示“回復(fù)成功”并5秒后自動(dòng)跳轉(zhuǎn)回去（用JavaScript實(shí)現(xiàn)）；如果為空，則提示“回復(fù)內(nèi)容不能為空”，也同樣5秒后自動(dòng)返回（用JavaScript實(shí)現(xiàn)）。4.6 留言功能設(shè)計(jì)既然是留言板，那么留言功能當(dāng)然是必不可少的了。同樣的，留言功能依舊是用兩個(gè)文件來實(shí)現(xiàn)，即“add.php” 和“DoAdd.php”。前者用來編輯留言功能的頁面展示，后者用來處理前者傳過來的信息。1.“add.php”設(shè)計(jì)。首先，用se

34、ssion_start()函數(shù)記錄登錄狀態(tài)，并用h3標(biāo)簽寫一個(gè)居中的標(biāo)題“添加留言”。其次，用form標(biāo)簽和table標(biāo)簽一起建一個(gè)指向“DoAdd.php”、方法為“post”、3行2列的表格，表格邊框?yàn)?，寬度為880px。最后，分別向表格中添加“標(biāo)題：”、“text文本框”、“留言內(nèi)容：”、“textarea文本框”、“提交按鈕”、“重置按鈕”，并適當(dāng)調(diào)整文本框的大小和字體大小。經(jīng)過反復(fù)測試，標(biāo)題高28px、寬200px、字號(hào)16px、居中為宜；留言內(nèi)容13行62列、字號(hào)16px為宜。此步關(guān)鍵細(xì)節(jié)在于標(biāo)題不宜過長，所以要向標(biāo)題格式中加入“maxlength=10”來限制最多輸入十個(gè)字。添

35、加留言界面如圖4-8所示：圖4-8 添加留言界面2.“DoAdd.php”設(shè)計(jì)。這部分執(zhí)行的代碼基本分為兩個(gè)部分，第一個(gè)部分用if語句判斷標(biāo)題或內(nèi)容是否為空，只要都不為空則繼續(xù)執(zhí)行，哪怕有一項(xiàng)為空都返回提示“標(biāo)題或內(nèi)容不能為空”；第二部分就是用sql語句將前面頁面?zhèn)鬟^來的值寫入數(shù)據(jù)庫中就可以了，基本沒有難度。4.7 我的留言及刪除功能設(shè)計(jì)我的留言功能就是查看本用戶曾經(jīng)留言的功能，刪除功能就是將其從數(shù)據(jù)庫中刪除使其不再顯示的功能，這兩個(gè)功能非常容易設(shè)計(jì)，每個(gè)功能只要一個(gè)頁面就可以解決，分別為其建立文件“mine.php”、“del.php”。1.“mine.php”設(shè)計(jì)?！癿ine.php”很好

36、設(shè)計(jì)，大部分代碼都可以直接從“index.php”復(fù)制粘貼，只要在控制留言顯示的代碼中用“l(fā)imit”函數(shù)限制為此用戶的“id”即可，這樣就可以讓MySQL從所有留言數(shù)據(jù)中篩選出來只屬于此用戶“id”的留言數(shù)據(jù)了，我的留言界面如圖4-9所示：圖4-9 我的留言界面2.“del.php”設(shè)計(jì)。這部分的代碼也很好寫，運(yùn)用四大SQL語句中的刪除語句就可以把對(duì)應(yīng)“id”的信息從數(shù)據(jù)庫中刪除。為了方便用戶，在提示“刪除成功”后用JavaScript加一個(gè)5秒后自動(dòng)跳轉(zhuǎn)返回的功能即可完成。4.8 查找功能設(shè)計(jì)接下來就是最后一個(gè)功能的設(shè)計(jì)了查找功能設(shè)計(jì)。查找功能是專門為管理員提供的，方便管理員對(duì)信息進(jìn)行檢索，對(duì)一些敏感詞匯可以及時(shí)檢索出來并進(jìn)行處理，在節(jié)