畢業設計（論文）題 目： 專 業： 班 級： 學 生： 指導教師： 摘 要 在Internet飛速發展的今天，互聯網已成為人們快速獲取、發布和傳遞信息的重要渠道，正以一種前所未有的沖擊力影響著人類的活動。它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在Internet應用上的地位顯的格外重要，它已成為政府、企事業單位信息化建設中的重要組成部分。現今的社會，人們已經離不開了網絡，網絡已經成為人與人之間交流的一種形式，它能夠把事情的復雜化轉為簡單化，擺脫了時間和空間的限制。網站為消費者提供了一個網絡生活空間，通過其網頁展示了企業介紹、企業榮譽、產品介紹、招商信息、加盟程序、留言等一系列內容的介紹。瀏覽者不僅可以利用留言板經濟而又快捷地與外界進行各種信息的溝通，也可以直接在網上申請加盟。本論文還介紹了網頁的結構分析和具體功能實現，網頁的界面和運作方式，盡力模擬近代網頁普遍性形式，成為一個完整的動態網站關鍵字Dreamweaver；Php；PhpMyAdmin；動態網頁16目 錄1 引言12 網頁制作概述12.1 網頁的類型12.1.1 靜態頁面12.1.2 動態頁面22.2 網頁開發技術22.3 網頁布局32.3.1 網頁布局的基本概念32.3.2網頁布局方法52.3.2 網頁布局技術72.4網頁配色82.5 網頁設計流程93 動態網頁開發環境和技術93.1 了解Dreamweaver開發工具93.2 Php語言基礎知識113.3 開發環境介紹124 設計及具體代碼實現124.1網頁結構設計124.2創建數據庫134.3主要模塊的代碼實現144.3.1 注冊代碼的實現144.3.2 登陸及退出登錄代碼的實現164.3.3留言代碼的實現184.4運行測試194.4.1 注冊194.4.2 登陸214.4.3留言224.5遇到的問題及解決方法23結 束 語24致 謝- 25 -參考文獻- 26 -1 引言網頁是網站信息發布與表現的一種主要形式。因此要實現一個網站，必須了解網頁制作的相關知識。較流行的開發工具有：Dreamweaver，Php，PhpMyAdmin。網頁制作要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；網頁制作通常就是將網頁設計師所設計出來的設計稿，按照W3C規范用html語言將其制作成網頁格式。2 網頁制作概述2.1.1靜態網頁與動態網頁區別通常，網頁可以分為靜態網頁和動態網頁。 靜態網頁頁面上的內容和格式一般不會改變，只有網管可根據需要更新頁面。 動態網頁的內容隨著用戶的輸入和互動而有所不同，或者隨著用戶，時間，數據修正等而改變。網頁上的內容也可以由用戶通過使用客戶端描述語言(JavaScript, JScript, Actionscript,）來改變。當然更普遍的是由服務器端的描述語言（Perl，PHP, ASP, JSP, ColdFusion, 等)進行編譯，從而對動態網頁的內容進行改變。無論是客戶端還是服務器端的改變都需要使用較為復雜的應用軟件。 隨著信息技術的更加專業化，越來越明顯的傾向表明，網頁設計和網站的發展會逐漸成為兩個不同的領域。 網頁是借助于美術構圖與程序互動、動畫等方式向大眾推廣相關信息的媒體，所以網頁設計包括了幾大部分： 版面構圖程序開發網站內容管理2.5 網頁設計流程網頁設計是一個互動的過程，不僅是設計師構思設計就可以完成的。從客戶提出需求到最終發布，期間需要客戶與設計人員共同參與協商才可以，具體流程如下：首先，獲取客戶需求和資料。在設計網站頁面之前，設計師需要知道客戶的需求，從而確定客戶建立網站的目的。客戶提出網站需求是非常重要的一個環節。沒有詳細的需求，設計人員無法憑空進行設計制作。在這個步驟中，雙方的溝通與交流是非常重要的。其次，確定網站內容。設計人員選擇適合自己的圖像編輯軟件、動畫制作軟件和網頁制作軟件進行網頁的初步設計，這中間可能還需要和客戶進行多次溝通才能達到客戶滿意的效果。在具體設計時，設計人員應該為網站定位一個主題，從而保證所有網頁都圍繞這個主題進行設計制作，保證風格的和諧統一。然后，申請域名和空間。使用該方法能夠有效同步管理文件。還可以通過FTP軟件連接到服務器空間上，然后上傳發布文件。最后，后期維護。一般靜態網站上傳后，如果客戶方沒有專業人員維護，這樣就需要設計人員從客戶方獲取新資料進行定期或不定期的更新。如果是動態網站，設計人員需要負責培訓客戶方如何使用后臺管理，這樣客戶就可以自己通過后臺管理添加信息，設計人員只要及時更正動態網站的錯誤即可。3 動態網頁開發環境和技術3.1 了解Dreamweaver開發工具3.4.1網頁結構設計css+div結構目前用的人最多，框架結構現在很少有人使用了，而表格結構目前用的人也不多，但并不意味著已經被淘汰，它也有DIV所不能取代的效果 方便快速的布局，只要不是經常改動的小部分就可以用表格。DIV可以與表格一起用，大布局用DIV，而小地方就用表格 ，效果會很好。比如本次論文所涉及的網頁就用到了表格與css+div相結合的思想，其上、下、左、右和中間分別是一個單獨的div模塊。具體框架結構如圖4-1。圖4-1 網頁框架圖4.2創建數據庫 本論文設計的網頁，所用到的數據庫test是通過數據庫管理工具PhpMyAdmin做的，具體創建過程就不在這一一介紹了。其包含兩個表分別為：liuyan、test2，如圖4-2和4-3。 圖4-2 信息存儲表1本表主要存儲游客名、游客留言內容和留言時間等數據。圖4-3 信息存儲表2本表主要存儲數據有：游客注冊名、性別、年齡、學歷、專業、愛好、備注、密碼（密碼就是注冊時，所輸入的驗證碼）和注冊時間。4.3主要模塊的代碼實現4.3.1 注冊代碼的實現?phpif($_POSTname)include(conn.php);$up=$_FILEStx;$hh=$uptype;$fff=$uptmp_name;$yu=$upname;/獲得客戶端和服務器端的驗證碼。$host=$_SERVERHTTP_HOST;$host= md5($host);$cookie_=$_COOKIE$host;session_start();$y=$_SESSION$cookie_;$y_d=$_POSTyz;/*。核對客戶端和服務器端的驗證碼庫。*/if($y_d=$y)/*。查詢數據庫中的資源個數。*/$dd=mysql_query(SELECT * FROM test2);$hang=mysql_num_rows($dd);$hang=$hang+1;/*。values后不能有空格。(id,name,sex,age,diploma,speciality,like,remark,mima,enrolDate)。*/ $sql=insert into test2 values($hang,$_POSTname,$_POSTsex,$_POSTage,.$_POSTdiploma,$_POSTspeciality,$_POSTlike,$_POSTremark,$_POSTyz,now();/*。檢測是否插入成功。，。*/if(mysql_query($sql,$conn)if($hh=image/pjpeg|$hh=image/gif|$hh=image/png|$hh=image/bmp|$hh=image/jpg|$hh=image/jpeg)move_uploaded_file($fff,E:/zhandian/zhandian1/sousuo/touxiang/.$_POSTname.jpg);/目錄地址不能用反斜杠。echo alert(注冊成功,您是第.$hang.位注冊用戶!);else echo alert(對不起,您未能注冊成功!);else echo alert(對不起您未能注冊成功,因為您輸入的驗證碼不正確或右側的驗證碼已經失效。);mysql_close($conn);?這段代碼主要是將游客注冊信息插入到test2表，如果游客注冊成功，會彈出一個注冊成功提示框“注冊成功,您是第*位注冊用戶!”。如果沒能注冊成功，則會彈出一個注冊失敗提示框“對不起,您未能注冊成功!”或“對不起您未能注冊成功,因為您輸入的驗證碼不正確或右側的驗證碼已經失效。”,（出現此提示是因為游客在注冊時，由于停留時間過長，對應的session已經不存在了）如圖4-4所示。圖4-4 注冊界面4.3.2 登陸及退出登錄代碼的實現?phpheader(Content-Type:text/html;charset=GB2312);include(conn.php);$g=mysql_query(SELECT * FROM test2 WHERE name=$_GETusername and mima=$_GETmima);$h=mysql_query(SELECT * FROM test2 WHERE mima=$_GETmima and name!=$_GETusername);$j=mysql_query(SELECT * FROM test2 WHERE name=$_GETusername and mima!=$_GETmima);$hang=mysql_num_rows($g);$hang_1=mysql_num_rows($h);$hang_2=mysql_num_rows($j);if($hang)$host=$_SERVERHTTP_HOST;$host= md5($host);$cookie_=$_COOKIE$host.$_COOKIE$host;session_start();$_SESSION$cookie_ = $_GETusername;echo 歡迎.$_GETusername.登陸！;elseif($hang_1)echo 用戶名有誤;elseif($hang_2)echo 密碼有誤;elseecho 用戶名和密碼都有誤;?這段代碼主要是檢測游客登錄時，所提交的用戶名和密碼。如果表test2中有游客所提交的游客名，但沒有游客所提交的密碼，則會輸出一個錯誤提示信息“密碼有誤”。如果表test2中有游客提交的密碼，但沒有游客提交的用戶名，則會輸出一另一個錯誤信息“用戶名有誤”。如果表test2中既沒有游客提交的游客名，也沒有游客所提交的密碼，則會輸出“用戶名和密碼都有誤”。如果表test2中既包含游客提交的游客名，又包含游客提交的密碼，則輸出“歡迎*登陸！”信息，并把游客的名字存入到一個名為$cookie_的SESSION中。這段代碼主要是將值為要退出的游客名的SESSION設為空,登陸界面如圖4-5：圖4-5 登陸界面4.3.3留言代碼的實現這段代碼主要是將游客提交的留言內容插入到表liuyan中，如果游客留言信息被成功插入，則會輸出插入位置（游客是第幾位留言的）。如果插入失敗。則會輸出錯誤提示信息“留言失敗”或“還沒登陸”,（當游客還沒登錄時就留言，會輸出此錯誤信息）留言界面如圖4-6。圖4-6 留言界面4.4運行測試我們以游客張山為例，來測試一下本網頁的幾個主要功能模塊。（游客注冊、游客登錄和游客留言）4.4.1 注冊當游客張山輸入注冊信息時，界面如圖4-7：圖4-7 注冊界面當游客張山提交信息成功后，將會彈出一個成功提示信息，如圖4-8：圖4-8 提示界面當我們查看數據庫test中的表test2時，會發現其多了一條關于張山的游客信息。如圖4-9：如圖4-9 注冊后的數據庫圖4.4.2 登陸當張山把名字和密碼輸入時，登陸界面如圖4-10：圖4-10 登陸界面當張山以正確的名字和密碼登陸后，出現提示，如圖4-11：圖4-11 提示界面4.4.3留言當張山寫入留言時，留言界面如圖4-12：圖4-12 留言界面當張山成功將留言內容提交后，會彈出一個留言成功提示框，如圖4-13：圖4-13 成功留言界面當我們查看數據庫test中的表liuyan時，會發現其多了一條有游客張山所寫的留言內容，如圖4-14：圖4-14 留言圖4.5遇到的問題及解決方法在本次論文設計中主要遇到兩個大問題。第一，在輸出注冊框時出現了亂碼。解決方法是:在要輸出的注冊框代碼的開頭處加上這么一段代碼header(Content-Type:text/html;charset=GB2312);第二，在游客留言時，游客已經退出了登錄，但還能以此游客名進行留言。解決方法是：在游客登錄時，在后臺創建一個名為$cookie_（此名是有游客電腦中的關于本網頁的cookie值相加得到的。）的session，將游客名存入其中。在用戶退出登錄時，就其值設為空（因為游客在提交留言時，會有一個專門的動態網頁首先查看后臺服務器中有沒有名為$cookie_的session或其值是否為空，如果其不存在或值為空，則就說明此游客還沒有登錄，就會有相應的提示框彈出。）。總結：在制作本次論文所涉及的網頁時，大大小小也遇到的不少問題，但主要的問題也就這兩個，這些問題都是通過查閱一些相應的查考文獻來一一解決的。結 束 語本設計根據畢業設計任務書的要求制作，功能基本實現，可以完成登陸、注冊、留言、各產品展示等功能的實現。此次設計是查看了一些企業網站的結構然后進行設計的，雖然此次設計構造不能說是成熟，但也算是盡了力。這是我首次運用Dreamweaver、Php語言結合PhpMyAdmin數據庫系統開發工具進行動態網頁的制作，一切都是從零開始學習，所以制作的時候難免會過于簡單，考慮的也不是很周全。同時由于時間的倉促，有些功能的實現不是很完美。在設計過程中不可避免地遇到了各種各樣的問題，由于整個設計完全都是由個人設計的，有關Dreamweaver、Php和數據庫連接等方面許多細節問題都要靠自己去摸索，加之本人水平有限，因此還存在著許多不足之處。在以前的時間內我學習了許多專業課程，比如C語言，java語言，數據庫系統概論，FLASH等等，雖然通過學習對這些課程有所了解和掌握，但是始終處于理論知識的掌握階段，并沒有真正應用于實踐設計開發，所以對知識的掌握還不夠全面和熟練，并不能真正獨立的開發出一個完整的應用于實際的系統。通過這次畢業設計，使我學到了很多，對自身的能力有了很大的提高。此次設計是動態網頁設計，而不是簡單的靜態網頁，因此采用了在開發動態網頁方面比較先進的Php語言作為開發語言。Php是一種Web編程腳本語言。當然在制作的過程中碰到過一些讓人頭痛的問題，我都一一解決了，直到設計全部完成，也讓我在解決問題方面的能力得到了提高。整個開發的過程對我來說是一次將理論應用于實踐的過程，是將以前所學知識充分利用的過程，是一次真正的實踐過程。總體說來，在這學期的畢業設計中，學到了一些在課堂內所學不到的知識，收獲很大。致 謝首先感謝我的指導老師楊老師，他在我的畢業設計過程中給了指導性的方案和架構，指引我閱讀相關的資料和書籍，使我能學習掌握知識并完成了畢業設計。 感謝答辯組對此畢業設計的考核，如果可以得到答辯組各位老師的認可將對我的學習和工作給予極大的鼓勵。你們客觀的評價和建議我將牢記在心，在今后的發展中揚長避短，更加努力的嚴格要求自己。 感謝學校對我的培育，讓我從思想上、素質上和知識上得到很大的提高。在校學習的過程中的各科老師的悉心教導讓我掌握了更多的知識，對提高我的知識面有很大的幫助。 最后要感謝我的同學在設計完成前后對我的幫助，沒有同學的共同學習進步也許就沒法完成設計，沒有同學的幫助，也許一些潛在的錯誤難以得到更正，在此一并表示感謝。在此祝愿學校領導、老師、同學工作順利，事業更上一層樓；同時也祝愿學校更加輝煌！參考文獻1.呂洋波. Dreamweaver+Php動態網站