WEB课程设计报告

第一章需求分析随着网络的飞速发展和普及，越来越多的用户习惯上网浏览新闻。本系统的主要目的就是为用户提供一个方便、及时的网上新闻发布、浏览平台。利用本系统，用户可以直接在网上发布新闻信息并根据自己的需要对新闻进行浏览、检索、增加、或修改。本系统遵循软件工程标准，并按照软件工程规定的流程进行项目的开发。1.1安全需求由于使用JSP编写的程序代码隐蔽，在客户端仅可以看到由JSP输出的动态HTML文件，因此只要编写程序时注意严谨性，防止SQL注入和cookies欺骗，整个系统的安全就能得到保障，同时也能防止别人抄袭源代码。本系统的管理员可以有多名，为防止暴力猜解密码，在设计后台登陆模块时需考虑验证码的设计。使用Tomacat6.0为系统地发布平台，发布方便，安全可靠性比较高。1.2性能需求Tomacat可以免安装，体积小，运行效率高。能很方便的在Windows和Linux系统下发布。同时使用MySql5.0数据库，安装方便，而且免费使用，MySql在WindowsXP以及Linux下都能被良好的支持。而JSP不但可以用Eclipse，也可以用Dreamweaver编辑，甚至记事本等文本编辑工具即可编写，因此对系统运行环境非常低，小型服务器和家用电脑均可作为本系统运行环境。1.3功能需求本新闻发布系统将实现以下几个功能（1）查看新闻功能：任何用户均可以使用查看新闻功能。查看新闻功能在首页显示最新新闻，用户可点击文章标题查看新闻的详细容，可以点击新闻的类别进入分类列表。（2）站新闻检索功能：任何用户均可以使用新闻搜索功能。在新闻查看页面上，用户可以通过在单选按钮中选择检索方式，如新闻标题，关键字，或者正文，然后输入检索条件搜索符合新闻。这里提供的是模糊搜索功能，即只要在查询字段只能感包含用户输入的关键容就认为是符合查询条件的记录。查询结果同样以分页的方式显示。（3）新闻点击率统计：通过计数器对用户对新闻的点击进行统计，实时显示新闻的点击率。（4）管理员登录功能：当用户需要使用新闻管理功能时，需要先以管理员身份登录系统。在地址栏中输入管理员登录页面的地址，进入管理员登录页面。用户在登录页面输入用户名和密码以及随机产生的验证码，若登录失败，则清空输入，并简要显示错误原因，管理员登录页面等待下一次登录。（5）新闻类别管理：管理员登录后，可以对新闻的类别进行添加修改删除操作。（6）新闻发布功能：获得权限的用户可以使用发布新闻功能。用户通过在系统菜单栏上单击“添加新闻”项可以进入发布新闻页面。发布新闻时，需要填写新闻的标题和容，发布时间取当前系统时间，不需要用户填写。（7）新闻管理功能：当用户作为管理员登录系统后，可以进行新闻管理操作，包括对现有新闻的修改和删除。在管理页面上，用户可以通过单击每条记录右侧的“编辑”和“删除”超来进行操作。当管理员的本次维护工作结束后，可通过单击“退出”超来注销管理员身份。（8）评论功能：任何用户在输入标题和个人名称后可对新闻进行评论，用户可以查看所有评论，管理员可以查看和删除评论。第二章系统开发模式及技术JSP简介JSP(JavaServerPages)是一种建立在Servlet规提供的功能之上的动态网页技术，和ASP类似，他们都是在通常的网页中嵌入脚本代码，JSP文件中嵌入的是Java代码和JSP标记。用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。JSP的特点JSP技术在多个方面加速了动态Web页面的开发，具有以下特点。将容的生成和显示进行分离使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来生成页面上的动态容(容是根据请求来变化的，例如请求帐户信息或者特定的一瓶酒的价格)。强调可重用的组件绝大多数JSP页面依赖于可重用的，跨平台的组件(JavaBeans或者EnterpriseJavaBeansTM组件)来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者客户团体所使用。基于组件的方法加速了总体开发过程，并且使得各种组织在他们现有的技能和优化结果的开发努力中得到平衡。采用标识简化页面开发Web页面开发人员不会都是熟悉脚本语言的编程人员。JavaServerPage技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态容生成所需要的。标准的JSP标识能够访问和实例化JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能。健壮性与安全性由于JSP页面的置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译为JavaServlet,JSP页面就具有Java技术的所有好处，包括健壮的存储管理与安全性.良好的移植性：作为Java平台的一部分，JSP拥有Java编程语言〃一次编写，隋处运行〃的特点。企业级的扩展性和性能：当与Java2平台、企业版(J2ee)和EnterpriseJavaBeans技术整合时，JSP页面将服务器JSP页面中的程序代码的识别就是依靠一些基本指令完成JSP技术JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。2.4访问WEB数据库常见技术目前在WINDOWS环境下有多种访问WEB数据库的技术，主要有：公共网关接口CGI(CommonGatewayInterface)CGI是较早实现的技术。适用于多种服务器平台，如UNIX、WINDOWS等，但CGI的开发成本高、维护困难、功能有限、不具备事务处理功能、占用服务器资源较多。INTERNET数据库连接器IDC(InternetDatabaseConnector)oIDC集成在ISAPI(InternetServerAPI)中，充分利用了DLL技术，易扩充，但编程较CGI更为复杂，只适用于小型数据库系统。先进数据库连接器ADC(AdvanceDatabaseConnector)ADC提供了ActiveXControl来访问数据库，它的主要特点是数据查询由用户端浏览器执行，因而需将服务器端数据库中的部分记录下载到用户端，系统开销较大、响应慢，只适用于特别频繁的数据库查询操作。JAVA/JDBC语言编程JAVA语言是一种面向对象、易移植、多线程控制的语言，可通过JDBC去连接数据库。用JAVA/JDBC编写的软件可移植性强，适用于多种操作系统，但其执行效率和执行速度还不理想，目前无法建立高效、高速的应用。动态服务器页面JSP(ActiveServerPage)JSP是微软公司推出的WEB应用开发技术，着重于处理动态网页和WEB数据库的开发，编程灵活、简洁，具有较高的性能，是目前访问WEB数据库的非常好的选择。2.5本系统采用的数据库访问技术本新闻发布系统使用JDBC访问MySql数据库，JDBC(JavaDataBaseConnectivity,java数据库连接)是一种用于执行SQL语句的JavaAPI，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC为工具/数据库开发人员提供了一个标准的API，据此可以构建更高级的工具和接口，使数据库开发人员能够用纯JavaAPI编写数据库应用程序，同时，JDBC也是个商标名。有了JDBC，向各种关系数据发送SQL语句就是一件很容易的事。换言之，有了JDBCAPI，就不必为访问Sybase数据库专门写一个程序，为访问Oracle数据库又专门写一个程序，或为访问Informix数据库又编写另一个程序等等，程序员只需用JDBCAPI写一个程序就够了，它可向相应数据库发送SQL调用。同时，将Java语言和JDBC结合起来使程序员不必为不同的平台编写不同的应用程序，只须写一遍程序就可以让它在任何平台上运行，这也是Java语言“编写一次，处处运行”的优势。Java数据库连接体系结构是用于Java应用程序连接数据库的标准方法。JDBC对Java程序员而言是API，对实现与数据库连接的服务提供商而言是接口模型。作为API，JDBC为程序开发提供标准的接口，并为数据库厂商及第三方中间件厂商实现与数据库的连接提供了标准方法。JDBC使用已有的SQL标准并支持与其它数据库连接标准，如ODBC之间的桥接。JDBC实现了所有这些面向标准的目标并且具有简单、严格类型定义且高性能实现的接口。访问并操纵数据库服务器中的数据。JDBC由JSP技术支持，其数据库访问模型如下图所示。

