Web同學(xué)錄設(shè)計(jì)

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

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

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

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

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

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

7、sage班級表class系統(tǒng)公告表call-board管理員表administrator功能模塊詳細(xì)設(shè)計(jì)2.1 詳細(xì)設(shè)計(jì)思想小組設(shè)計(jì)的是基于web的同學(xué)錄系統(tǒng)，作為一個(gè)同學(xué)錄，最基本的功能便是院系與班級的搜索，班級的創(chuàng)建、加入，以及班級的留言列表及班級成員的顯示、修改、刪除等。所以我利用dreamweaver以及mysql數(shù)據(jù)庫設(shè)計(jì)出了同學(xué)錄最基本的功能。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;     紀(jì)念冊 已有紀(jì)念冊，進(jìn)入我的班級     按院系查找按班級查找  全部 學(xué)校 入學(xué)年份 院系 班級 人數(shù) （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 查詢結(jié)果 學(xué)校 入學(xué)年份 院系 班級 人數(shù) ?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(); ? 沒有班級？快來創(chuàng)建吧       加入班級 (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用戶列表 編號 真實(shí)姓名 昵稱 性別 生日 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(創(chuàng)建成功!);window.location.href=sousuo.php;mysql_close();?詳細(xì)代碼見程序2.3 程序運(yùn)行結(jié)果（截屏）2. 課程設(shè)計(jì)心得、存在問題及解決方法通過此次實(shí)訓(xùn)，我對dreamweaver網(wǎng)頁設(shè)計(jì)平臺、php語言和mysql數(shù)據(jù)庫有了更深刻的理解和體會(huì)，同時(shí)發(fā)現(xiàn)了許多自己的不足之處。首先，對于php語言的基礎(chǔ)知識掌握還不夠牢固，對用php語言連