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

1、Asp新闻管理系统用户界面设计新闻发布系统界面设计报告目录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、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. 管理员添加人员

3、界面 142.2.14. 管理员添加人员界面组件及功能一览 152.2.15. 管理员修改用户信息界面 152.2.16. 管理员修改用户信息界面组件及一览 15机构公开信息1. 界面的关系图和工作流程图1.1. 界面功能一览（客户端）界面名称界面标识功能说明首页Default.aspx查看新闻，包含其他操作功能登陆Login.aspx连接服务器，对用户身份进行认证用户个人管理中心UserCenter.aspx管理的详细信息发表评论Comments.aspx用户发表评论用户注册UserReg.aspx用户注册信息新闻搜索Search.aspx根据标题或内容搜索新闻表2-1 新闻发布系统客户端界

4、面一览表1.2. 界面功能一览（服务器端）界面名称界面标识功能说明主界面Admin_Login.aspx管理员登陆界面新闻管理Admin_Index.aspx管理员管理新闻，发布，删除，更新等添加新闻AddNews.aspx管理员添加新闻删除新闻DeleteNews.aspx管理员删除新闻审核新闻CheckNews.aspx管理员审核新闻编辑新闻EditNews.aspx管理员编辑新闻管理新闻评论CheckComments.aspx管理员管理用户评论表2-2 新闻发布系统服务器端界面一览表 1.3. 界面关系及工作流程1.4. 客户端界面关系 用户（登录） 用户注册 浏览新闻 发表评论 管理信

5、息图2-1 新闻发布系统客户端界面关系及工作流程图 1.5. 服务器端界面关系管理员 新闻管理 添加新闻 删除新闻 审核新闻 编辑新闻 管理系统用户 管理新闻评论 图2-1 新闻发布系统服务器端界面关系及工作流程图2. 界面2.1. 前台主界面2.1.1. 主界面视图图3-1 新闻发布系统客户端主界面index2.1.2. 主界面组件命名及功能一览对象名类功能操作MenuJavascript控制层的显示与隐藏BaseCss美化页面frontCss美化页面Form1Form查询新闻点击registerForm注册点击登陆Separator登陆点击退出登陆MenuItem退出登陆点击2.1.3.

6、用户注册视图图3-2 新闻发布系统前台用户注册信息界面regedit2.1.4. 用户注册页面组件命名及功能一览对象名类功能操作modifyFrame窗体usernametext用户名显示relnametext真实姓名显示Pwd1text密码显示Pwd2text确认密码显示emailtext电子邮箱显示submittext提交显示2.1.5. 用户发表评论页面图3-3 新闻发布系统用户发表评论界面readnew2.1.6. 用户发表评论页面组件命名及功能一览对象名类功能操作无table显示新闻显示无table评论文本框显示nametextatea用户名输入qqtextatea用户QQ输入ema

7、iltextatea用户e-mail输入commenttextarea写评论输入无Submit提交点击2.2. 后台界面2.2.1. 管理员编写和发布新闻界面 2.2.2. 管理员编写新闻界面极组件及功能一览表对象名类功能操作TitleText新闻标题输入newsclassTextBox新闻分类选择EditlabelLabel编写新闻输入SubmitbuttonButton提交按钮点击ResetbuttonButton重置按钮点击2.2.3. 管理员审核新闻信息界面2.2.4. 管理员审核新闻信息界面组件命名及功能一览对象名类功能操作无超链接进行审核点击2.2.5. 管理员管理现有新闻界面2.

8、2.6. 管理员管理现有新闻界面组件命名及功能一览表对象名类功能操作EditSubmit修改内容点击DeleteSubmit删除新闻点击2.2.7. 管理员编辑管理新闻类别界面2.2.8. 管理员编辑管理新闻类别功能组件命名及功能一览对象名类功能操作BaseCss美化界面MainCss美化界面EditSubmit修改点击DeleteSubmit删除点击2.2.9. 管理员管理系统用户界面图3-3-2新闻发布系统管理员审核界面-audit2.2.10. 管理员管理系统用户界面组件命名及功能一览对象名类功能操作BaseCss美化界面MainCss美化界面EditSubmit修改点击DeleteSu

9、bmit修改点击AddSubmit修改点击2.2.11. 管理员管理新闻评论界面图2-4-5管理员修改删除子栏目界面2.2.12. 管理员管理新闻评论界面组件及功能一览表对象名类功能操作ChosebuttonButton全部选择点击DeletebuttonButton删除选中项点击AlldeletebuttonButton删除选中新闻全部评论点击2.2.13. 管理员添加人员界面图2-4-6管理员添加人员界面2.2.14. 管理员添加人员界面组件及功能一览对象名类功能操作usernametext输入输入pwdtext输入输入emailtext输入输入typetext输入输入remarkTextarea权限选择addbuttonbutton提交点击2.2.15. 管理员修改用户信息界面图2-4-7管理员变更删除人员界面2.2.16. 管理员修改用户信息界面组件及一览对象名类功能操作username超链接修改名称输入psw超链接修改密码输入email超链接修改邮箱输入type超链接修改权限选择button超链接确定修改电击