1、機構圖標新聞發布系統用戶界面設計報告文件狀態： 草稿 正式發布 正在修改文件標識：Hands-On-新聞發布系統-SD-UI當前版本：1.0作 者：徐超，壽業靜，溫中偉，田明帥，李亞鵬完成日期：2010-4-15-目錄1.界面的關系圖和工作流程圖31.1.界面功能一覽（客戶端）31.2.界面功能一覽（服務器端）31.3.界面關系及工作流程31.4.客戶端界面關系31.5.服務器端界面關系42.界面52.1.前臺主界面52.1.1.主界面視圖52.1.2.主界面組件命名及功能一覽52.1.3.用戶注冊視圖62.1.4.用戶注冊頁面組件命名及功能一覽62.1.5.用戶發表評論頁面72.1.6.用戶

2、發表評論頁面組件命名及功能一覽72.2.后臺界面82.2.1.記者寫新聞界面82.2.2.記者寫新聞界面組件命名及功能一覽82.2.3.記者查看新聞信息頁面92.2.4.記者查看新聞信息頁面組件命名及功能一覽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機構公開信息1. 界面的關系圖和工作流程圖1.1. 界面功能一覽（客戶端）界面名稱界面標識功能說明登錄loginJFrame連接服務器，對用戶的身份進行驗證主界面mainJFrame查看新聞，包含其他操作功能用戶信息修改updateInfoJFrame更新用戶的詳細信息發表評論chatJFrame用戶發表評論用戶注冊chatRecordJFrame用戶注冊信息關于helpDialog本軟件的版本信息、版權說明

4、、開發小組信息表2-1 新聞發布系統客戶端界面一覽表1.2. 界面功能一覽（服務器端）界面名稱界面標識功能說明主界面mainJFrame員工登錄信息記者信息管理corperationJFrame記者編輯新聞，查看任務編輯信息管理departmentJFrame編輯審核新聞，派發任務，管理評論總編信息管理departmentAddJFrame總編人事管理，新聞欄目管理關于helpDialog本軟件的版本信息、版權說明、開發小組信息表2-2 新聞發布系統服務器端界面一覽表 1.3. 界面關系及工作流程1.4. 客戶端界面關系 圖2-1 新聞發布系統客戶端界面關系及工作流程圖 1.5. 服務器端界面

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

6、. 用戶注冊頁面組件命名及功能一覽對象名類功能操作modifyFrame窗體usernametext用戶名顯示relnametext真實姓名顯示Pwd1text密碼顯示phonetext電話顯示emailtext電子郵箱顯示Pwd2text密碼確認顯示Resettext重置點擊submittext提交顯示2.1.5. 用戶發表評論頁面圖3-3 新聞發布系統用戶發表評論界面readnew2.1.6. 用戶發表評論頁面組件命名及功能一覽對象名類功能操作無table顯示新聞顯示無table評論文本框顯示commenttextarea寫評論輸入無Submit發表按鈕點擊無Reset重置按鈕點擊2.2.

7、 后臺界面2.2.1. 記者寫新聞界面2.2.2. 記者寫新聞界面組件命名及功能一覽對象名類功能操作TitleText新聞標題輸入Fck1fckeditorTxtField新聞編輯區輸入SubmitbuttonButton提交按鈕點擊fckeditorButton文字處理點擊2.2.3. 記者查看新聞信息頁面2.2.4. 記者查看新聞信息頁面組件命名及功能一覽對象名類功能操作無超鏈接修改點擊2.2.5. 編輯指定記者采訪界面2.2.6. 編輯指定記者采訪界面組件命名及功能一覽對象名類功能操作RepotrcheckBox選擇記者選擇Date日歷控件采訪時間文本框輸入CommentTextarea

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

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