1、網頁開發與設計實訓報告學生姓名:學 號：學 院:專 業:題 目:基于web的同學錄系統設計指導教師2013年12月8日目錄1. 設計任務概述1.1 項目背景1.2 系統需求分析 系統功能分析1.3 數據庫設計1.4 小組分工2. 功能模塊詳細設計2.1 詳細設計思想2.2 核心代碼2.3 程序運行結果（截圖）3.課程設計心得 1. 設計任務概述（包括系統總體框圖及功能描述）1) .項目背景同學錄是一種為用戶提供網上交流、聚會的網絡工具，它可以提供用戶與朋友、同學、老師等在網上有一個相互交流的機會。 過去的種種陳舊的聯系方式，已經不能滿足現代生活的需要。同學錄作為一種方便校友之間聯系的實用系統便

2、應運而生。同學錄為校友之間進行交流和聯系提供了一個平臺。通過提供完善的同學錄服務和規范同學錄的管理，可以達到增進校友之間、校友與母校之間的感情，方便校友聯系的目的。目前網絡上已經存在很多同學錄，像人人、網易、新浪等。我們將設計一個同學錄管理網站，以友好的界面，快捷的操作完成強大的功能,雖然這個同學錄目前還有許多的不足之處，但是我們會不斷的進行完善。本系統構建成功后將是一個非常實用的作品。隨著一屆畢業生即將離開校門，又一屆新生將走進大學。無論是在學校的學生，還是離校畢業生，他們都可以通過這個網絡虛擬的世界重溫學生時代美好的時光。 正是類似此系統類型的網站的設計才拉近了人們的距離。人們的溝通娛樂不

3、在局限在現實的世界。我們會繼續努力，爭取將作品投入使用。希望它能夠給用戶一個完美的使用空間。2) 需求分析（1） 目標本系統是基于Web的同學錄管理系統的設計與實現，包括同學錄網站首頁、班級留言、班級列表、聯系方式等功能模塊。主要實現用戶的登錄和注冊、加入創建班級，班級通訊錄，公共留言板，退出登錄等功能。（2） 運行環境：PHP+MySQL+Apache編譯平臺Dreamweaver8（3） 外部接口需求1. 操作界面友好，清晰，功能多，操作簡單，查詢功能強大，出現錯誤會有提示信息，含有幫助信息，方便用戶使用2. 數據庫設計合理減少冗余數據，提高系統效率3. 系統具有靈活、嚴格的權限設定功能，

4、采用非常周密有效的權限設置，確保同學各類資料的可靠性和保密性，防止錯誤和違規操作。（4） 功能需求同學錄總功能模塊圖注冊登錄密碼找回修改密碼班級管理班級留言本班級名片后臺管理員管理幫助用戶管理員院系管理后臺添加管理員后臺管理系統公告后臺管理功能模塊圖刪除管理員管理員對功能的需求：登陸注冊管理員，在后臺可以發布、修改、刪除公告。前臺同學錄前臺院系管理班級管理班級留言本管理個人名片管理幫助添加院系添加班級添加個人名片刪除個人名片刪除班級添加留言刪除留言日和加入班級如何讓找回密碼刪除院系用戶對功能的需求：1.登錄退出：實現多用戶的登錄，可注冊用戶，以個人用戶身份登錄。退出系統時，直接退出即可。2.密

5、碼找回：通過密保問題及密保答案可修改密碼。3.加入班級：可以加入查詢到的班級，填寫個人信息等。添加新班級班級管理刪除已有班級修改已有班級信息班級管理功能模塊圖4.班級管理:沒有查到班級，可以創建新班級。添加新院系院系管理刪除已有院系院系管理功能模塊圖5.院系管理：可以添加刪除院系。6.班級留言：可以添加班級留言，查看班級留言。添加班級成員信息班級名片刪除班級成員信息修改班級成員信息班級名片管理功能模塊圖7.班級成員信息管理：可以瀏覽班級所有用戶的普通信息。對班級成員信息進行添加刪除修改。添加個人信息個人名片刪除個人信息修改個人信息個人名片管理功能模塊圖8.個人信息管理：可以對個人信息進行添加刪

6、除修改的功能系統的業務流程圖登陸未注冊填寫資料成功返回主頁面已注冊進入主頁添加個人名片進入班級查找班級添加班級信息查看班級公告已有班級加入班級管理員密碼管理員登陸公告信息管理員管理添加刪除公告添加刪除管理員退出前臺主頁面立即注冊成功沒有班級創建班級發表公告（5）對性能的需求數據及精確度：輸入數據符合數據特性靈活性：能適應windows操作系統，可在IE瀏覽器上穩定運行（6）安全性需求一次只能登陸一名用戶，由于軟件為本地軟件，安全性較好，需要用戶記住個人密碼，沒命用戶都需要注意密碼的安全性與保密性對加入班級等操作有權限設置，登錄的用戶才有權限進行操作。3) 數據庫設計用戶表user 留言表mes