图2-1采用JDBC技术实现数据库访问模型2.6B/S开发模式B/S结构，即Browser/Server--浏览器/服务器结构，浏览器发送请求而服务器应答请求。其工作原理如下图2-2B/S结构的三层模型前台通过IE、Firefox等浏览器向Web服务器发送HTTP请求，web服务器通过JSP和一些中间件访问后台数据库，并将操作的结果以HTML页面的形式返回给前端的浏览器。比与C/S模式，采用B/S模式用户的操作更加简单，不像C/S需要在客户端进行客户端程序，只需要一个通用浏览器即可完成数据的请求与接收，大幅的减少了客户端的维护工作。同时，B/S模式使用的技术是Internet的Web技术，因而更适合于网上的信息发布。第三章总体设计因为网络中新闻发布的频率非常高，如果没有一个高效的新闻发布管理系统，则维护工作将非常繁琐，浪费很多时间和精力。通过使用新闻发布系统，管理员只需设置标题、容和图片等新闻，系统将自动生成对应的网页，使新闻发布和管理变得很轻松。而对于前台界面，为适应多个用户的需求，必须达到友好，方便，简洁，易用的特点。本文将根据前期的需求分析，对新闻发布系统进行总体设计。3.1系统功能描述新闻发布系统包括新闻类别管理、新闻发布管理、新闻搜索、留言评论管理等模块。具体描述如下：新闻类别管理：新闻类别的添加；新闻类别的修改；新闻类别的删除；新闻发布管理：基本新闻信息的发布，包括新闻标题、新闻容等；基本新闻信息的修改；基本新闻信息的删除；新闻统计模块对点击次数的统计根据点击次数排除点击排行榜根据发布时间的先后时间排出最新文章新闻搜索模块：按照新闻标题搜索；-按照新闻容搜索。搜索结果的显示（5）评论管理模块：网友发表评论、留言;对留言的过滤管理员对留言的管理3.2E-R模型根据分析可划分出新闻信息、新闻类别信息、评论信息和用户信息和几个实体，其具体的E-R模型如下（1）新闻信息图3-1新闻信息实体的E-R模型（2）评论信息

