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

1、機(jī)構(gòu)圖標(biāo) 新聞發(fā)布系統(tǒng) 用戶界面設(shè)計(jì)報(bào)告 文件狀態(tài)： 文件標(biāo)識： Hands-On-新聞發(fā)布系統(tǒng)-SD-UI 1草稿 當(dāng)前版本： 1.0 /正式發(fā)布 作者； 徐超.壽業(yè)靜.溫中偉.ED明帥.李亞鵬 1 正在修改 完成日期： 2010-4-15 目錄 1. 界而的關(guān)系圖和工作流程圖3 1.1. 界面功能一覽（客戶端）3 1.2. 界面功能一覽（服務(wù)器端）3 1.3. 界面關(guān)系及工作流程3 1.4. 客戶端界而關(guān)系3 1.5. 服務(wù)器端界而關(guān)系4 2. 界而5 2.1. 前臺主界而5 2.1.1. 主界面視圖5 2.1.2. 主界面組件命名及功能一覽5 2.1.3. 用戶注冊視圖6 2.1.4.

2、用戶注冊頁而組件命名及功能一覽6 2.1.5. 用戶發(fā)表評論頁面7 2.1.6. 用戶發(fā)表評論頁面組件命名及功能一覽7 2.2. 后臺界而8 2.2.1. 記者寫新聞界面8 2.2.2. 記者寫新聞界面組件命名及功能一覽8 223.記者査看新聞信息頁而9 2.2.4. 記者査看新聞信息頁而組件命名及功能一覽9 2.2.5. 編借指定記者采訪界面9 2.2.6. 編輯指定記者采訪界面組件命名及功能一覽10 2.2.7. 編輯審核新聞界而11 2.2.8. 審核新聞功能組件命名及功能一覽11 2.2.9. 管理員審核新聞界而12 2.2.10. 管理員審核新聞界而組件命名及功能一覽12 2.2.1

3、1. 管理員修改刪除子欄目界面13 2.2.12. 管理員修改刪除子欄目解密組件命名及功能一覽13 2.2.13. 管理員添加人員界而14 2.2.14. 管理員添加人員界而組件及功能一覽15 2.2.15. 管理員變更刪除人員界面15 2.2.16. 管理員變更刪除人員界面組件及一覽15 2.2.17. 管理員變更人員界而組件及一覽16 1.界面的關(guān)系圖和工作流程圖 1.1. 界面功能一覽（客戶端） 界面名稱 界面標(biāo)識 功能說明 登錄 loginJFrame 連接服務(wù)器，對用戶的身份進(jìn)行驗(yàn) 證 主界面 mainJFrame 查看新聞，包含其他操作功能 用戶信息修改 updatelnfoJFr

4、ame 更新用戶的詳細(xì)信息 發(fā)表評論 chatJFrame 用戶發(fā)表評論 用戶注冊 chatRecordJFrame 用戶注冊信息 關(guān)于 helpDialog 木軟件的版木信息.版權(quán)說明.開 發(fā)小組信息 表2-1新聞發(fā)布系統(tǒng)客戶端界面一覽表 1.2. 界面功能一覽（服務(wù)器端） 界面名稱 界面標(biāo)識 功能說明 主界而 mainJFrame 員工登錄信息 記者信息管理 corperationJFrame 記者編輯新聞.査看任務(wù) 編輯信息管理 depaitmentJFrame 編輯審核新聞.派發(fā)任務(wù).管理評論 總編信息管理 depaitmentAddJFrame 總編人事管理.新聞欄目管理 關(guān)于 he

5、lpDialog 木軟件的版木信息.版權(quán)說明.開發(fā)小組信息 表2-2新聞發(fā)布系統(tǒng)服務(wù)器端界面一覽表 1.3. 界面關(guān)系及工作流程 1-4.客戶端界面關(guān)系 圖2-1新聞發(fā)g紫辭札弭面關(guān)系及工作流程圖 1.5.服務(wù)器端界面關(guān)系 B H modify staff.html updatetitiahtml II manager.him I reporter Jitml audithtml modify .html s a s mainJitnilmodffynew.htm WrfteJitm 圖2-1新聞發(fā)布系統(tǒng)服務(wù)器端界血關(guān)系及匸作流程圖 2.界面 2.1. 前臺主界面 2.1.1. 主界面視圖 新

