新闻管理系统用户界面设计0001
机构图标
新闻发布系统
用户界面设计报告
目录
1. 界而的关系图和工作流程图----------------------------------------------------- 3
1.1. 界面功能一览（客户端）-------------------------------------------------- 3
1.2. 界面功能一览（服务器端）------------------------------------------------ 3
1.3. 界面关系及工作流程------------------------------------------------------ 3
1.4. 客户端界而关系---------------------------------------------------------- 3
1.5. 服务器端界而关系-------------------------------------------------------- 4
2. 界而------------------------------------------------------------------------- 5
2.1. 前台主界而-------------------------------------------------------------- 5
2.1.1. 主界面视图 ------------------------------------------------------- 5
2.1.2. 主界面组件命名及功能一览 ----------------------------------------- 5
2.1.
3. 用户注册视图 ----------------------------------------------------- 6
2.1.4. 用户注册页而组件命名及功能一览 ----------------------------------- 6
2.1.5. 用户发表评论页面 ------------------------------------------------- 7
2.1.6. 用户发表评论页面组件命名及功能一览-------------------------------- 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.11. 管理员修改删除子栏目界面 ---------------------------------------- 13
2.2.12. 管理员修改删除子栏目解密组件命名及功能一览----------------------- 13
2.2.1
3. 管理员添加人员界而 ---------------------------------------------- 14
2.2.14. 管理员添加人员界而组件及功能一览--------------------------------- 15
2.2.15. 管理员变更删除人员界面 ------------------------------------------ 15
2.2.16. 管理员变更删除人员界面组件及一览--------------------------------- 15 2.2.17. 管理员变更人员界而组件及一览 ------------------------------------ 16
1.界面的关系图和工作流程图
1.1.界面功能一览（客户端）
1.2.界面功能一览（服务器端）
1.3.界面关系及工作流程
1-4.客户端界面关系
图2-1新闻发g紫辭札弭面关系及工作流程图
1.5.服务器端界面关系
s a s
mainJitnil modffynew.htm WrfteJitm
B H
modify staff.html updatetitiahtml
II ----
manager.him I reporter Jitml
§ §
audithtml modify .html
图2-1新闻发布系统服务器端界血关系及匸作流程图
2.界面
2.1. 前台主界面
2.1.1.
主界面视图
厂做软公司 °身趣网 ?-何易网
图3-1新闻发布系统客户端主界面一index
2.1. 2.主界面组件命名及功能一览
对象名
类
功能
操作
Menu Javascript 控制层的显示与隐鉞
Base Css 芙化贞面
front Css 美化贞面
Forml Form 查询新闻 点击 register Form 注册 点击 登陆
Separator
登陆
点击
新闻发布糸统T
胡第浦：人民币H 率改茧不会在外郃压力下推讲
笆目一 新闻1
2010年4月K 日 鬼多丈章》》
2010年4月14曰
厂中囲新油网
r 中［0人才热违
退出登陆MenuItem 退出登陆点击
友情链接Javascript 友情链接点击
更多文章Javascript 更多文章点击
2. 1.
3.用户注册视图
新闻发布糸统七?
您的位去:tEffi
埴写注册信息
峦码餡认：
宜实妊名：
E FQI L:
手机号：
重匱提艾
il "为必垣选顶
图3-2新闻发布系统前台用户注册信息界Ifli-regedit
2.1.4. 用户注册页面组件命名及功能一览
对象名类功能操作modify Frame 窗体
username text 用户名显示
relname text 真实姓名显示
Pwdl text 密码显示
phone text 电话显示
email text 电子邮箱显示
Pwd2
text 密码确认 显示 Reset text ：|卞 点击 submit
text
提交
显示
2.1. 5.用户发表评论页面
R
I =15J
rr ” Li. / -/畑仲也」小e 」“u 仆”IMUOT ?八o 厶小
忖格后"公众对成品油价格爺凋些似乎已成—月一凋”旳“理走蛰"今年以来?几乎巒个月郁会凤传他窗 上洒J '饬令不少消贵音刎朗跑去加0站力啪，上周，有关成品浊价格上洒谨言不仅左不少分祈 师砒告中屡观JS 倪?免令不少消喪若信以为具? U “宇可信其有，不可信其无力用决走热切?黙盼"成品 油价格上调。 问：从去年11月国內油价趣至兮已有5个月时何?为什么现在才趣油价？
国家左改环关金资人芯成品紬命格机制,只奋当国皈市场唾油连续冼个工件日綁平均仆恪芟化留过4% 吋'才会启动国内成品油价格调樂机制，去年H 月10日国内成品池价格凋眶后?匡际市场油价相对稳定，因 it ，国内成品紬怕格连烘几个月未作過卑 今年2月中旬以来?賀全球乞海黛苏n 昭因家諮肌 石油需求上 升，国际市场狛价连续上溉3月份后基本维捋在每桶B0羌元以上，4月6日原泊期货收盘价为毎徹G?美 元，达剁近一年半以来的最咼水平.忖前匡际帀场原油理復
22丫工作曰移动平均价格夷化碗了4啲凋价边 界条件，在此基础上'国家统筹考虑国内经務形纵 成品浊市场供去佶况及下游用户顽受能力等因索，决定 将汽.柴浊价桔毎吨提部饭，
图3-3新闻发布系统用户发表评论界|fl|—readnew
2.1. 6.用户发表评论页面组件命名及功能一览
对象名
类
功能
操作
无 table 显示新闻
显示 无 table 评论文木框 显示 comment textarea 写评论 输入 无 Submit 发表按钮 点击 无
Reset
重宜按钮
点击
发表
垂诸
写评论
2. 2.后台界面
2. 2.1.记者写新闻界面
新闻标惡
2. 2. 2.记者写新闻界面组件命名及功能一览
2. 2.
3.记者査看新闻信息页面
备注
更$文至》〉曲第的产后冃养2D10年2月1日正仕
2. 2. 4.记者査看新闻信息页面组件命名及功能一览
2. 2. 5.编辑指定记者釆访界面
J Q 內容？观系折 * 它
<- C fi it fir”疋:;DoenwL%2CE 岭旳汕ngev 灯5/ffi 向音廩至沁?在也OSccp ■沁勿上/edi"i7Ti5「htra
.h WrdwbVda C Wdow C 龟才 Wmd .1 自定AttJI
新闻发布系统
虹 Iff
Y 胖检 O 啓 ￡ °二$ Wdtw&pkTb ?|團祜砒Jg 歙诵户界両?||P FW%g 茅.G ?彻血
& / E “ 9;引
2. 2. 6.编辑指定记者采访界面组件命名及功能一览
对象名
类
功能
操作
Repotr checkBox 选择记者 选择 Date 日历控件 采访时间文木框 输入 Comment Textarea 采访内容文本框 输入 无 Submit 提交按钮 点击 无
Reset
重置按钮
点击
—01 x
ClMtt 书签
谿亍人舷 -审师闵 -甘師龙 -世定iE 芒孑访
记若濟
>SW
电话
2. 2. 7.编辑审核新闻界面
2. 2. 8.审核新闻功能组件命名及功能一览
2. 2. 9.管理员审核新闻界面
C fi it 眄岭曜京宛在也上/吗?bZ 旳［l Wdcw & Holms! . J
新闻发布系统
?＞亦*布
ER*
?湖惟目
C 示,DT 栏目 O ^/ttKrtta
人貝?趣
。jf^JQ-A-S
十开帕
? ⑥ Q °二）S 吩W,&加b 4电］企卿盼用户屛面役…I 切狐鳩趣宗比用户界両…||北内礎復列乐-纟龙flj...
图3-3-2新闻发布系统管理员审核界面-audit
2. 2.10?管理员审核新闻界面组件命名及功能一览
对象名
类
功能
操作
Base Css 美化界面
Main Css 美化界面
Frm form 表单 输入
topFrame frame 窗体
menu frame 窗体
main
frame
窗体
胡昨：人民EC 空改杀不M 花肝切E 力下推13 3310年4月IQ 日 3*
加4:人民币汇率茂军不合抄懿力下也13
2010年4月14日 邮菇：人民币汇爲改车私妙?滩力下雄遷 2010年4月14日 帧決：人民呗匚逊芝忌在外0圧力下怡空
2010年4月iq 日
D ?I Cl MH 书筌
玄好：，羽妣話恥布宗孙 【庄谢总岀】
2. 2.11?管理员修改删除子栏目界面
图2-1-5管理员修改删除子栏目界而2. 2.12.管理员修改删除子栏目解密组件命名及功能一览
2. 2.13?管理员添加人员界面
图2-4-6管理员添加人员界血
2. 2.14.管理员添加人员界面组件及功能一览
对象名
类
功能
操作
username text 输入 输入 pwdl text 输入 输入 pwd2 text 输入 输入 name text 输入 输入 email text 输入 输入 phone text 输入 输入 type text 输入 输入 remark Textarea 录入备注 输入 无
reset 重填 点击 无
submit
:工:<
点击
2. 2.15.管理员变更删除人员界面
<- C 畚 ☆
嗚MEEttngyZF 肚而/I 伽f 理至沁在也O 5CCP ?OT %2O 上九刃丸”川妙沁mbzi
恬糊關 □
[']兔空j 白主2燄共
新闻发布系统
乡开易1画 ■冷“ _)s wd ?|四企业即ffhi 用尸片面&.?|也折站&践妊用户界at ??||￡刚&曾&至g 储AJ ... 图2-4-7管理员变更删除人员界而 2. 2.16.管理员变更删除人员界面组件及一览 对象名 类 功能 操作 网 ，勿!2粧用爸型i 尔系统？ Q￡fiU￡￡J IXfTCTK^XC & / $?二?0 9.疗 ? D- >- Cl 笈伦书鉴 用户馆勺 248管理员变更人员界而 2. 2.17?管理员变更人员界面组件及一览