【正文】 概述 為了提高軟件的質(zhì)量 ,延長軟件的生存期，軟件的可測試性， 可維護性是重要保障 .軟件的可測試性，可維護性與程序的易讀性有很大關(guān)系。詳細設(shè)計的目標不僅是邏輯上正確地實現(xiàn)每個模塊的功能，還應(yīng)使設(shè)計出的處理過程清晰易讀。 結(jié)構(gòu)化程序設(shè)計是實現(xiàn)該目標的關(guān)鍵技術(shù)之一，它指導(dǎo)人們用良好的思想方法開發(fā)易于理解， 易于驗證的程序。 詳細設(shè)計階段的根本目標是確定怎樣具體地實現(xiàn)所要求的系統(tǒng)，也就是說，經(jīng)過這個階段的設(shè)計工作，應(yīng)該得出對目標系統(tǒng)的精確描述，從而在編碼階段可以把這個描述直接翻譯成用某種程序設(shè)計語言書寫的程序。 系統(tǒng)程序流程圖 本系統(tǒng)中用戶端的程序流程圖如下： 進入登錄首頁面 注冊 登錄 填寫注冊信息 輸入賬號和密 碼 提交注冊信息 注冊成功 成功 查看首頁 選擇相應(yīng)操作 新建相冊 查看相冊 添加好友 播放音樂 退出系統(tǒng) 訪問好友相冊 陜西理工學(xué)院畢業(yè)設(shè)計 第 15 頁 共 35 頁 圖 系統(tǒng)數(shù)據(jù)流程圖 系統(tǒng) ER圖 系統(tǒng) ER 圖 系統(tǒng)詳細設(shè)計 注冊、登錄 ● 注冊頁面 新用戶需要注冊一個賬號， 在 注冊 頁面 設(shè)置賬號、姓名和密碼，注冊完成后會提示注冊成功信息 ，用戶就可以使用注冊的賬號和密碼登錄。 ● 登錄頁面 用戶 在登錄頁面輸入注冊過的賬號和密碼，點擊登錄，系統(tǒng)將驗證賬號和密碼是否正確，如果驗證成功，則可以進入對應(yīng)的頁 面；否則，仍然停留在登錄頁面。 用戶注冊頁面的設(shè)計如圖 陜西理工學(xué)院畢業(yè)設(shè)計 第 16 頁 共 35 頁 圖 用戶注冊頁面 用戶注冊的代碼設(shè)計如下： %@ page language=java contentType=text/html。 charset=gbk% % String path = ()。 String basePath = ()+://+()+:+()+path+/。 % !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html head script type=text/javascript function register() { =%=()%/background/。 } /script base href=%=basePath% title用戶注冊 /title /head body background=${}/img/ center 陜西理工學(xué)院畢業(yè)設(shè)計 第 17 頁 共 35 頁 div style=paddingtop:80px。 font style=fontsize: 35。b用 戶 注 冊 /b/font /div div style=paddingtop: 60 form action=${}/RegisterServlet method=post 賬號 :input type=text name=userCount/brbr 姓名 :input type=text name=userName/brbr 密碼 :input type=text name=userPwd/brbr input type=submit value=注冊 /form /div /center /body /html %@ page language=java import=.* pageEncoding=UTF8% % String path = ()。 String basePath = ()+://+()+:+()+path+/。 % !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html head base href=%=basePath% title驗證界面 /title meta equiv=refresh content=3。url= /head body background=${}/img/ center div style=paddingtop: 200px h1注冊成功！ /h1 h33 秒 鐘 后 自 動 跳 轉(zhuǎn) ， font style=fontsize: 20 若 未 反 應(yīng) ， 請 點 擊 a href=background/這里 /a/font/h3 /div /center /body /html 用戶登錄頁面的設(shè)計如圖 陜西理工學(xué)院畢業(yè)設(shè)計 第 18 頁 共 35 頁 圖 用戶登錄頁面 用戶 登錄 的代碼設(shè)計如下： %@ page language=java contentType=text/html。 charset=gbk% % String path = ()。 String basePath = ()+://+()+:+()+path+/。 % !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html head script type=text/javascript function register() { =%=()%/background/。 } /script base href=%=basePath% title電子相冊管理系統(tǒng) /title 陜西理工學(xué)院畢業(yè)設(shè)計 第 19 頁 共 35 頁 /head body background=${}/img/ br center div style=paddingtop:80px。 font style=fontsize: 35。b電 子 相 冊 管 理 系 統(tǒng) /b/font /div div style=paddingtop:100px。 form action=${}/LoginServlet method=post 賬號 :input type=text name=userCount/brbr 密碼 :input type=text name=userPwd/brbr input type=submit value=登錄 input type=button value=注冊 onclick=register()。 /form /div /center /body /html 相冊管理 ● 新建相冊 用戶進入個人主頁后點擊新建相冊，可根據(jù)相片的類型新建相冊名，對照片進行歸類整理 ,方便自己和好友欣賞。 ● 查看相冊 用戶進入個人主頁后點擊查看相冊，可查看已建過的相冊。 ● 刪除相冊 用戶進入個人主頁后點擊查看相冊，點擊相冊下面的刪除按鈕就可以刪除該相冊。 用戶新建相冊的設(shè)計如圖 陜西理工學(xué)院畢業(yè)設(shè)計 第 20 頁 共 35 頁 圖 用戶新建相冊 用戶新建相冊的代碼設(shè)計如下： %@ page language=java contentType=text/html。 charset=gbk% % String path = ()。 String basePath = ()+://+()+:+()+path+/。 % !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html head base href=%=basePath% title電子相冊 /title /head body background=${}/img/ center 陜西理工學(xué)院畢業(yè)設(shè)計 第 21 頁 共 35 頁 div style=paddingtop: 80。 form action=${}/SaveAlbumsServlet method=post target=mainFrame 請輸入相冊名 :input name=albumNamebrbrbr input type=submit value=新建相冊 /form /div /center /body /html 用戶查看、刪除相冊的設(shè)計如圖 圖 用戶查看、刪除相冊 用戶查看、刪除相冊的代碼設(shè)計如下： %@ page language=java contentType=text/html。 charset=gbk% %@page import=% %@page import=% %@taglib prefix=c uri= % % String path = ()。 String basePath = 陜西理工學(xué)院畢業(yè)設(shè)計 第 22 頁 共 35 頁 ()+://+()+:+()+path+/。 % !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html head base href=%=basePath% title電子相冊 /title script type=text/javascript function isDelete() { return confirm(您確定要刪除該相冊嗎 ?)。 } /script /head body background=${}/img/ c:if test=${empty } centerdiv style=paddingtop: 80font style=fontsize: 30。textdecoration: none您還沒有相冊，點擊 a href=background/這里 /a創(chuàng)建相冊 /font/div/center /c:if c:forEach var=albums items=${} div style = paddingleft:150px。float:left。 center a href=${}/ShowAlbumsDetailServlet?albumName=${Name}amp。albumId=${} img src=${}/img// br/ /a${} a onclick= return isDelete() href=${}/DeleteAlbumsServlet?albumId=${} target=mainFrame style=textdecoration: NONE刪除 /a /centerbr/ /div /c:forEach br /body /html 相片管理 ● 添加、查看、刪除相片 用戶在查看相冊里打開相冊后可進行 添加、刪除相片操作。 陜西理工學(xué)院畢業(yè)設(shè)計 第 23 頁 共 35 頁 用戶添加、查看、刪除相片的設(shè)計如圖 圖 用戶添加、查看、刪除相片 %@ page language=java import=.* pageEncoding=UTF8% %@page import=% %@page import=% %@ taglib prefix=c uri= % % String path = ()。 String basePath = ()+://+()+:+()+path+/。 % !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html hea