Asp新闻管理系统用户界面设计.docx
《Asp新闻管理系统用户界面设计.docx》由会员分享，可在线阅读，更多相关《Asp新闻管理系统用户界面设计.docx（13页珍藏版）》请在冰豆网上搜索。
Asp新闻管理系统用户界面设计
新闻发布系统
界面设计报告
目录
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
2.2.3.管理员审核新闻信息页面9
2.2.4.管理员审核新闻信息页面组件命名及功能一览9
2.2.5.管理员管理现有新闻界面9
2.2.6.管理员管理现有新闻界面组件命名及功能一览10
2.2.7.管理员编辑管理新闻类别界面11
2.2.8.管理员编辑管理新闻类别界面组件命名及功能一览11
2.2.9.管理员管理系统用户界面11
2.2.10.管理员管理系统用户界面组件命名及功能一览12
2.2.11.管理员管理新闻评论界面13
2.2.12.管理员管理新闻评论界面组件命名及功能一览13
2.2.13.管理员添加人员界面14
2.2.14.管理员添加人员界面组件及功能一览15
2.2.15.管理员修改用户信息界面15
2.2.16.管理员修改用户信息界面组件及一览15
机构公开信息
1.界面的关系图和工作流程图
1.1.界面功能一览（客户端）
界面名称
界面标识
功能说明
首页
Default.aspx
查看新闻，包含其他操作功能
登陆
Login.aspx
连接服务器，对用户身份进行认证
用户个人管理中心
UserCenter.aspx
管理的详细信息
发表评论
Comments.aspx
用户发表评论
用户注册
UserReg.aspx
用户注册信息
新闻搜索
Search.aspx
根据标题或内容搜索新闻
表2-1新闻发布系统客户端界面一览表
1.2.界面功能一览（服务器端）
界面名称
界面标识
功能说明
主界面
Admin_Login.aspx
管理员登陆界面
新闻管理
Admin_Index.aspx
管理员管理新闻，发布，删除，更新等
添加新闻
AddNews.aspx
管理员添加新闻
删除新闻
DeleteNews.aspx
管理员删除新闻
审核新闻
CheckNews.aspx
管理员审核新闻
编辑新闻
EditNews.aspx
管理员编辑新闻
管理新闻评论
CheckComments.aspx
管理员管理用户评论
表2-2新闻发布系统服务器端界面一览表
1.3.界面关系及工作流程
1.4.客户端界面关系
用户（登录）用户注册
浏览新闻发表评论管理信息
图2-1新闻
发布系统客户端界面关系及工作流程图
1.5.服务器端界面关系
管理员
新闻管理添加新闻删除新闻审核新闻编辑新闻管理系统用户管理新闻评论
图2-1新闻发布系统服务器端界面关系及工作流程图
2.界面
2.1.前台主界面
2.1.1.主界面视图
图3-1新闻发布系统客户端主界面－index
2.1.2.主界面组件命名及功能一览
对象名
类
功能
操作
Menu
Javascript
控制层的显示与隐藏
Base
Css
美化页面
front
Css
美化页面
Form1
Form
查询新闻
点击
register
Form
注册
点击
登陆
Separator
登陆
点击
退出登陆
MenuItem
退出登陆
点击
2.1.3.用户注册视图
图3-2新闻发布系统前台用户注册信息界面－regedit
2.1.4.用户注册页面组件命名及功能一览
对象名
类
功能
操作
modify
Frame
窗体
username
text
用户名
显示
relname
text
真实姓名
显示
Pwd1
text
密码
显示
Pwd2
text
确认密码
显示
email
text
电子邮箱
显示
submit
text
提交
显示
2.1.5.用户发表评论页面
图3-3新闻发布系统用户发表评论界面－readnew
2.1.6.用户发表评论页面组件命名及功能一览
对象名
类
功能
操作
无
table
显示新闻
显示
无
table
评论文本框
显示
name
textatea
用户名
输入
qq
textatea
用户QQ
输入
email
textatea
用户e-mail
输入
comment
textarea
写评论
输入
无
Submit
提交
点击
2.2.后台界面
2.2.1.管理员编写和发布新闻界面
2.2.2.管理员编写新闻界面极组件及功能一览表
对象名
类
功能
操作
Title
Text
新闻标题
输入
newsclass
TextBox
新闻分类
选择
Editlabel
Label
编写新闻
输入
Submitbutton
Button
提交按钮
点击
Resetbutton
Button
重置按钮
点击
2.2.3.管理员审核新闻信息界面
2.2.4.管理员审核新闻信息界面组件命名及功能一览
对象名
类
功能
操作
无
超链接
进行审核
点击
2.2.5.管理员管理现有新闻界面
2.2.6.管理员管理现有新闻界面组件命名及功能一览表
对象名
类
功能
操作
Edit
Submit
修改内容
点击
Delete
Submit
删除新闻
点击
2.2.7.管理员编辑管理新闻类别界面
2.2.8.管理员编辑管理新闻类别功能组件命名及功能一览
对象名
类
功能
操作
Base
Css
美化界面
Main
Css
美化界面
Edit
Submit
修改
点击
Delete
Submit
删除
点击
2.2.9.管理员管理系统用户界面
图3-3-2新闻发布系统管理员审核界面-audit
2.2.10.管理员管理系统用户界面组件命名及功能一览
对象名
类
功能
操作
Base
Css
美化界面
Main
Css
美化界面
Edit
Submit
修改
点击
Delete
Submit
修改
点击
Add
Submit
修改
点击
2.2.11.管理员管理新闻评论界面
图2-4-5管理员修改删除子栏目界面
2.2.12.管理员管理新闻评论界面组件及功能一览表
对象名
类
功能
操作
Chosebutton
Button
全部选择
点击
Deletebutton
Button
删除选中项
点击
Alldeletebutton
Button
删除选中新闻全部评论
点击
2.2.13.管理员添加人员界面
图2-4-6管理员添加人员界面
2.2.14.管理员添加人员界面组件及功能一览
对象名
类
功能
操作
username
text
输入
输入
pwd
text
输入
输入
email
text
输入
输入
type
text
输入
输入
remark
Textarea
权限
选择
addbutton
button
提交
点击
2.2.15.管理员修改用户信息界面
图2-4-7管理员变更删除人员界面
2.2.16.管理员修改用户信息界面组件及一览
对象名
类
功能
操作
username
超链接
修改名称
输入
psw
超链接
修改密码
输入
email
超链接
修改邮箱
输入
type
超链接
修改权限
选择
button
超链接
确定修改
电击
升级会员 