6、聞發(fā)布糸統(tǒng)T 廠中囲新油網(wǎng) r中0人才熱違 胡第浦：人民幣H率改繭不會在外郃壓力下推講 笆目一 新聞1 2010年4月K日 鬼多丈章 2010年4月14曰 廠做軟公司 身趣網(wǎng) -何易網(wǎng) 圖3-1新聞發(fā)布系統(tǒng)客戶端主界面一index 2.1. 2.主界面組件命名及功能一覽 對象名 類 功能 操作 Menu Javascript 控制層的顯示與隱鉞 Base Css 芙化貞面 front Css 美化貞面 Forml Form 查詢新聞 點(diǎn)擊 register Form 注冊 點(diǎn)擊 登陸 Separator 登陸 點(diǎn)擊 退出登陸 MenuItem 退出登陸 點(diǎn)擊 友情鏈接 Javascript 友

7、情鏈接 點(diǎn)擊 更多文章 Javascript 更多文章 點(diǎn)擊 2. 1. 3.用戶注冊視圖 新聞發(fā)布糸統(tǒng)七 您的位去:tEffi 埴寫注冊信息 巒碼餡認(rèn)： 宜實(shí)妊名： EfqiL : 手機(jī)號： 重匱 提艾 il 為必垣選頂 圖3-2新聞發(fā)布系統(tǒng)前臺用戶注冊信息界Ifli-regedit 2.1.4. 用戶注冊頁面組件命名及功能一覽 對象名 類 功能 操作 modify Frame 窗體 username text 用戶名 顯示 relname text 真實(shí)姓名 顯示 Pwdl text 密碼 顯示 phone text 電話 顯示 email text 電子郵箱 顯示 Pwd2 text 密

8、碼確認(rèn) 顯示 Reset text ：|卞 點(diǎn)擊 submit text 提交 顯示 2.1. 5.用戶發(fā)表評論頁面 ri=15j rr ” Li. /-/畑仲也小e“u仆”imuot八o 厶小 忖格后公眾對成品油價(jià)格爺?shù)蛐┧坪跻殉稍乱坏颉睍A“理走蟄今年以來幾乎巒個(gè)月郁會鳳傳他窗 上灑J 飭令不少消貴音刎朗跑去加0站力啪，上周，有關(guān)成品濁價(jià)格上灑謹(jǐn)言不僅左不少分祈 師砒告中屢觀JS倪免令不少消喪若信以為具 U “宇可信其有，不可信其無力用決走熱切黙盼成品 油價(jià)格上調(diào)。 問：從去年11月國內(nèi)油價(jià)趣至兮已有5個(gè)月時(shí)何為什么現(xiàn)在才趣油價(jià)？ 國家左改環(huán)關(guān)金資人芯成品紬命格機(jī)制,只奮當(dāng)國皈市場唾油連續(xù)冼

9、個(gè)工件日綁平均仆恪芟化留過4% 吋才會啟動國內(nèi)成品油價(jià)格調(diào)樂機(jī)制，去年H月10日國內(nèi)成品池價(jià)格凋眶后匡際市場油價(jià)相對穩(wěn)定，因 it，國內(nèi)成品紬怕格連烘幾個(gè)月未作過卑 今年2月中旬以來賀全球乞海黛蘇n昭因家諮肌 石油需求上 升，國際市場狛價(jià)連續(xù)上溉3月份后基本維捋在每桶B0羌元以上，4月6日原泊期貨收盤價(jià)為毎徹G美 元，達(dá)剁近一年半以來的最咼水平.忖前匡際帀場原油理復(fù)22丫工作曰移動平均價(jià)格夷化碗了4啲凋價(jià)邊 界條件，在此基礎(chǔ)上國家統(tǒng)籌考慮國內(nèi)經(jīng)務(wù)形縱 成品濁市場供去佶況及下游用戶頑受能力等因索，決定 將汽.柴濁價(jià)桔毎噸提部飯， 寫評論 發(fā)表 垂諸 圖3-3新聞發(fā)布系統(tǒng)用戶發(fā)表評論界|fl|re

10、adnew 2.1. 6.用戶發(fā)表評論頁面組件命名及功能一覽 對象名 類 功能 操作 無 table 顯示新聞 顯示 無 table 評論文木框 顯示 comment textarea 寫評論 輸入 無 Submit 發(fā)表按鈕 點(diǎn)擊 無 Reset 重宜按鈕 點(diǎn)擊 2. 2.后臺界面 2. 2.1.記者寫新聞界面 新聞標(biāo)惡 2. 2. 2.記者寫新聞界面組件命名及功能一覽 對象名 類 功能 操作 Title Text 新聞標(biāo)題 輸入 Fckl fckeditorTxtField 新聞編輯區(qū) 輸入 Submitbutton Button 提交按鈕 點(diǎn)擊 fckeditor Button 文字處理

