XX学校本科毕业设计(论文)
时间新闻信息留言类型编号标题作者图4.3 新闻信息属性实体图
留言标题时间编号新闻编号图4.4 留言属性实体图
留言内容管理员编号用户名图4.5 管理员属性实体图
密码
4.4.2 数据库逻辑结构设计
根据已经设计好的数据库的概念设计,将相应的概念设计转化为数据库所支持的实际数据模型,既数据的逻辑结构,数据各表的详细设计如下所示。
新闻信息表(info):主要用于存储新闻编号、标题、留言、作者、时间和类型等信息。如表4.1所示。
10
XX学校本科毕业设计(论文)
表4.1 新闻信息表(info)
字段名 id title content time type author 字段类型 int varchar longtext datetime int varchar 是否为空 否 否 否 是 是 是 约束 主键 非空 非空 允许空 允许空 允许空 描述 新闻编号 标题 评论 时间 类型 作者 留言表(message):主要用于存储留言编号、新闻编号、留言、时间、标题等信息。如表4.2所示。
表4.2 留言表(message)
字段名 id infoid content time title 字段类型 int int longtext datetime varchar 是否为空 否 否 否 是 是 约束 主键 非空 非空 允许空 允许空 描述 留言编号 新闻编号 留言 时间 标题 管理员表(users):主要用于存储管理员编号、用户名和密码信息。如表4.3所示。
表4.3 管理员表(users)
字段名 id username pwd 字段类型 int varchar varchar 是否为空 否 是 是 约束 主键 允许空 允许空 描述 管理员编号 用户名 密码
11
XX学校本科毕业设计(论文)
第五章 详细设计
5.1 前台界面设计
前台界面总是任何系统的第一门户。因此设计出良好的前台界面会极大地增加系统的用户体验,是体现人性化设计的最直接表现。本课题的前台界面力求简单、明了,构成网站地图,是网站的整体架构一览无余。
本课题中,将前台界面设计成六个个主要部分,总体如图5.1所示。
图5.1 前台界面总体设计
网站标题 快速搜索框 导航栏 公告栏 链接栏 新闻展示区
1)网站标题
网站标题在前台界面的顶端,主要是显示网站的名称和logo。 2)快速搜索框
用户在快速搜索框中输入自己需要的新闻关键字,搜索成功后在新闻展示区中列出符合条件的新闻,用户可以在列出的新闻中找到自己需要的新闻。若没有搜索到相关新闻,在新闻展示区显示“该栏目还没有新闻!”[12]
3)导航栏
导航栏主要是列出各个分类的名称,用户可以根据自己需要的新闻的类别在在相应的分类中找寻新闻。点击某个分类,则会在新闻展示区中列出该分类的所有新闻以及该留言[13]。
4)公告栏
12
XX学校本科毕业设计(论文)
公告栏主要是张贴学校的最新公告,用户可以通过查看公告栏的信息,了解学校最近的动态以及一些重要通知等。
5)链接栏
设置链接栏主要是为了方便用户查询相关网站的信息,点击链接即可进入到该网站。
6)新闻展示区
新闻展示区的主要作用就是新闻展示,按照时间顺序依次列出。如果打开的是具体的新闻,则在新闻的下方还好显示相关的用户留言;如果打开的是某一类别,则只会显示该类别的新闻标题[14]。
5.2 后台界面设计
后台界面是用户进行网站管理的地方,应该以管理的操作为主,所以本课题的后台界面比较简单,主要包括了管理员的基本操作,新闻编辑区等。由于时间关系,本课题中,后台界面主要是管理员后台界面,如图5.2所示。
管理菜单 系统管理 用户信息 发布新闻 管理员管理 退出系统
发布公告 管理新闻 管理留言 返回首页 图5.2 管理员后台界面总体设计
信息展示区 管理员后台界面处理的信息涵盖了整个网站,操作比较复杂。主要包括四大主要部分,包含了六种不同的操作。
1)系统管理
13
XX学校本科毕业设计(论文)
新闻网站的主要操作都集中在系统管理中:发布新闻、发布公告、管理新闻和管理留言。
点击发布新闻,在信息展示区中显示新闻编辑界面。编辑内容包括标题、作者、类型和新闻内容,在新闻内容的上方工具栏,包括了一些常用的编辑工具。新闻编辑好了之后,点击最下方的提交按钮,就可以发布新闻[15]。
点击发布公告,在信息展示区中显示公告编辑界面。编写公告标题、作者和公告内容,点击提交即可。
点击管理新闻,在信息展示区中显示出已经发布过的全部新闻信息和公告,包括标题、作者、发布时间以及操作。修改新闻时,选择要该新闻后面的操作“明细”,就会在信息展示区中就把该新闻对应的新闻编辑界面显示出来,需要修改的地方进行修改后,再提交即可;删除该新闻时,直接选中该新闻前面对应的复选框,点击“删”即可完成删除操作。这里支持批量删除操作[12]。
点击管理留言,在信息展示区中显示出全部的留言信息,包括留言的作者、内容、发布时间以及对应的新闻标题。这里只能完成留言的删除操作,即选择留言前面对应的复选框,点击“删”就可以完成删除操作,这里支持批量删除操作。
2)用户信息
管理员信息管理操作主要是查看已有的管理员基本信息,添加和删除管理员。管理员对于本新闻网站的作用非常大,所以管理员不宜太多,操作时也要谨慎[7]。
3) 信息展示区
当选择某种操作时,其相关信息是在信息展示区中展示出来的,对信息的操作也是在信息展示区中完成。
5.3 用户登陆界面设计
在前台界面点击用户登陆按钮的时候,会自动转入用户登陆界面。用户登陆界面力求简洁,在界面的中心位置设置一个登陆窗口,包括标题、用户名、密码,以及是否记录管理员的登陆状态的复选框[4]。管理员登陆界面实现了基本的管理员登陆的功能,界面设计的简单,大方。
如果用户输入的用户名或密码和数据库中的记录不对应,界面会自动返回到login.jsp用户登陆界面;如果对应,则直接跳转到该管路员的后台界面。
14