评论者姓名评论内容评论ID评论时间:评论信息用户信息图3-2评论信息实体的E-R模型图3-3用户信息实体的E-R图3-2评论信息实体的E-R模型图3-3用户信息实体的E-R模型图3-4新闻类别信息实体的E-R模型(5)ER关系图图3-5ER关系模型图3.3系统流程图图3-6系统的基本流程任何用户从浏览器输入地址进入本新闻发布系统后首先进入新闻主界面，即可进行新闻的查看，根据标题或容进行新闻的搜索，以及进入评论页面进行新闻的评论。输入管理员登录页面的地址，进入登录页面，用户输入用户名和密码以及正确的验证码后可进入后台管理，有新闻的发布，新闻的管理，新闻类别的管理，新闻评论的管理等。断开与服务器的连接即退出本新闻系统。3.4数据流图（1）前台数据流图

I一统计要统计的新闻信息访问次数统十仁修改的点击率统计信息新闻的点击率►类型新闻类型一类型授索信息卜-新闻类型授索一新闻查看■授索结果查看命令——|—/类型授索结果用户浏令命论评授索命令授索标题授索信息新闻查看■授索结果查看命令——|—/类型授索结果用户浏令命论评授索命令授索标题授索信息关键字授索结果标题关键字授索信乙关键字一标题授索结果山—内容收容结果一标题授索十标题授索结k新闻信息表(newsinfo)评论信息评论信息表cOmmeik内容授索信息广评论信息表cOmmeik内容授索信息广飞—内容二一内容授索一内容授索结果图3-7前台的数据流图数据库中有两个表用于前台的数据的存放，新闻信息表newsinfo中存放新闻的容，标题，点击量等数据，通过各种命令与前台进行数据交换。留言信息表存放用户的留言。（2）后台数据流图

