1、中北大學(xué)基于開源代碼的web應(yīng)用實(shí)訓(xùn)報(bào)告學(xué)生姓名:學(xué) 號(hào)：學(xué) 院:軟件學(xué)院專 業(yè): 軟件工程題 目:個(gè)人博客系統(tǒng)指導(dǎo)教師2013年1月4日1. 設(shè)計(jì)任務(wù)概述（包括系統(tǒng)總體框圖及功能描述）Blog 全名Web log，中文意思是“網(wǎng)絡(luò)日志”，后來(lái)縮寫為Blog。Blog 就是以網(wǎng)絡(luò)作為載體，簡(jiǎn)易迅速便捷地發(fā)布自己的心得，及時(shí)有效輕松地與他人進(jìn)行交流，再集豐富多彩的個(gè)性化展示于一體的綜合性平臺(tái)。本系統(tǒng)利用PHP動(dòng)態(tài)網(wǎng)絡(luò)開發(fā)技術(shù)，以MYSQL作為后臺(tái)數(shù)據(jù)庫(kù)，使用軟件wamp、，以及配合eclipse和Dreamweaver網(wǎng)頁(yè)開發(fā)工具，實(shí)現(xiàn)了個(gè)人博文發(fā)表和交流的平臺(tái)個(gè)人博客系統(tǒng)。本博客和網(wǎng)上的其他博

2、客一樣，實(shí)現(xiàn)了一般博客所具有的功能，能夠進(jìn)行博文的發(fā)布、修改、刪除，前臺(tái)和后臺(tái)的管理，瀏覽者可以進(jìn)行瀏覽和評(píng)論。1.1系統(tǒng)總體框圖個(gè)人博客系統(tǒng) 后臺(tái) 前臺(tái)游客模塊管理員模塊會(huì)員模塊相冊(cè)審核管理博文審核管理用戶管理搜索相冊(cè)管理評(píng)論管理博文管理搜索注冊(cè)登錄瀏覽博文評(píng)論評(píng)論審核管理要源代碼的聯(lián)系11234756011.2功能描述(一)前臺(tái) 任何游客都可以進(jìn)行會(huì)員注冊(cè)，對(duì)任何博文可以進(jìn)行瀏覽和評(píng)論、瀏覽評(píng)論、瀏覽個(gè)人博客系統(tǒng)信息、搜索博文。注冊(cè)會(huì)員成功后，使用自己的賬號(hào)和密碼登陸，登陸成功后可以在自己的博客中發(fā)表博文、修改和刪除博文，同時(shí)可以瀏覽自己所上傳的照片，并進(jìn)行博文搜索。（二）后臺(tái)后臺(tái)主要是管

3、理員對(duì)用戶進(jìn)行管理，以及對(duì)前臺(tái)頁(yè)面的博文進(jìn)行修改及刪除，對(duì)圖片的修改及刪除，對(duì)評(píng)論的修改及刪除。其中用戶管理包括對(duì)管理員、會(huì)員、游客的管理：（1）管理員：后臺(tái)只能是管理員才能進(jìn)入，其他用戶不能進(jìn)入。管理員在后臺(tái)進(jìn)行博文的修改及刪除，評(píng)論的修改及刪除，圖片的修改及刪除，用戶的刪除的管理。（2）會(huì)員：會(huì)員能瀏覽個(gè)人博客的博文和進(jìn)行評(píng)論，發(fā)表、修改和刪除博文、瀏覽和上傳照片，搜索博文，查看個(gè)人博客系統(tǒng)信息，但是無(wú)權(quán)進(jìn)入后臺(tái)。（3）游客：游客的權(quán)限有瀏覽和評(píng)論博文，查看評(píng)論，搜索博文，查看個(gè)人博客系統(tǒng)信息，無(wú)權(quán)進(jìn)入后臺(tái)。2. 功能模塊詳細(xì)設(shè)計(jì)2.1 詳細(xì)設(shè)計(jì)思想根據(jù)對(duì)個(gè)人博客系統(tǒng)的特點(diǎn)和應(yīng)用的分析，可

4、以得到本系統(tǒng)主要有如下功能：（一）前臺(tái)（1）游客注冊(cè)和會(huì)員登錄游客注冊(cè)：游客注冊(cè)時(shí)要求填寫用戶的一些詳細(xì)信息，包括用戶名，密碼，手機(jī)號(hào)碼等信息存儲(chǔ)到個(gè)人博客系統(tǒng)的數(shù)據(jù)庫(kù)中。任何游客都可以注冊(cè)，成功后便成為本博客系統(tǒng)的正式會(huì)員。系統(tǒng)接受這些信息并存儲(chǔ)在數(shù)據(jù)庫(kù)中。會(huì)員登錄：主要用于驗(yàn)證博客系統(tǒng)內(nèi)用戶信息的真實(shí)身份，以便對(duì)博客系統(tǒng)進(jìn)行管理和維護(hù)。通過注冊(cè)后的游客用個(gè)人注冊(cè)的用戶名，密碼登錄到博客系統(tǒng)，通過檢測(cè)用戶便被賦予對(duì)博客系統(tǒng)進(jìn)行操作的對(duì)應(yīng)權(quán)限。（2） 首頁(yè)模塊 主要包括首頁(yè)信息的顯示、博文分類、日歷。（3） 博文模塊 主要包括部分博文信息的顯示、會(huì)員博文的修改和刪除、博文分類、日歷。（4） 圖

