新聞管理系統(tǒng)用戶界面設(shè)計(jì)

1、機(jī)構(gòu)圖標(biāo)新聞發(fā)布系統(tǒng)用戶界面設(shè)計(jì)報(bào)告文件狀態(tài)： 草稿 正式發(fā)布 正在修改文件標(biāo)識(shí)：Hands-On-新聞發(fā)布系統(tǒng)-SD-UI當(dāng)前版本：1.0作 者：徐超，壽業(yè)靜，溫中偉，田明帥，李亞鵬完成日期：2010-4-15-目錄1.界面的關(guān)系圖和工作流程圖31.1.界面功能一覽（客戶端）31.2.界面功能一覽（服務(wù)器端）31.3.界面關(guān)系及工作流程31.4.客戶端界面關(guān)系31.5.服務(wù)器端界面關(guān)系42.界面52.1.前臺(tái)主界面52.1.1.主界面視圖52.1.2.主界面組件命名及功能一覽52.1.3.用戶注冊(cè)視圖62.1.4.用戶注冊(cè)頁(yè)面組件命名及功能一覽62.1.5.用戶發(fā)表評(píng)論頁(yè)面72.1.6.用戶

2、發(fā)表評(píng)論頁(yè)面組件命名及功能一覽72.2.后臺(tái)界面82.2.1.記者寫(xiě)新聞界面82.2.2.記者寫(xiě)新聞界面組件命名及功能一覽82.2.3.記者查看新聞信息頁(yè)面92.2.4.記者查看新聞信息頁(yè)面組件命名及功能一覽92.2.5.編輯指定記者采訪界面92.2.6.編輯指定記者采訪界面組件命名及功能一覽102.2.7.編輯審核新聞界面112.2.8.審核新聞功能組件命名及功能一覽112.2.9.管理員審核新聞界面112.2.10.管理員審核新聞界面組件命名及功能一覽122.2.11.管理員修改刪除子欄目界面132.2.12.管理員修改刪除子欄目解密組件命名及功能一覽132.2.13.管理員添加人員界面1

3、42.2.14.管理員添加人員界面組件及功能一覽152.2.15.管理員變更刪除人員界面152.2.16.管理員變更刪除人員界面組件及一覽152.2.17.管理員變更人員界面組件及一覽16機(jī)構(gòu)公開(kāi)信息1. 界面的關(guān)系圖和工作流程圖1.1. 界面功能一覽（客戶端）界面名稱界面標(biāo)識(shí)功能說(shuō)明登錄loginJFrame連接服務(wù)器，對(duì)用戶的身份進(jìn)行驗(yàn)證主界面mainJFrame查看新聞，包含其他操作功能用戶信息修改updateInfoJFrame更新用戶的詳細(xì)信息發(fā)表評(píng)論chatJFrame用戶發(fā)表評(píng)論用戶注冊(cè)chatRecordJFrame用戶注冊(cè)信息關(guān)于helpDialog本軟件的版本信息、版權(quán)說(shuō)明

4、、開(kāi)發(fā)小組信息表2-1 新聞發(fā)布系統(tǒng)客戶端界面一覽表1.2. 界面功能一覽（服務(wù)器端）界面名稱界面標(biāo)識(shí)功能說(shuō)明主界面mainJFrame員工登錄信息記者信息管理corperationJFrame記者編輯新聞，查看任務(wù)編輯信息管理departmentJFrame編輯審核新聞，派發(fā)任務(wù)，管理評(píng)論總編信息管理departmentAddJFrame總編人事管理，新聞欄目管理關(guān)于helpDialog本軟件的版本信息、版權(quán)說(shuō)明、開(kāi)發(fā)小組信息表2-2 新聞發(fā)布系統(tǒng)服務(wù)器端界面一覽表 1.3. 界面關(guān)系及工作流程1.4. 客戶端界面關(guān)系 圖2-1 新聞發(fā)布系統(tǒng)客戶端界面關(guān)系及工作流程圖 1.5. 服務(wù)器端界面

