网络软件开发期末课程论文新闻发布系统网站.doc

装 订 线2009-2010学年第 一 学期 数信 学院期末考试卷 网络软件开发 学号 200771040116姓名: 胡腾飞成绩：评语： 1、 小型网站的设计与实现。题目： 新闻发布系统网站。2、 利用Dreamweaver技术实现网页设计、发布和浏览。3、 主要功能有： a) 新闻浏览b) 新闻发布c) 新闻栏目管理d) 新闻检索e) 用户和权限管理新闻管理系统小组成员：胡腾飞（组长）、邹立、王会萍小组成员具体分工：项目策划：胡腾飞前台页面：邹立登陆页面：王会萍页面美化: 王会萍后台代码：胡腾飞数据库设计：胡腾飞编码转换：胡腾飞目录一、需求分析31、实现功能：3二、总体设计31、设计目标32、设计原则43、项目规划4三、模板设计及功能41、前台新闻浏览模块详细说明43、后台管理模板详细设计说明54、总体架构设计55、开发和运行环境6四、数据库设计6五、详细设计与实现7六、使用说明29七、总结31一、需求分析1、实现功能：l 新闻浏览：用户方便地浏览新闻列表和新闻的详细内容。l 新闻发布：用户根据需要发布图文并茂的新闻，并且可以对新闻信息进行格式化。l 新闻栏目管理：用户根据需要添加、删除新闻栏目，实现新闻的分类管理。l 新闻检索：用户根据新闻的某些关键字在网站内部实现新闻的检索。l 用户和权限管理：只有系统的有效用户才可以对新闻进行操作，系统管理员可以为用户分配权限。二、总体设计1、设计目标l 实现新闻的分类管理和展示。l 实现新闻的在线编辑和纤细信息浏览。l 实现新闻检索功能。2、设计原则l 页面模板化：将页面中的一些常用的部分模板化，如页面的头部、尾部等，这样在设计页面时，如果有重复的部分，只需要用现成的模板来拼装即可。这样可以实现代码重用和全局的控制。l 后台和前台的独立：将后管理模板和前台新闻浏览模板独立起来，便于管理员管理和维护数据，也便于用户浏览。同时，对用户的权限进行控制，可以增加系统的安全性。3、项目规划新闻发布系统由前台新闻浏览及后台新闻管理两大部分组成:l 前台新闻浏览模板：该部分主要包括新闻分类、新闻浏览、新闻检索、提供后台登陆等。l 后台管理模板：该部分主要包括新闻栏目管理、新闻信息管理、管理员管理、修改密码、安全退出等。三、模板设计及功能1、前台新闻浏览模块详细说明l 首页模板：该模板提供新闻分类导航类、新闻分类列表、管理员登陆等功能。l 新闻浏览模板：该模板提供了新闻浏览功能，使用户能够方便、及时地查看最新的新闻。l 最近新闻模板：该模板提供了最新的新闻列表，使用户能够快速浏览最近发布的新闻。l 新闻浏览排行模板：该模板提供了浏览量最大的新闻排行列表，使用户能够快速浏览热点新闻。l 新闻检索模板：该模板提供了按照新闻的某些关键字检索新闻的功能，使用户能够方便地进行站内新闻检索。3、后台管理模板详细设计说明l 新闻管理模板：该模板提供了新闻的添加、修改和删除功能。l 栏目管理模板：该模板提供了新闻栏目的添加、修改和删除功能。l 管理员管理模板：该模板提供了新闻发布管理员的添加、修改和删除功能。l 安全退出管理模板：该模板提供了使管理员安全登出系统的功能。4、总体架构设计我们的新闻发布系统采用MVC（JSP+JAVABEAN+SERVLET）架构开发新闻发布系统项目结构说明文件/文件夹名称说明Src用于保存网站中应用的JAVABEAN源文件Commons-fileupload.jar用于文件上传的文件FCKeditor-2.3.jar在线编辑器所在的文件mysql-connector-java-5.16-bin.jar用于数据库连接的文件admin用于保存网站后台的文件css用于保存CSS外部样式表文件images用于保存网站中的应用的图片文件scripts用于保存JS文件styles用于保存站点统计相关文件UserFiles用英语保存友情连接的相关文件lib用于保存网站中用到的jar包文件web.xml用于整个项目的配置5、开发和运行环境新闻发布系统的开发和运行需要以下软件平台的支持：l 操作系统：windows XP.l 数据库：mysql-5.0.22-win32l 开发工具：jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008.exe、 MyEclipse 7.0 M1.l Web服务器：Tomcat 6.0.l 浏览器：360浏览器 3.16正式版四、数据库设计 新闻发布系统所采用的数据库为Mysql,数据库名称为cms，包含3张数据表。f) 数据表概要说明数据库名:cms.数据表：kind、news、userg) 主要数据表的结构(1).news(新闻信息表)新闻信息表用来保存系统发布的新闻相关信息，前台页面显示的基本上是调用这张表中的数据。News表结构如下：字段名数据类型空否主键否备注newsidint(10)unsigned(null)PRIauto_incrementkindidint(10)unsignedno(null)所属栏目IDtitlevarchar(100)no(null)新闻标题contentlongtextno(null)新闻内容picvarchar(200)yes(null)图片地址ntimetimestampno(null)创建时间useridint(10)unsignedno(null)新闻工作IDtotalint(11)yes(null)点击数_toptinyint(2)yes(null)是否在首页显示(2).kind(新闻类别表)新闻类别表用来系统发布的新闻的类别信息，便于新闻的管理，前台页面中显示的模块便是调用这个表中的数据。Kind表的结构如下：字段名数据类型空否主键否备注kingidint(6)unsigned(null)PRIAuto_incrementkindnamevarchar(100)no(null)栏目名称isshowint(11)no(null)是否在首页显示(3).user(用户信息表)用户信息表保存系统用户的信息，控制用户的类型和权限以及用户对系统的操作记录。User表的结构如下：字段名数据类型空否主键否备注User_idInt(10)unsigned(null)PRIAuto_incrementUsernameVarchar(100)No(null)用户名UserpwdVarchar(100)no(null)密码ipVarchar(100)no(null)用户IPcreatedTimestampno(null)创建时间priorityInt(11)no(null)用户权限五、详细设计与实现下面详细介绍新闻发布系统的设计与实现过程。1-8的设计 都是可见的设计 所以配合截图来说明代码。h) 首页设计(index.jsp)第一块代码至第六块代码<div class="newsShow botBlue clearFix"><div class="newsList">说明 由于1-6块代码 惊人的相似 所以这里只摆出第一块<h2>学院新闻</h2><%ResultSet rs = db.getNews(3, "", 1); -调用了db对象的getNews()方法返回栏目ID为3的所有新闻 %><ul><% while (rs.next() %><li><a href="showNews.jsp?newsid=<%=rs.getInt("newsid")%>" title="<%=StringUtil.toGb(rs.getString("title") %>" rel="external"><%=StringUtil.strLeft(StringUtil.toGb(rs.getString("title"), 15) %></a><span class="date"><%=StringUtil.strLeft(rs.getString("ntime"), 10) %></span></li><%rs.close();%></ul><span class="more"><a href="news.jsp?kindid=3" title="更多新闻">more.</a></span>-遍历整个数据整个数据集将相关的数据经过字符串处理后显示到首页这里kindid=3表示新闻栏目为3 第七块代码至第十块代码<div id="leftBox"><div class="leftShow">由于第7块代码-第10块代码有非常惊人的相似之处 所以这里只列出第7块<h2>通知公告</h2><%rs = db.getNews(9, "", 1); %><ul><% while (rs.next() %><li><a href="showNews.jsp?newsid=<%=rs.getInt("newsid")%>" title="<%=StringUtil.toGb(rs.getString("title") %>" rel="external"><%=StringUtil.strLeft(StringUtil.toGb(rs.getString("title"), 15) %></a><span class="date"><%=StringUtil.strLeft(rs.getString("ntime"), 10) %></span></li><%rs.close();%></ul><span class="more"><a href="news.jsp?kindid=9" title="更多新闻">more.</a></span></div>第11块<li><a id="inPage" class="noLine" href="index.jsp" title="学院首页">学院首页</a></li><li><a href="news.jsp?kindid=2" title="学院简介">学院简介</a></li><li><a href="news.jsp?kindid=3" title="学院新闻">学院新闻</a></li><li><a href="news.jsp?kindid=4" title="招生概况">招生概况</a></li><li><a href="news.jsp?kindid=5" title="学位信息">学位信息</a></li><li><a href="news.jsp?kindid=6" title="证书考试">证书考试</a></li><li><a href="news.jsp?kindid=7" title="企业培训">企业培训</a></li><li ><a href="news.jsp?kindid=8" title="学籍管理">学籍管理</a></li>第12块<a id="old" class="more" href="admin/index.jsp" title="管理入口">管理入口</a>第13块<a href=" title="GOOGLE" rel="external">GOOGLE</a>|<a href="" title="百度" rel="external">百度</a>|<a href=" title="人人网" rel="external">人人网</a>|<a href=" title="迅雷" rel="external">迅雷</a>|<a href=" title="西北师范大学" rel="external">西北师范大学</a>|<a href=" title="淘宝" rel="external">淘宝</a>|<a href=" title="新浪" rel="external">新浪</a>|<a href=" title="搜狐" rel="external">搜狐</a>|<a href=" title="IT168" rel="external">IT168电脑网</a>|<a href=" title="CCTV" rel="external">中央电视台 CCTV</a>|<a href=" title="阿里巴巴" rel="external">阿里巴巴</a></div>Copyright 2010-2011 <a href="http:/202.201.48.18/sxxy/cmis/index.php" title="师大数信学院">http:/202.201.48.18/sxxy/cmis/index.php</a> all rights reserved.power<br />学院新闻中心&nbsp;&nbsp;&nbsp;&nbsp;i) 二级栏目显示页面(news.jsp)第一块<ulid="nav" class="clearFix"><li><a id="inPage" class="noLine" href="index.jsp" title="学院首页">学院首页</a></li><li><a href="news.jsp?kindid=2" title="学院简介">学院简介</a></li><li><a href="news.jsp?kindid=3" title="学院新闻">学院新闻</a></li><li><a href="news.jsp?kindid=4" title="招生概况">招生概况</a></li><li><a href="news.jsp?kindid=5" title="学位信息">学位信息</a></li><li><a href="news.jsp?kindid=6" title="证书考试">证书考试</a></li><li><a href="news.jsp?kindid=7" title="企业培训">企业培训</a></li><li ><a href="news.jsp?kindid=8" title="学籍管理">学籍管理</a></li></ul>第二块实现新闻的列表显示<form id="search" method="post" action="news.jsp" > <table width="100%" border="0" align="right" cellpadding="0" cellspacing="1" class="tablegg"> <tr> <td><table width="100%" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#F1F1F1"> <tr bgcolor="#E3E2C3"> <td height="23"><div align="center" class="style4"> 新闻管理</div></td> </tr> <tr> <td height="111" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF"> <tr bgcolor="#EDEDE1"> <td height="26" colspan="6"><span class="forumRow">&nbsp;&nbsp;&nbsp;<strong>&nbsp;&nbsp;: : <span class="style4">新闻列表</span> : :</strong></span></td> </tr> <tr bgcolor="#E3E2C3"> <td height="26" >&nbsp;&nbsp;&nbsp;&nbsp; 新闻标题 </td> <td height="26" >&nbsp;&nbsp;&nbsp;&nbsp; 新闻内容 </td> <td height="26" >&nbsp;&nbsp;&nbsp;&nbsp; 发布时间 </td> <td height="26" >&nbsp;&nbsp;&nbsp;&nbsp; 点击次数 </td> <td height="26" >&nbsp;&nbsp;&nbsp;&nbsp; 首页显示 </td> </tr> <%while (rs.next() newsid = StringUtil.toGb(rs.getString("newsid");String title = StringUtil.toGb(rs.getString("title");String content = StringUtil.toGb(rs.getString("content");String ntime = StringUtil.toGb(rs.getString("ntime");String total = StringUtil.toGb(rs.getString("total");String top = StringUtil.toGb(rs.getString("_top");if (top.equals("1") top = "是"elsetop = "否"%> <tr bgcolor="#F1F1F1"> <td><%=title %> </td> <td><a href="showNews.jsp?newsid=<%=newsid %>"><%=StringUtil.strLeft(content) %> </a></td> <td><%=StringUtil.strLeft(ntime, 10) %> </td> <td><%=total %> </td> <td><%=top %> </td> </tr> <%> <%rs.close();%>第三块<a id="old"class="more" href="admin/index.jsp" title="管理入口">管理入口</a>第四块其中的分页处理部分<%String newsid = null;String kindid = null;String titleTemp = null;ResultSet rs = null;String sql = "select * from news "String where = " where 1=1"/取得搜索条件titleTemp = request.getParameter("title");kindid = request.getParameter("kindid");/依据搜索条件写查询语句if (!(titleTemp = null | titleTemp.equals(null) | titleTemp.equals("") where += " and title like '%" + titleTemp + "%'"if (!(kindid = null | kindid.equals(null) | kindid.equals("") where += " and kindid=" + kindid ;System.out.println(kindid);/分页处理String temp = request.getParameter("page");if (temp = null | temp.equals(null) | temp.equals("")temp = "1"/当前页数int pageno = Integer.parseInt(temp);/总的数据行数int rows = db.getRow("news " + where);/所有的页数int t = rows % StringUtil.STEP;/开始的页数int start = (pageno - 1) * StringUtil.STEP;/结束的页数int end = start + StringUtil.STEP;if (end > rows) end = rows;sql += where + " order by ntime desc limit " + start + "," + end;/执行SQL语句rs = db.executeQuery(sql);if (titleTemp = null) titleTemp = ""%>依据传入的搜索条件生产SQL查询语句的部分条件，然后根据page变量分页，在分页操作过程中根据所有的数据计算总页数，然后分别判断处理第一页和最后一页的特殊情况得到最终的SQL语句,执行这个SQL语句得到的数据集，遍历这个数据集并列表显示到页面。在列表的后面调用StringUtil.table(row,pageno,url)方法生成翻页代码。搜索部分代码<tr bgcolor="#F1F1F1"> <td height="52" colspan="5" align="center"> <select name="kindid" class="inputbox"> <%sql = "select * from kind"rs = db.executeQuery(sql);%> <option value=""> 请选择新闻栏目 <% String tempkindid = null;while (rs.next() tempkindid = rs.getString("kindid");%> <option value="<%=tempkindid%>" <%if (tempkindid.equals(kindid) out.print("selected"); %>> <%=StringUtil.toGb(rs.getString("kindname")%> <%rs.close();%> </select>&nbsp;&nbsp;新闻标题:<input type="text" name="title" id="title" class="inputbox" value="<%=titleTemp %>"><input name="Submit" type="submit" class="inputbutton" value=" 立即搜索 ">&nbsp;<input name="Submit" type="button" class="inputbutton" value=" 所有类型 " onClick="window.location='news_list.jsp'"> </td> </tr> </table> </td> </tr> <tr align="center" bgcolor="#EDEDE1"> <td height="35" align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> </tr> </table></td> </tr>第五块第5块代码中 4个部分代码都惊人相似 所以这里只给出通知公告的代码<h2>通知公告</h2><%rs = db.getNews(9, "", 1); %><ul><% while (rs.next() %><li><a href="showNews.jsp?newsid=<%=rs.getInt("newsid")%>" title="<%=StringUtil.toGb(rs.getString("title") %>" rel="external"><%=StringUtil.strLeft(StringUtil.toGb(rs.getString("title"), 15) %></a><span class="date"><%=StringUtil.strLeft(rs.getString("ntime"), 10) %></span></li><%rs.close();%></ul><span class="more"><a href="news.jsp?kindid=9" title="更多新闻">more.</a></span>j) 新闻显示页面(showNews.jsp)第一块前面的模块已经涉及到此块代码 这里不再涉及第二块前面的模块已经涉及到此块代码 这里不再涉及第三块<%String newsid = request.getParameter("newsid"); String sql = "select * from news where newsid=" + newsid;ResultSet rs = db.executeQuery(sql);if (rs.next() %><h2><%=StringUtil.toGb(rs.getString("title") %></h2><%=StringUtil.toGb(rs.getString("content") %><%else %><h2>数据错误！</h2><% %>第四块<a id="old"class="more" href="admin/index.jsp" title="管理入口">管理入口</a>k) 后台主页(/admin/main.jsp) 由四个页面组成 main.jsp+menu.jsp+home.jsp+top.jspmain.jsp<frameset rows="90,*" cols="*" framespacing="0" frameborder="NO" border="0"> <frame src="top.jsp" name="left" scrolling="no" noresize> <frameset rows="*" cols="170,*" framespacing="0" frameborder="NO" border="0"> <frame src="menu.jsp" name="left"> <frame src="home.jsp" name="right" scrolling="yes" noresize>home.jsp<div align="center">欢迎进入学院中心网站后台系统 <br> </div>top.jsp<html><head><link href="./css/css.css" rel="stylesheet" type="text/css"><style type="text/css"><!-.STYLE1 color: #FFFFFF;font-size: 18px;.STYLE2 color: #FFFFFF-></style></head><body><table width="100%" height="80" border="0" cellpadding="0" cellspacing="0" background="" bgcolor="#000066"> <tr> <td><div align="center"><span class="STYLE1">学院新闻中心网站后台管理系统</span><span class="STYLE1"> V1.0</span></div></td> </tr></table></body></html>menu.jsp<table width="145" border="0" align="center" cellpadding="0" cellspacing="0" class="tablegg"> <tr> <td width="239"><table width="145" border="0" align="center" cellpadding="0" cellspacing="1"> <tr> <td height="30" colspan="2" align="center" bgcolor="#E3E2C3"><span class="style1"> i. : :&nbsp; 管理菜单&nbsp; : : . </span></td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td height="22" align="center">&nbsp;</td> <td height="22" align="left">用户: <%= session.getAttribute("username") %></td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td height="22" align="center">&nbsp;</td> <td height="22" align="left"><a href="modify_password.jsp" target="right">修改密码</a></td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td height="22" align="center">&nbsp;</td> <td height="22" align="left"><a href="logout.jsp" target="_parent">安全退出登录</a></td> </tr> <tr align="left" bgcolor="#EDEDE1" class="tableonderline"> <td height="26" colspan="2" class="tableonderline">&nbsp;&nbsp;&nbsp;<img src="img/ring02.gif" width="9" height="9"><strong>&nbsp;&nbsp;&nbsp;&nbsp;新闻管理</strong></td> </tr> <tr class="tableonderline"> <td width="26" height="26" align="center" class="tableonderline">&nbsp;</td> <td width="116" height=