5、片模塊 主要包括相冊(cè)圖片的顯示、會(huì)員圖片的上傳、博文分類、日歷。（5） 搜索模塊 主要包括對(duì)博文的搜索、博文分類、日歷。（6） 評(píng)論模塊主要包括博文的評(píng)論。（7） 分類模塊主要包括對(duì)博文的分類。（8） 日歷模塊主要包括日歷的顯示。 （二）后臺(tái)（1）用戶管理模塊 主要包括對(duì)用戶的賬號(hào)、密碼及電話號(hào)碼管理。 （2）博文審核管理模塊 主要包括對(duì)博文的瀏覽、修改和刪除的管理。（3）圖片審核管理模塊 主要包括對(duì)照片的瀏覽、修改和刪除的管理。（4） 評(píng)論審核管理模塊 主要包括對(duì)評(píng)論內(nèi)容的瀏覽、修改和刪除的管理。2.2 核心代碼（1） Index.php 前臺(tái)首頁(yè)界面?zhèn)€人博客if (! isset ( $_

6、SESSION username )ho $_SESSION username;if (! isset ( $_SESSION username )echo 個(gè)人;?的博客Have Fun歡迎你?Php echo $_SESSecho 登陸 | 注冊(cè);elseecho 注銷;?主頁(yè)li博文li相冊(cè)li搜索li關(guān)于?php個(gè)人日記;elseecho 個(gè)人日記;?()?phpif (! isset ( $_GET sort ) or $_GET sort != 2)echo 技術(shù)原創(chuàng);Else echo 技術(shù)原創(chuàng);?()?phpif (! isset ( $_GET sort

7、) or $_GET sort != 3)echo 休閑搞笑;elseecho 休閑搞笑;?()calendar ( $_GET month, $_GET year );?(2) Register.php 前臺(tái)注冊(cè)界面?php require conn/conn.php;$pwd=($_POSTpassword=$_POSTpassword1);$pattern=/13-8d9$/;$phone=preg_match($pattern, $_POSTphonenum);if($_POSTusername=| $_POSTusername=null | $_POSTpassword= | $_P

8、OSTpassword=null)echo 輸入信息不正確 返回;exit;$result=mysql_query(select * from user where username=.$_POSTusername.);if(mysql_num_rows($result) !=0)echo 用戶名已存在返回;exit;if( $pwd & $phone)if(mysql_query(insert into user (username,password,phonenum) values (.$_POSTusername. , .$_POSTpassword. , .$_POSTphonenum

9、.)echo alert(注冊(cè)成功,返回登陸頁(yè)面！);echo 成功;elseechoalert(注冊(cè)失敗，請(qǐng)檢查注冊(cè)信息);elseechoalert(注冊(cè)失敗，請(qǐng)檢查注冊(cè)信息);?(三)login.php 前臺(tái)登錄界面?phpsession_start();require conn/conn.php;if($_POSTusername=| $_POSTusername=null | $_POSTpassword= | $_POSTpassword=null)echo 沒有此用戶 返回;exit;$result=mysql_query(select * from user where use

10、rname=$_POSTusername);$row=mysql_fetch_row($result);$chkusername=($row1=$_POSTusername);$chkpassword=($row2=$_POSTpassword);if($chkusername & $chkpassword)echo 登陸成功;$_SESSIONusername=$_POSTusername;echo $_POSTusername.1111111;header(Location:index.php);elseecho 沒有此用戶 返回;（4） photo.php 前臺(tái)圖片管理界面?phpif

11、(! isset ( $_GET upload ) if (isset ( $_SESSION username ) echo echo ;echo ; elseecho 請(qǐng)先登錄！;? limit;$result = mysql_query ( $sql );$src = photo/ . $_SESSION username . /;$i = 1;while ( ($row = mysql_fetch_row ( $result ) & is_readable ( $isrc = $src . $row5 . .jpg ) & $i = 7 ) echo img src=$isrc tit

12、le=$row2alt=$row3$row4 ;$i +;? 0 ) echo ;$i -;?echo $page-fpage ();else require upload.php;?（五）search.php 前臺(tái)搜索界面?phpinclude conn/conn.php;include mCutStr.php;if ($_GET search=1 & $_POSTsearch != null) if (isset ( $_SESSION username )$shuju_result = mysql_query ( select * from article where author= .

13、 $_SESSION username . and title like % . $_POST search . % );else$shuju_result = mysql_query ( select * from article where title like % . $_POST search . % );$total = mysql_num_rows ( $shuju_result );echo 為您找到.$total.條記錄;$num = 3;$page = new Page ( $total, $num );if (isset ( $_SESSION username )$sql

14、 = select * from article where author= . $_SESSION username . and title like % . $_POST search . % . order by ID desc $page-limit;else$sql = select * from article where title like % . $_POST search . % . order by ID desc $page-limit;$result = mysql_query ( $sql );while ( $row = mysql_fetch_row ( $re

15、sult ) ) ?Php echo $row 5;if (isset ( $_SESSION username )echoEdit  |  Delete;?a href=index.php?content=2&read=1&id=#contentclass=moreRead More    fpage ();?php elseif($_GET search=1 & $_POSTsearch = null)(六)index.php 后臺(tái)首頁(yè)界面Skiyo 后臺(tái)管理工作平臺(tái) by Jessica 用戶名： 密碼： （7） Ph

16、oto.php 后臺(tái)相冊(cè)管理界面管理人員基本信息列表序號(hào)照片預(yù)覽相片標(biāo)題上傳日期上傳者編輯?php$result = mysql_query ( select * from photo order by id desc );$user = mysql_query (select * from user);$i = 1;while( $uname = mysql_fetch_row($user)while ( $row = mysql_fetch_row ( $result ) ) ?php echo 修改 (八)editphoto.php 后臺(tái)圖片的修改標(biāo)題：input type=text n

17、ame=title value=描述：input type=text name=alt value=?php ?（九）delete.php 后臺(tái)圖片的刪除?php if($_GETsql=photo)if( is_file( $_GETsrc ) )if( unlink($_GETsrc) )echo ;elseecho 文件刪除失敗，權(quán)限不夠;elseecho 不是有一個(gè)有效的文件;delete($_GETsql, $_GETid);function delete($sql, $id)include ./conn/conn.php;$result = mysql_query(delete f

18、rom .$sql. where ID=.$id);if($result)echo $ans=刪除成功 返回;else echo $ans=刪除失敗返回;return $ans;?2.3 程序運(yùn)行結(jié)果（截屏）（1）在網(wǎng)址欄輸入http:/localhost/newblog進(jìn)入個(gè)人博客系統(tǒng)主頁(yè)界面：（2） 游客點(diǎn)擊“相冊(cè)”，得到如下登錄提示界面：（3） 點(diǎn)擊“搜索”，游客可從所有作者發(fā)表的所有博文中進(jìn)行搜索（會(huì)員也可在自己的博客中對(duì)自己的博文進(jìn)行搜索，情況與此類似，不再闡述），界面如下： （4）如游客在搜索界面輸入“冬至”，得到的搜索結(jié)果如下（會(huì)員搜索與此類似，不再闡述）：（5）點(diǎn)擊界面右上角的

19、“登錄”，可進(jìn)入登錄界面：（6）游客無(wú)賬號(hào)，則點(diǎn)擊“注冊(cè)”進(jìn)入注冊(cè)界面，填寫好相關(guān)信息并確認(rèn)無(wú)誤后注冊(cè)成功：（7）會(huì)員在登錄界面輸入用戶名和密碼可進(jìn)入自己的博客主頁(yè)，如輸入用戶名為novameteor，密碼為123456，點(diǎn)擊“登錄”，進(jìn)入novameteor的個(gè)人博客主頁(yè)，界面如下：（8）會(huì)員點(diǎn)擊“相冊(cè)”，可管理自己的相冊(cè)，界面如下：（9）在相冊(cè)展示欄里移動(dòng)鼠標(biāo)，相冊(cè)展示欄會(huì)把箭頭所指的那一張圖片放大，顯示出動(dòng)態(tài)效果： （10）會(huì)員點(diǎn)擊“相冊(cè)”界面的“上傳圖片”，可以上傳圖片，界面如下： （11）相冊(cè)上傳圖片時(shí)，若出現(xiàn)未輸入圖片名稱、圖片格式不正確等錯(cuò)誤情況，則出現(xiàn)以下提示頁(yè)面：（12）在網(wǎng)

20、址欄輸入http:/localhost/newblog/admin進(jìn)入個(gè)人博客系統(tǒng)后臺(tái)登錄界面：（13）管理員在后臺(tái)登錄界面輸入自己的用戶名和密碼即可進(jìn)入后臺(tái)管理界面，如輸入用戶名為novameteor，密碼為123456的賬戶，點(diǎn)擊“登錄”，則進(jìn)入后臺(tái)管理界面。點(diǎn)擊“圖片管理”，管理員可在此處查看所有圖片的相關(guān)信息，并可進(jìn)行修改刪除操作：（14）管理員可在后臺(tái)“圖片管理”中修改圖片，如點(diǎn)擊某個(gè)圖片的修改，出現(xiàn)以下界面：（15）管理員可在后臺(tái)“圖片管理”中刪除圖片，如點(diǎn)擊某個(gè)圖片的刪除，出現(xiàn)以下對(duì)話框：3. 課程設(shè)計(jì)心得、存在問題及解決方法此次實(shí)訓(xùn)，我們的題目為個(gè)人博客系統(tǒng)。我們每三人一組，在商討完需要實(shí)現(xiàn)的主要功能模塊后，我們合理分工，大家共同努力。我主要負(fù)責(zé)前臺(tái)照