5、關(guān)系 圖2-1 新聞發(fā)布系統(tǒng)服務(wù)器端界面關(guān)系及工作流程圖2. 界面2.1. 前臺(tái)主界面2.1.1. 主界面視圖圖3-1 新聞發(fā)布系統(tǒng)客戶端主界面index2.1.2. 主界面組件命名及功能一覽對(duì)象名類功能操作MenuJavascript控制層的顯示與隱藏BaseCss美化頁(yè)面frontCss美化頁(yè)面Form1Form查詢新聞點(diǎn)擊registerForm注冊(cè)點(diǎn)擊登陸Separator登陸點(diǎn)擊退出登陸MenuItem退出登陸點(diǎn)擊友情鏈接Javascript友情鏈接點(diǎn)擊更多文章Javascript更多文章點(diǎn)擊2.1.3. 用戶注冊(cè)視圖圖3-2 新聞發(fā)布系統(tǒng)前臺(tái)用戶注冊(cè)信息界面regedit2.1.4

6、. 用戶注冊(cè)頁(yè)面組件命名及功能一覽對(duì)象名類功能操作modifyFrame窗體usernametext用戶名顯示relnametext真實(shí)姓名顯示Pwd1text密碼顯示phonetext電話顯示emailtext電子郵箱顯示Pwd2text密碼確認(rèn)顯示Resettext重置點(diǎn)擊submittext提交顯示2.1.5. 用戶發(fā)表評(píng)論頁(yè)面圖3-3 新聞發(fā)布系統(tǒng)用戶發(fā)表評(píng)論界面readnew2.1.6. 用戶發(fā)表評(píng)論頁(yè)面組件命名及功能一覽對(duì)象名類功能操作無(wú)table顯示新聞顯示無(wú)table評(píng)論文本框顯示commenttextarea寫(xiě)評(píng)論輸入無(wú)Submit發(fā)表按鈕點(diǎn)擊無(wú)Reset重置按鈕點(diǎn)擊2.2.

7、 后臺(tái)界面2.2.1. 記者寫(xiě)新聞界面2.2.2. 記者寫(xiě)新聞界面組件命名及功能一覽對(duì)象名類功能操作TitleText新聞標(biāo)題輸入Fck1fckeditorTxtField新聞編輯區(qū)輸入SubmitbuttonButton提交按鈕點(diǎn)擊fckeditorButton文字處理點(diǎn)擊2.2.3. 記者查看新聞信息頁(yè)面2.2.4. 記者查看新聞信息頁(yè)面組件命名及功能一覽對(duì)象名類功能操作無(wú)超鏈接修改點(diǎn)擊2.2.5. 編輯指定記者采訪界面2.2.6. 編輯指定記者采訪界面組件命名及功能一覽對(duì)象名類功能操作RepotrcheckBox選擇記者選擇Date日歷控件采訪時(shí)間文本框輸入CommentTextarea

8、采訪內(nèi)容文本框輸入無(wú)Submit提交按鈕點(diǎn)擊無(wú)Reset重置按鈕點(diǎn)擊2.2.7. 編輯審核新聞界面2.2.8. 審核新聞功能組件命名及功能一覽對(duì)象名類功能操作BaseCss美化界面MainCss美化界面Frmform表單輸入txtaTextArea輸入消息文本框輸入passButton提交按鈕點(diǎn)擊unpassButton提交按鈕點(diǎn)擊2.2.9. 管理員審核新聞界面圖3-3-2新聞發(fā)布系統(tǒng)管理員審核界面-audit2.2.10. 管理員審核新聞界面組件命名及功能一覽對(duì)象名類功能操作BaseCss美化界面MainCss美化界面Frmform表單輸入topFrameframe窗體menuframe窗

9、體mainframe窗體2.2.11. 管理員修改刪除子欄目界面圖2-4-5管理員修改刪除子欄目界面2.2.12. 管理員修改刪除子欄目解密組件命名及功能一覽對(duì)象名類功能操作無(wú)超鏈接完成刪除點(diǎn)擊無(wú)超鏈接完成修改點(diǎn)擊subidCheckbox選擇刪除項(xiàng)點(diǎn)擊對(duì)象名類功能操作NameText輸入欄目名輸入TitleSelect選擇父欄目名選擇remarkTextarea輸入備注輸入2.2.13. 管理員添加人員界面圖2-4-6管理員添加人員界面2.2.14. 管理員添加人員界面組件及功能一覽對(duì)象名類功能操作usernametext輸入輸入pwd1text輸入輸入pwd2text輸入輸入nametext輸入輸入emailtext輸入輸入phonetext輸入輸入typetext輸入輸入remarkTextarea錄入備注輸入無(wú)reset重填點(diǎn)擊無(wú)submit提交點(diǎn)擊2.2.15. 管理員變更刪除人員界面圖2-4-7管理員變更刪除人員界面2