11、 點(diǎn)擊 2. 2. 3.記者査看新聞信息頁面 曲第的產(chǎn)后冃養(yǎng) 2D10年2月1日 正仕 備注 更$文至 2. 2. 4.記者査看新聞信息頁面組件命名及功能一覽 對象名 類 功能 操作 無 超鏈接 修改 點(diǎn)擊 2. 2. 5.編輯指定記者釆訪界面 J Q 內(nèi)容？觀系折* 它 SW 電話 新聞發(fā)布系統(tǒng) 虹 Iff Y胖檢 O 啓 二$ Wdtw引 2. 2. 6.編輯指定記者采訪界面組件命名及功能一覽 對象名 類 功能 操作 Repotr checkBox 選擇記者 選擇 Date 日歷控件 采訪時(shí)間文木框 輸入 Comment Textarea 采訪內(nèi)容文本框 輸入 無 Submit 提交按鈕

12、點(diǎn)擊 無 Reset 重置按鈕 點(diǎn)擊 2. 2. 7.編輯審核新聞界面 2. 2. 8.審核新聞功能組件命名及功能一覽 對象名 類 功能 操作 Base Css 美化界面 Main Css 羌化界面 Frm form 表單 輸入 txta TextArea 輸入消息文本框 輸入 pass Button 提交按鈕 點(diǎn)擊 unpass Button 提交按鈕 點(diǎn)擊 2. 2. 9.管理員審核新聞界面 DI Cl MH書筌 C fi it 眄嶺曜京宛在也上/嗎?bZ 旳l Wdcw & Holms! . J 胡昨：人民EC空改殺不M花肝切E力下推13 3310年4月IQ日 3* 加4:人民幣匯率茂軍

13、不合抄懿力下也13 2010年4月14日 郵菇：人民幣匯爲(wèi)改車私妙灘力下雄遷 2010年4月14日 幀決：人民唄匚遜芝忌在外0圧力下怡空 2010年4月iq日 玄好：，羽妣話恥布宗孫 【莊謝總岀】 新聞發(fā)布系統(tǒng) 亦*布 ER* 湖惟目 C示,DT欄目 O /ttKrtta 人貝趣 。jfJQ-A-S 十開帕 Q 二）S吩W,&加b4電企卿盼用戶屛面役I切狐鳩趣宗比用戶界両|北內(nèi)礎(chǔ)復(fù)列樂-纟龍flj. 圖3-3-2新聞發(fā)布系統(tǒng)管理員審核界面-audit 2. 2.10管理員審核新聞界面組件命名及功能一覽 對象名 類 功能 操作 Base Css 美化界面 Main Css 美化界面 Frm fo

14、rm 表單 輸入 topFrame frame 窗體 menu frame 窗體 main frame 窗體 2. 2.11管理員修改刪除子欄目界面 圖2-1-5管理員修改刪除子欄目界而 2. 2.12.管理員修改刪除子欄目解密組件命名及功能一覽 對象名 類 功能 操作 無 超鏈接 完成刪除 點(diǎn)擊 無 超鏈接 完成修改 點(diǎn)擊 subid Checkbox 選擇刪除項(xiàng) 點(diǎn)擊 對象名 類 功能 操作 Name Text 輸入欄目名 輸入 Title Select 選擇父欄目名 選擇 remark Textarea 輸入備注 輸入 2. 2.13管理員添加人員界面 圖2-4-6管理員添加人員界血 2

15、. 2.14.管理員添加人員界面組件及功能一覽 對象名 類 功能 操作 username text 輸入 輸入 pwdl text 輸入 輸入 pwd2 text 輸入 輸入 name text 輸入 輸入 email text 輸入 輸入 phone text 輸入 輸入 type text 輸入 輸入 remark Textarea 錄入備注 輸入 無 reset 重填 點(diǎn)擊 無 submit :工:- Cl笈倫書鑒 -C 畚 嗚MEEttngyZF肚而/I伽f理至沁在也o5ccpot%2o上九刃丸”川妙沁mbzi 恬糊關(guān) 兔空j白主2燄共 網(wǎng) ，勿!2粧用爸型i爾系統(tǒng)？ QfiUJ 用戶館勺 IXfTCTKXC 新聞發(fā)布系統(tǒng) &/ $二0 9.療 鄉(xiāng)開易1畫 冷“ _)s w