7、sage班級表class系統公告表call-board管理員表administrator功能模塊詳細設計2.1 詳細設計思想小組設計的是基于web的同學錄系統，作為一個同學錄，最基本的功能便是院系與班級的搜索，班級的創建、加入，以及班級的留言列表及班級成員的顯示、修改、刪除等。所以我利用dreamweaver以及mysql數據庫設計出了同學錄最基本的功能。2.2 核心代碼（1）zh.php 查詢頁面 #div1 background:no-repeat; width:960px; margin:0 auto; height:100%; ul list-style-type: none; li

8、font:宋體; font-size:24px; float: left; margin-right: 20px; #div2 height:40px; .STYLE1 font-size: x-large .STYLE2 font-size: x-large; font-weight: bold;     紀念冊 已有紀念冊，進入我的班級     按院系查找按班級查找  全部 學校 入學年份 院系 班級 人數 （2）dealsousuo.php 查詢頁面 #div1 background:no-repeat; width:960px

9、; margin:0 auto; height:100%; ul list-style-type: none; li font:宋體; font-size:30px; float: left; margin-right: 20px; #div2 height:40px; .STYLE1 font-size: larger;font-family: 宋體; .STYLE2 font-size: x-large 查詢結果 學校 入學年份 院系 班級 人數 ?phpinclude_onceconn/conn.php;session_start();$type = $_POSTselecttype;$

10、index = $_POSTindex; $nickname = $_SESSIONnickname;if($type=0)$sql=select * from class where major=$index;else if($type=1)$sql=select * from class where classnumber=$index;$result=mysql_query($sql); while($arrn=mysql_fetch_array($result) echo $arrnuniversity $arrnenrollmentyear $arrnmajor $arrnclass

11、number $arrnpeoplenum ; mysql_close(); ? 沒有班級？快來創建吧       加入班級 (3)dealaddnews.php?php $writer=$_SESSIONnickname;$content=$_POSTcontent; mysql_connect(localhost,root,); mysql_select_db(alumni); mysql_query(set names gbk); $class=$_SESSIONclass; $sql=insert into mess

12、age (writer,content,class) values ($writer,$content,$class);mysql_query($sql);echo alert(成功添加班級留言！);window.location.href=listnews.php; ; mysql_close(); ?(4)dealedit.php?php $id=$_POSTid;$content=$_POSTcontent;$writer=$_POSTwriter; if(!empty($_POSTcontent) mysql_connect(localhost,root,); mysql_select

13、_db(alumni); mysql_query(set names gbk); $sql = update message set content=$content where id=$id; mysql_query($sql); if(!empty($_POSTwriter) mysql_connect(localhost,root,); mysql_select_db(alumni); mysql_query(set names gbk); $sql = update message set writer=$writer where id=$id; mysql_query($sql);

14、if(mysql_query($sql) echo alert(修改成功);window.location.href=listnews2.php; else echo alert(修改失敗);window.location.href=listnews2.php; mysql_close();?(5)delete.php ?php mysql_connect(localhost,root,); mysql_select_db(alumni); mysql_query(set names gbk); $id=$_GETid; $sql=delete from message where id=$i

15、d ; if(mysql_query($sql) echo alert(刪除成功);window.location.href=listnews2.php; else echo alert(刪除失敗);window.location.href=listnews2.php; mysql_close(); ? (6)listusers.php用戶列表 編號 真實姓名 昵稱 性別 生日 e_mail 電話 ?php mysql_connect(localhost,root,); mysql_select_db(alumni); mysql_query(set names gbk);$class=$_S

16、ESSIONclass; $sql=select * from user where class=$class; $result=mysql_query($sql); while($arrn=mysql_fetch_array($result) echo $arrnid $arrntruename $arrnnickname $arrnsex $arrnbirthday $arrne_mail $arrnphonenum ; mysql_close(); ? (7)savechuaban.php?phpsession_start();include_once(conn/conn.php);$u

17、niversity=trim($_POSTuni);$enrollmentyear=trim($_POSTyear);$major=trim($_POSTmaj);$classnumber=trim($_POSTcnum); $peoplenum=trim($_POSTpnum); $sql=insert into class(university,enrollmentyear,major,classnumber,peoplenum)values($university,$enrollmentyear,$major,$classnumber,$peoplenum);mysql_query($sql);echoalert(創建成功!);window.location.href=sousuo.php;mysql_close();?詳細代碼見程序2.3 程序運行結果（截屏）2. 課程設計心得、存在問題及解決方法通過此次實訓，我對dreamweaver網頁設計平臺、php語言和mysql數據庫有了更深刻的理解和體會，同時發現了許多自己的不足之處。首先，對于php語言的基礎知識掌握還不夠牢固，對用php語言連