博友新闻网)站详细设计说明书.docVIP

详细设计说明书 1.界面设计 1.1界面布局 用户注册、登录版块 系统图标 导航条区 汽车新闻链接版块 汽车资讯区 IT新闻链接版块 IT资讯区 图片 jsp页面列表 序号 文件名 简要说明 目录 1 index.jsp 主页面，采用框架技术，包含top.jsp、menu.jsp、car.jsp、it.jsp和system.htm 系 统 根 目 录 下 2 top.jsp 普通用户注册，登陆界面 3 system.html 显示系统图标及简介 4 menu.jsp 显示功能菜单栏 5 carLink.jsp 显示汽车新闻的一些链接 6 itLink.jsp 显示IT新闻的一些链接 7 contact.jsp 联系网站设计组的方式 8 carNews.jsp 显示汽车资讯 9 javascript.html carNews.jsp用到的JavaScript文件 10 itNews.jsp 显示IT资讯 11 bottom.jsp 首页底部的图片及其联系方式 12 Css1.css css样式表 13 login.jsp 系统用户登录后台管理界面 14 registerTop.jsp 注册页面 Top 15 blog.jsp 个人博客 16 checkLogin.jsp 验证用户名和密码是否正确 17 backManage.jsp 后台管理界面 Back 18 addNews.jsp 增加新闻 19 addUser.jsp 增加系统用户 20 backList.jsp 显示功能菜单 21 delNews.jsp 删除新闻 22 delUser.jsp 删除系统用户 23 modPwd.jsp 修改系统用户的密码 24 viewUser.jsp 浏览所有用户信息 25 addBlog.jsp 增加博文 Blog 26 delBlog.jsp 删除博文 27 modBlog.jsp 修改博文 28 viewBlog.jsp 显示博文列表 29 car.jsp 汽车新闻主页 Car 30 rollPicCar.htm 显示一组汽车图片 31 carContent.jsp 汽车新闻的浏览 32 it.jsp IT新闻主页 It Img 33 itbottom.jsp 显示一组IT新闻图片 34 itcontent.jsp IT新闻的浏览 35 Itright1.jsp IT右部框架新闻链接一 36 Itright2.jsp IT右部框架新闻链接二 37 img 图片文件夹 38 swf Flash按钮文件夹 swf 1.3 前台显示页面说明 1．Index.jsp、top.jsp、system.html 、menu.jsp 、carLink.jsp 、itLink.jsp、bottom.jsp Index.jsp页面是网站主页，包含top.jsp、system.html 、menu.jsp 、carLink.jsp 、itLink.jsp、bottom.jsp。top.jsp显示用户注册及登录的表单，system.html显示系统图标，位于上方。 2.login.jsp 登陆页面 3.it.jsp IT新闻页面 4.car.jsp 汽车新闻页面 5.backManage.jsp 后台管理页面 6.contact.jsp 联系我们页面 7.blog.jsp 博客空间页面 1.4 JSP页面导航规则 在menu.jsp页面上选择对应的功能，可以打开对应的操作界面。 其它功能页面的关系如下图所示。 2．数据库设计 2.1数据库逻辑设计 数据库的实体关系图如图所示。 2.2数据库逻辑设计 系统一共设计了4张数据表，如下所示： 数据表列表 序号 表名 实体、关系名 说明 1 Blogs 信息实体 保存用户博客内容 2 Bloguser 用户实体 保存用户信息 3 News 信息实体 保存新闻内容 4 SystemUser 管理员实体 保存管理员信息 各表详细说明如下： Blogs表 字段名称 含义 数据类型 是否主键 是否外键 Blogtitle 博文标题 Varchar（50） 否 否 bloguser 作者 Varchar(80) 是 是 Blogcontent 内容 Varchar(5000) 否 否 Time 更新时间 Varchar（50） 否 否