新闻管理系统用户界面设计.doc

企业即时通用户界面设计报告- 15 -机构图标新闻发布系统用户界面设计报告文件状态： 草稿 正式发布 正在修改文件标识：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.用户发表评论页面组件命名及功能一览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.管理员添加人员界面142.2.14.管理员添加人员界面组件及功能一览152.2.15.管理员变更删除人员界面152.2.16.管理员变更删除人员界面组件及一览152.2.17.管理员变更人员界面组件及一览16机构公开信息1. 界面的关系图和工作流程图1.1. 界面功能一览（客户端）界面名称界面标识功能说明登录loginJFrame连接服务器，对用户的身份进行验证主界面mainJFrame查看新闻，包含其他操作功能用户信息修改updateInfoJFrame更新用户的详细信息发表评论chatJFrame用户发表评论用户注册chatRecordJFrame用户注册信息关于helpDialog本软件的版本信息、版权说明、开发小组信息表2-1 新闻发布系统客户端界面一览表1.2. 界面功能一览（服务器端）界面名称界面标识功能说明主界面mainJFrame员工登录信息记者信息管理corperationJFrame记者编辑新闻，查看任务编辑信息管理departmentJFrame编辑审核新闻，派发任务，管理评论总编信息管理departmentAddJFrame总编人事管理，新闻栏目管理关于helpDialog本软件的版本信息、版权说明、开发小组信息表2-2 新闻发布系统服务器端界面一览表 1.3. 界面关系及工作流程1.4. 客户端界面关系 图2-1 新闻发布系统客户端界面关系及工作流程图 1.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. 用户注册页面组件命名及功能一览对象名类功能操作modifyFrame窗体usernametext用户名显示relnametext真实姓名显示Pwd1text密码显示phonetext电话显示emailtext电子邮箱显示Pwd2text密码确认显示Resettext重置点击submittext提交显示2.1.5. 用户发表评论页面图3-3 新闻发布系统用户发表评论界面readnew2.1.6. 用户发表评论页面组件命名及功能一览对象名类功能操作无table显示新闻显示无table评论文本框显示commenttextarea写评论输入无Submit发表按钮点击无Reset重置按钮点击2.2. 后台界面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采访内容文本框输入无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窗体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.2.16. 管理