评论管理-*■评论信息表Comment)评论管理命令评论管理结果论操管理员分类管理命令’■'分类管理卜分类操作结果-类别信息表发布管理命令新闻管理命令管理结果发布管理发布操作信息发布操作结果一分类操作信，息》尸—分类管理结—闻信息(新闻管理发布管理结果文章管理结果文章管理命令文章管理I'文章管理信,息'文章操作结果newsinfo评论管理-*■评论信息表Comment)评论管理命令评论管理结果论操管理员分类管理命令’■'分类管理卜分类操作结果-类别信息表发布管理命令新闻管理命令管理结果发布管理发布操作信息发布操作结果一分类操作信，息》尸—分类管理结—闻信息(新闻管理发布管理结果文章管理结果文章管理命令文章管理I'文章管理信,息'文章操作结果newsinfo统计管理命令统计管理时间点击率，3.5系统功能模块划分从功能描述的容可以看到，本系统可以实现五个完整的功能。根据这些功能，设计出系统的功能模块，如下图所示。新闻发布系统图3-9新闻发布总体系统功能模块示意图3.6数据库设计本系统采用MySql数据库，在数据库中使用数据表article来储存现有的新闻信息。表的结构如表字段名称数据类型说明newsidInt(10)unsignedVarchar(45)新闻编号，自动增加（主键）新闻的标题fabushijiandatetime发布时间pinglunInt(10)unsigned新闻评论idlaiyuanVarchar(45)newsidInt(10)unsignedVarchar(45)新闻编号，自动增加（主键）新闻的标题fabushijiandatetime发布时间pinglunInt(10)unsigned新闻评论idlaiyuanVarchar(45)新闻来源tupianVarchar(45)新闻图片路径名称biaotiZhaiyaoTextguanjianziVarchar(45)新闻摘要新闻关键字classidInt(10)unsigned新闻类别idzhengwenText正文fabiaozheVarchar(45)发表者banquanxinxiVarchar(45)信息dianjialvInt(10)unsigned点击率，浏览一次增加1表3-1新闻信息表newsinfo使用数据表users来储存管理员的信息，表的结构如下表字段名称数据类型说明usernameVarchar(45)管理员用户名userpasswdVarchar(128)管理员用户密码表3-2管理员信息表users使用数据表comment来储存新闻评论信息，表的结构如下表字段名称数据类型说明newsidInt(10)unsigned新闻idComTimetimestamp评论时间ComPersonVarchar(45)评论者Contenttext评论容表3-3新闻评论comment使用数据表classes来储存新闻类别信息，表的结构如下表字段名称数据类型说明classidInt(10)unsigned类别id自动增长classnameVarchar(45)类别名称第四章详细设计4.1前台系统4.1.1新闻的查看主页面如下图次;MI「［境£NEW$中国.。•i手：3工京一手3厂誓酢f—E能旌通器麒甑虢！1彪醐陇陶以「告蛛耻雄俏硕5I〕如怯会量城必彖格骏那恢林。西-mT容孰1玄枷M族循蛆；耶图4-1系统主页界面效果任何用户在浏览器输入网址后进入本站界面，即可查看新闻标题及发布时间，新闻的评论、新闻的点击率等，单击任意一条新闻标题即可查看新闻容。网易Q1广告收入环比大跌50%素源工曲2010-06-255月四日，公司M2010年第一季度财报。财报显示，其印厂告眼务收入达旬1亢万元人民币（X削口万美摘哽=元）,较上一季度L豹亿元人民币环比大跣网.势〃与此同时，园易QL毛币脂为己81忆元人民币元）,上一季度和去年同期分别为土型乞元人民币。网曷方面解释称，毛利涧的外比下降主亶是由于广告Cdocumentsand血1吐：部钥无：足tiat口凛何睇旄文件夹E■月叫日，网易公司公布加Q年第一季成财寐咽视示，其二广告服务收入达％15访元人民币（1」列口万美元）,枝上

一季度1.&4亿目人民币环比大跌命院素源工曲与此同时,网易即毛利此为7.&1亿元人民币口.14亿荣元）,上一季度和去驾同期分别为8.44^无人民币，网易方面蹄称,毛｝■伺的环比下降主要是由于广告收入的季节性'¥登广告收入缩水影1自，顼1网易广口.士务依毛％辛近丫⑵"*，IT二一季度则为昭网易方面解释祢，厂告收入毛利率的环比降低广告收入大幅下降所导致.美券牝,师「告苗场可:;卬属宗.;d「.：、己率；1C成吐与户；此玄二仁【;1*.】图4-2新闻容界面效果显示一条新闻的主要代码为：<%request.setCharacterEncoding（〃gbk〃）；SearchNewssh=newSearchNews();Newsn=sh.getNews(1);if(n!=null){%><%out.println(n.getBiaoti());%><%out.print(n.getFabushijian());%></td><%out.println(n.getLaiyuan());%><%out.println(n.getZhaiyao());%></td><%out.println(n.getTupian());%>

<%out.println(StringToHtml.toHtml(n.getZhengwen()));%><%out.println(n.getGuanjianzi());%><%out.println(n.getFabiaozhe());%><%out.println(n.getClassid());%><%out.println(n.getDianjilv());%><%}%><%out.println(n.getBanquanxinxi());%><%if(n.getComcount()!=0){%><ahref=〃commentofnew.jsp?newid=<%out.print(n.getNewsid());%>"><em>评论<%out.print(n.getComcount());%>条>></em></a><%}else{%><em>评论<%out.print(n.getComcount());%>条>></em><%}%></td></tr><p><hr>我要留言：</hr><formaction=〃AddCommentOfNews〃method=〃post〃enctype=〃multipart/form-data〃name=〃form1〃id=〃form1〃><textareaname=〃commenttext〃rows=〃15〃cols=〃61〃></textarea><inputname=〃newsid〃type=〃hidden〃value="<%out.print(n.getNewsid());%>"/><inputname=〃Submit〃type=〃submit〃value=〃提交〃/>4.1.2评论功能的实现评论管理的数据流图如下'评论查看结果一评论查看.*评论管管理结*口果

评论管理命'评论查看结果一评论查看.*评论管管理结*口果

评论管理命评论管理，.:浏览评论评论删除结果1评论删除留评论查询信息7'评论信息查询结果—一评论删除信息Hme一评论信息删除结果一信息表sage'评论删除命令.图4-3评论管理数据流图评论与浏览页面：waiTLgLining§2010—06—2913：50：41thlsxsacommentofth5.snco'jsD'-nrote"bycatang1ipingzeng发表=2010-06-2913:42:53thi_si_sacommEn-taf-th□-snews我眄留言&提交图4-4评论浏览添加评论页面评论实现的事务处理相关代码：protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{//TODOAuto-generatedmethodstubdoPost(request,response);}/***seeHttpServlet#doPost(HttpServletRequestrequest,HttpServletResponseresponse)*/protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{//TODOAuto-generatedmethodstubrequest.setCharacterEncoding("gbk");response.setCharacterEncoding("gbk");intnewsid=Integer.parseInt(request.getParameter("newsid"));Stringcomment=request.getParameter("commenttext");Stringcomperson=request.getParameter("person");Stringtype=request.getParameter("type");PrintWriterpw=response.getWriter();pw.println(newsid);pw.println(comment);Commentcomm=newComment();comm.setContext(comment);comm.setNewid(newsid);comm.setComPerson(comperson);intresult=ModifComment.insert(comm);if(type.equals("new")){response.sendRedirect("oneofnews.jsp?newid="+newsid);}elseif(type.equals("comment")){response.sendRedirect("commentofnew.jsp?newid="+newsid);}elseif(type.equals("admincomment")){response.sendRedirect("admin\\admin_commentview.jsp?newid="+newsid);}}添加一条评论的代码为：publicclassInsertComment{publicstaticvoidinsert(Commentcomment){DBConnectPooldbp=DBConnectPool.getInstance();Connectionconn=dbp.getConnection();PreparedStatementpstmt=null;try{pstmt=conn.prepareStatement("inserintocommentvalues(?,?,?,?)”);pstmt.setInt(1,comment.getNewid());pstmt.setDate(2,(java.sql.Date)(newDate()));pstmt.setString(3,comment.getComPerson());pstmt.setString(4,comment.getContext());pstmt.executeUpdate();}catch(SQLExceptione1){//TODOAuto-generatedcatchblocke1.printStackTrace();}finally{try{if(pstmt!=null)pstmt.close();}catch(SQLExceptionel){el.printStackTrace();}}4.2后台管理系统的设计后台登陆模块后台登陆用户名：admin密码：.登陆图4-5后台登陆界面当用户在对话框输入正确的用户名、密码及随机产生的验证码时，进入后台页面lf.jsp，否则回到登陆页面login.jsp并提示原因。登录事务处理相关代码如下：protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{//TODOAuto-generatedmethodstubdoPost(request,response);}/**seeHttpServlet#doPost(HttpServletRequestrequest,HttpServletResponseresponse)*/protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{request.setCharacterEncoding("gbk");response.setCharacterEncoding("gbk");Stringusername=request.getParameter("name");Stringpasswd=request.getParameter("pass");booleanflag=false;Useruser=(newSearchUsers()).getUser(username);if(user!=null){if(passwd.equals(user.getPassWord())){flag=true;}}if(flag){response.sendRedirect("admin/admin_index.html");}else{response.sendRedirect("admin/login.jsp");}}新闻的管理文章的管理包括文章的添加，删除和修改等操作，其数据流图如下文章添加命令-

一文章添加结果■文章添加.一文章添加信,―文章信息添加结果—文章查询信L-文章信息查询结果一文章修改信,—文章信息修改结果新闻信息article文章岬除命令—文章删除信息-文章信息删除结果图4-6文章管理的数据流图文章岬除命令新闻的添加新闻添加页面如下:添加新闻图4-7新闻添加界面添加一条新闻的相关代码为:publicstaticbooleaninsert(Newsnews){booleanflag=false;DBConnectPooldbp=DBConnectPool.getInstance();Connectionconn=dbp.getConnection();PreparedStatementpstmt=null;try{pstmt=conn.prepareStatement("insertintonewsinfo(〃+〃biaoti,gabushijian,pinglun,〃+〃laiyuan,tupian,zhaiyao,guanjiainzi,〃+〃classid,fabiaozhe,banquanxinxi,dianjilv〃+〃)〃+"value(?,?,?,?,?,?,?,?,?,?,?);〃)；pstmt.setString(2,news.getBiaoti());pstmt.setDate(3,news.getFabushijian());pstmt.setInt(4,news.getPinglun());pstmt.setString(5,news.getLaiyuan());pstmt.setString(6,news.getTupian());pstmt.setString(7,news.getZhaiyao());pstmt.setString(8,news.getGuanjianzi());pstmt.setInt(9,news.getClassid());pstmt.setString(10,news.getFabiaozhe());pstmt.setString(11,news.getBanquanxinxi());pstmt.setInt(12,news.getDianjilv());intr=pstmt.executeUpdate();if(r==1)flag=true;}catch(SQLExceptione1){//TODOAuto-generatedcatchblocke1.printStackTrace();}finally{try{if(pstmt!=null)pstmt.close();}catch(SQLExceptionel){el.printStackTrace();}}returnflag;}总结经过几个星期的的设计和开发，本网上新闻发布系统基本开发完成。本系统基本能够完成新闻发布、新闻修改、新闻统计等基础的功能。在使用上非常方便，实时性好，能够很好的使用与小型企业或教育的及时新闻发布，不仅能提高工作效率，也能减少经济投资，是一个非常实用的小型新闻发布系统。但由于时间和开发经验不足等原因，图片新闻的发布未能得以实现。同时页面容的设计不够完善和美观，均需要进一步的学习提高。这次课程设计，不但是对我这三年所学知识的一个检验，也是对我计算机应用水