《博友新闻网站详细设计说明书》由会员分享，可在线阅读，更多相关《博友新闻网站详细设计说明书（16页珍藏版）》请在金锄头文库上搜索。
1、 详细设计说明书详细设计说明书1.界面设计界面设计1.1 界面布局界面布局用户注册、登录版块系统图标导航条区汽车新闻链接版块汽车资讯区IT 新闻链接版块IT 资讯区图片1.2jsp 页面列表页面列表序 号文件名简要说明目录1index.jsp主页面，采用框架技术，包含 top.jsp、menu.jsp、car.jsp、it.jsp 和 system.htm 2top.jsp普通用户注册，登陆界面 3system.html显示系统图标及简介 4menu.jsp显示功能菜单栏 5carLink.jsp显示汽车新闻的一些链接 6itLink.jsp显示 IT 新闻的一些链接 7contact.jsp
2、联系网站设计组的方式 8carNews.jsp显示汽车资讯 9javascript.htmlcarNews.jsp 用到的 JavaScript 文件 10itNews.jsp显示 IT 资讯系 统 根 目 录 下11bottom.jsp首页底部的图片及其联系方式 12Css1.csscss 样式表 13login.jsp系统用户登录后台管理界面 14registerTop.jsp注册页面 15blog.jsp个人博客 16checkLogin.jsp验证用户名和密码是否正确Top17backManage.jsp后台管理界面 18addNews.jsp增加新闻 19addUser.jsp增加系
3、统用户 20backList.jsp显示功能菜单 21delNews.jsp删除新闻 22delUser.jsp删除系统用户 23modPwd.jsp修改系统用户的密码 24viewUser.jsp浏览所有用户信息Back25addBlog.jsp增加博文 26delBlog.jsp删除博文 27modBlog.jsp修改博文 28viewBlog.jsp显示博文列表Blog29car.jsp汽车新闻主页 30rollPicCar.htm显示一组汽车图片 31carContent.jsp汽车新闻的浏览Car32it.jspIT 新闻主页 33itbottom.jsp显示一组 IT 新闻图片 3
4、4itcontent.jspIT 新闻的浏览 35Itright1.jspIT 右部框架新闻链接一 36Itright2.jspIT 右部框架新闻链接二It37img图片文件夹Img 38swfFlash 按钮文件夹swf1.3 前台显示页面说明1Index.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 显示用户注
5、册及登录的表单， 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 页面上选择对应的功能，可以打开对应的操作界面。menu.jsp汽 车 资 讯IT 资 讯后 台 管 理联 系 我 们car.jspit.jspbackManage.jspcontact.jsp其它功能页面的关系如下图所示。login.jspbackMan
6、age.jsp登录失败index.jsplogin.jspbackManage.jsp没有登录登录成功登录失败addNews.jspbackManage.jspcheckLogin.jsp登录成功checkLogin.jsp添加失败添加成功 deleteNews.jspbackManage.jsp删除成功删除失败addUser.jsp删除失败添加成功 backManage.jsp添加失败delUser.jspbackManage.jsp删除成功modPwd.jsp修改成功backManage.jsp修改失败删除失败delBlog.jspblog.jsp删除成功modPwd.jspaddBlog
7、.jsp添加成功blog.jsp添加失败modBlog.jsp修改成功修改失败blog.jsp2数据库设计2.1 数据库逻辑设计数据库的实体关系图如图所示。 用户管理系统管理员浏览管理新闻博文1nnnnnm1n管理1真实 姓名身份 证号姓名密码标题作者添加 时间内容手机号 码性别姓名 密码年龄作者标题内容时间删除新闻添加博文修改新闻添加新闻删除博文修改博文删除用户E-R 图2.2 数据库逻辑设计系统一共设计了 4 张数据表，如下所示：数据表列表序号表名实体、关系名说明1Blogs信息实体保存用户博客内容2Bloguser用户实体保存用户信息3News信息实体保存新闻内容4SystemUser管
8、理员实体保存管理员信息各表详细说明如下：Blogs 表字段名称含义数据类型是否主键是否外键Blogtitle博文标题Varchar（50）否否bloguser作者Varchar(80)是是Blogcontent内容Varchar(5000)否否Time更新时间Varchar（50）否否BlogUser 表字段名称含义数据类型是否主键是否外键Bloguser用户名称Varchar（50）是是Password用户密码Varchar（50）否否Sex用户性别Char(2)否否Age年龄Int否否Phonenumber电话号码Varchar（50）否否News 表字段名称含义数据类型是否主键是否外键T
9、itle新闻标题Varchar（50）否否Article内容Varchar(8000)否否Username管理员名称Varchar（50）是是Time发表时间Varchar（50）否否Systemuser 表字段名称含义数据类型是否主键是否外键Username管理员名称Varchar(50)是是Password密码Varchar(50)否否Realname真是姓名Varchar(50)否否IDcard身份证Varchar(20)否否3类设计类设计 3.1 类列表类列表 序号类名关联类处理概要包1Systemuser.javaSystemUser 实体对 象 2BlogUser.javaBlog
10、User 实体对象3NewsManage.java新闻实体对象4BlogManage.java博文实体对象DBService5checkLogin.javaSystemuser.java系统用户登录处理， 完成对应实体到数 据库的操作 6register. javaBlogUser.java用户注册处理，完 成对应实体到数据 库的操作 7addNews.javaNewsManage.java增加新闻，完成对 应实体到数据库的 操作 8delNews.javaNewsManage.java删除新闻，完成对 应实体到数据库的 操作 9viewNews.javaNewsManage.java浏览新闻
11、列表，完 成对应实体到数据 库的操作 10addUser.javaSystemuser.java增加用户，完成对 应实体到数据库的 操作 11delUser.javaSystemuser.java删除用户，完成对 应实体到数据库的 操作 12viewUser.javaSystemuser.java浏览用户，完成对DataService应实体到数据库的 操作 13modPwd.javaSystemuser.java修改用户密码，完 成对应实体到数据 库的操作 14addBlog.javaBlogManage.java, BlogUser.java增加博文，完成对 应实体到数据库的 操作 15delBlog.javaBlogManage.java, BlogUser.java删除博文，完成对 应实体到数据库的 操作 16modBlog.javaBlogManage.java, BlogUser.java修改博文，完成对 应实体到数据库的 操作 17viewBlog.javaBlogManage.java, BlogUser.java浏览博文列表，完 成对应实体到数据 库的操作
