Web课程设计报告

1、第 页共22页第 页共22页第一章需求分析随着网络的飞速发展和普及，越来越多的用户习惯上网浏览新闻。本系统的主要目的就是为用户提供一个方便、及时的网上新闻发布、浏览平台。利用本系统，用户可以直接在网上发布新闻信息并根据自己的需要对新闻进行浏览、检索、增加、或修改。本系统遵循软件工程标准，并按照软件工程规定的流程进行项目的开发。安全需求由于使用JSP编写的程序代码隐蔽，在客户端仅可以看到由JSP输出的动态HTML文件，因此只要编写程序时注意严谨性，防止SQL注入和cookies欺骗，整个系统的安全就能得到保障，同时也能防止别人抄袭源代码。本系统的管理员可以有多名，为防止暴力猜解密码，在设计后台登

2、陆模块时需考虑验证码的设计。使用Tomacat6.0为系统地发布平台，发布方便，安全可靠性比较高。性能需求Tomacat可以免安装，体积小，运行效率高。能很方便的在Windows和Linux系统下发布。同时使用MySql5.0数据库，安装方便，而且免费使用，MySql在WindowsXP以及Linux下都能被良好的支持。而JSP不但可以用Eclipse，也可以用Dreamweaver编辑，甚至记事本等文本编辑工具即可编写，因此对系统运行环境非常低，小型服务器和家用电脑均可作为本系统运行环境。功能需求本新闻发布系统将实现以下几个功能（1）查看新闻功能：任何用户均可以使用查看新闻功能。查看新闻功能

3、在首页显示最新新闻，用户可点击文章标题查看新闻的详细内容，可以点击新闻的类别进入分类列表。（2）站内新闻检索功能：任何用户均可以使用新闻搜索功能。在新闻查看页面上，用户可以通过在单选按钮中选择检索方式，如新闻标题，关键字，或者正文，然后输入检索条件搜索符合新闻。这里提供的是模糊搜索功能，即只要在查询字段只能感包含用户输入的关键内容就认为是符合查询条件的记录。查询结果同样以分页的方式显示。（3）新闻点击率统计:通过计数器对用户对新闻的点击进行统计，实时显示新闻的点击率。（4）管理员登录功能：当用户需要使用新闻管理功能时，需要先以管理员身份登录系统。在地址栏中输入管理员登录页面的地址，进入管理员登

4、录页面。用户在登录页面输入用户名和密码以及随机产生的验证码，若登录失败，则清空输入，并简要显示错误原因，管理员登录页面等待下一次登录。（5）新闻类别管理：管理员登录后，可以对新闻的类别进行添加修改删除操作。（6）新闻发布功能：获得权限的用户可以使用发布新闻功能。用户通过在系统菜单栏上单击“添加新闻”项可以进入发布新闻页面。发布新闻时，需要填写新闻的标题和内容，发布时间取当前系统时间，不需要用户填写。（7）新闻管理功能：当用户作为管理员登录系统后，可以进行新闻管理操作，包括对现有新闻的修改和删除。在管理页面上，用户可以通过单击每条记录右侧的“编辑”和“删除”超链接来进行操作。当管理员的本次维护工

5、作结束后，可通过单击“退出”超链接来注销管理员身份。（8）评论功能：任何用户在输入标题和个人名称后可对新闻进行评论，用户可以查看所有评论，管理员可以查看和删除评论。第二章系统开发模式及技术JSP简介JSP(JavaServerPages)是一种建立在Servlet规范提供的功能之上的动态网页技术，和ASP类似，他们都是在通常的网页中嵌入脚本代码，JSP文件中嵌入的是Java代码和JSP标记。用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。2.2JSP的特点JSP技术在多个方面加速了动态Web页面的开发，具有以下特点。将内容的生成和显示进行分离使用JSP技术

6、，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来生成页面上的动态内容(内容是根据请求来变化的，例如请求帐户信息或者特定的一瓶酒的价格)。强调可重用的组件绝大多数JSP页面依赖于可重用的，跨平台的组件(JavaBeans或者EnterpriseJavaBeansTM组件)来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者客户团体所使用。基于组件的方法加速了总体开发过程，并且使得各种组织在他们现有的技能和优化结果的开发努力中得到平衡。采用标识简化页面开发Web页面开发人员不会都是熟悉

7、脚本语言的编程人员。JavaServerPage技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。标准的JSP标识能够访问和实例化JavaBeans组件，设置或者检索组件属性，下载Applet,以及执行用其他方法更难于编码和耗时的功能。健壮性与安全性由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译为JavaServlet,JSP页面就具有Java技术的所有好处，包括健壮的存储管理与安全性.良好的移植性：作为Java平台的一部分,JSP拥有Java编程语言一次编写，隋处运行的特点。企业级的扩展性和性能:当与Java2平台

8、、企业版(J2ee)和已毗erpriseJavaBeans技术整合时，JSP页面将服务器JSP页面中的程序代码的识别就是依靠一些基本指令完成JSP技术JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。2.4访问WEB数据库常见技术目前在WINDOWS环境下有多种访问WEB数据库的技术，主要有：公共网关接口CGI(CommonGatewayInterface

9、)CGI是较早实现的技术。适用于多种服务器平台，如UNIX、WINDOWS等，但CGI的开发成本高、维护困难、功能有限、不具备事务处理功能、占用服务器资源较多。INTERNET数据库连接器IDC(InternetDatabaseConnector)。IDC集成在ISAPI(InternetServerAPI)中，充分利用了DLL技术，易扩充，但编程较CGI更为复杂，只适用于小型数据库系统。先进数据库连接器ADC(AdvanceDatabaseConnector)ADC提供了ActiveXControl来访问数据库，它的主要特点是数据查询由用户端浏览器执行，因而需将服务器端数据库中的部分记录下载

10、到用户端，系统开销较大、响应慢，只适用于特别频繁的数据库查询操作。JAVA/JDBC语言编程JAVA语言是一种面向对象、易移植、多线程控制的语言，可通过JDBC去连接数据库。用JAVA/JDBC编写的软件可移植性强，适用于多种操作系统，但其执行效率和执行速度还不理想，目前无法建立高效、高速的应用。动态服务器页面JSP(ActiveServerPage)JSP是微软公司推出的WEB应用开发技术，着重于处理动态网页和WEB数据库的开发，编程灵活、简洁，具有较高的性能，是目前访问WEB数据库的非常好的选择。2.5本系统采用的数据库访问技术本新闻发布系统使用JDBC访问MySql数据库，JDBC(Ja

11、vaDataBaseConnectivity,java数据库连接)是一种用于执行SQL语句的JavaAPI，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC为工具/数据库开发人员提供了一个标准的API，据此可以构建更高级的工具和接口，使数据库开发人员能够用纯JavaAPI编写数据库应用程序，同时，JDBC也是个商标名。有了JDBC，向各种关系数据发送SQL语句就是一件很容易的事。换言之，有了JDBCAPI,就不必为访问Sybase数据库专门写一个程序，为访问Oracle数据库又专门写一个程序，或为访问Informix数据库又编写另一个程序等等,程序员只需用J

12、DBCAPI写一个程序就够了，它可向相应数据库发送SQL调用。同时，将Java语言和JDBC结合起来使程序员不必为不同的平台编写不同的应用程序，只须写一遍程序就可以让它在任何平台上运行，这也是Java语言“编写一次，处处运行”的优势。Java数据库连接体系结构是用于Java应用程序连接数据库的标准方法。JDBC对Java程序员而言是API，对实现与数据库连接的服务提供商而言是接口模型。作为API，JDBC为程序开发提供标准的接口，并为数据库厂商及第三方中间件厂商实现与数据库的连接提供了标准方法。JDBC使用已有的SQL标准并支持与其它数据库连接标准，如ODBC之间的桥接。JDBC实现了所有这些

13、面向标准的目标并且具有简单、严格类型定义且高性能实现的接口。访问并操纵数据库服务器中的数据。JDBC由JSP技术支持，其数据库访问模型如下图所示。第 页共22页第 页共22页第6页共22页表1:JDBCAPIJDBC实现选择JDBC驱动程序API公开的协议专有的数据库访问协议图2-1采用JDBC技术实现数据库访问模型2.6B/S开发模式B/S结构，即Browser/Server浏览器/服务器结构，浏览器发送请求而服务器应答请求。其工作原理如下图2-2B/S结构的三层模型前台通过IE、Firefox等浏览器向Web服务器发送HTTP请求，web服务器通过JSP和一些中间件访问后台数据库，并将操作

14、的结果以HTML页面的形式返回给前端的浏览器。比与C/S模式，采用B/S模式用户的操作更加简单，不像C/S需要在客户端进行客户端程序，只需要一个通用浏览器即可完成数据的请求与接收，大幅的减少了客户端的维护工作。同时，B/S模式使用的技术是Internet的Web技术，因而更适合于网上的信息发布。第三章总体设计因为网络中新闻发布的频率非常高，如果没有一个高效的新闻发布管理系统，则维护工作将非常繁琐，浪费很多时间和精力。通过使用新闻发布系统，管理员只需设置标题、内容和图片等新闻，系统将自动生成对应的网页，使新闻发布和管理变得很轻松。而对于前台界面，为适应多个用户的需求，必须达到友好，方便，简洁，易

15、用的特点。本文将根据前期的需求分析，对新闻发布系统进行总体设计。系统功能描述新闻发布系统包括新闻类别管理、新闻发布管理、新闻搜索、留言评论管理等模块。具体描述如下：新闻类别管理：新闻类别的添加；新闻类别的修改；新闻类别的删除；新闻发布管理：基本新闻信息的发布，包括新闻标题、新闻内容等；基本新闻信息的修改；基本新闻信息的删除；新闻统计模块对点击次数的统计根据点击次数排除点击排行榜根据发布时间的先后时间排出最新文章新闻搜索模块：按照新闻标题搜索；-按照新闻内容搜索。搜索结果的显示评论管理模块：网友发表评论、留言;对留言的过滤管理员对留言的管理E-R模型根据分析可划分出新闻信息、新闻类别信息、评论信

16、息和用户信息和几个实体其具体的E-R模型如下(1)新闻信息图3-1新闻信息实体的E-R模型2)评论信息图3-2评论信息实体的E-R模型3)用户信息图3-3用户信息实体的E-R模型4)新闻类别信息图3-4新闻类别信息实体的E-R模型5)ER关系图图3-5ER关系模型图3.3系统流程图出评论新闻发布新闻系统首页管理员登陆新闻查看新闻搜索评论管理新闻管理类别管理图3-6系统的基本流程任何用户从浏览器输入地址进入本新闻发布系统后首先进入新闻主界面，即可进行新闻的查看，根据标题或内容进行新闻的搜索，以及进入评论页面进行新闻的评论。输入管理员登录页面的地址，进入登录页面，用户输入用户名和密码以及正确的验证

17、码后可进入后台管理，有新闻的发布，新闻的管理，新闻类别的管理，新闻评论的管理等。断开与服务器的连接即退出本新闻系统。数据流图1）前台数据流图统计信息乜己要统计的新闻信息访问次数统新改的点击率统计信息类型新闻类型类型授索信息卜-新闻类型授索纟一查看命令新闻查看*授索结果类型授索结果用户浏令命论评授索命令授索标题授索信息关键字授索结果标题关键字授索信九关键字标题授索结果M内容收容结果一标题授索标题授索结果新闻信息表评论信息评论信息表cOmme）内容授索信息内容内容授内容授索结果图3-7前台的数据流图数据库中有两个表用于前台的数据的存放，新闻信息表newsinfo中存放新闻的内容，标题，点击量等数据

18、，通过各种命令与前台进行数据交换。留言信息表存放用户的留言。（2）后台数据流图评论管理-评论管理命令评论管理结果评论操*评论信息表Comment)管理员Tr_分类管理命令/八钿、,分类官理I一分类操作结果r发布管理命新闻管理命令管理结果i发布管理启分类管理结詳发布操作信息发布操作结果类别信息表新闻管理发布管理结果文章管理结果新闻信息(newsinfo)文章管理I，文章管理信，息，文章操作结果文章管理命令统计管理命令1统计管理*H-U?-!I气时间/点击率图3-8后台数据流图系统功能模块划分从功能描述的内容可以看到，本系统可以实现五个完整的功能。根据这些功能设计出系统的功能模块，如下图所示。新闻

19、发布系统图3-9新闻发布总体系统功能模块示意图数据库设计本系统采用MySql数据库，在数据库中使用数据表article来储存现有的新闻信息。表的结构如表字段名称数据类型说明newsidInt(lO)unsigned新闻编号，自动增加（主键）biaotiVarchar(45)新闻的标题fabushijiandatetime发布时间pinglunInt(10)unsigned新闻评论idlaiyuanVarchar(45)新闻来源tupianVarchar(45)新闻图片路径名称ZhaiyaoText新闻摘要guanjianziVarchar(45)新闻关键字classidInt(10)unsig

20、ned新闻类别idzhengwenText正文fabiaozheVarchar(45)-FZ.发表者banquanxinxiVarchar(45)版权信息11第 页共22页第 页共22页点击率，浏览一次增加dianjialvInt(lO)unsigned表3-1新闻信息表newsinfo使用数据表users来储存管理员的信息，表的结构如下表字段名称数据类型说明usernameVarchar(45)管理员用户名userpasswdVarchar(128)管理员用户密码表3-2管理员信息表users使用数据表comment来储存新闻评论信息，表的结构如下表字段名称数据类型说明newsidInt(1

21、0)unsigned新闻idComTimetimestamp评论时间ComPersonVarchar(45)评论者Contenttext评论内容表3-3新闻评论comment使用数据表classes来储存新闻类别信息，表的结构如下表字段名称数据类型说明classidInt(10)unsigned类别id自动增长classnameVarchar(45)类别名称表3-4新闻类别信息名称classes第 #页共22页第 页共22页第四章详细设计4.1前台系统411新闻的查看主页面如下图亍佯II圏NEWS1：字-3亠带呼W一字&宀0II蠻記删產産駐翹艄漑！1跆魏型醪讳曲J砒懋瞄GoogleI201住烂

22、主題绷咯录轉号孰低兰钉帥-他弋零剽劝覷逻雕收枉IE图4-1系统主页界面效果任何用户在浏览器输入网址后进入本站界面，即可查看新闻标题及发布时间，新闻的评论、新闻的点击率等，单击任意一条新闻标题即可查看新闻内容。第 页共22页第 页共22页网易Q1广告收入环比大跌50%2010-06-255月200,必司M2010年笫一季度财報。财报显示报1广告昵第收入达N150万元人民币（X忍0万美摘箜=元）较上一李度1.豹亿元人民帀环比大跌对”剪。与此同时，网扇爼毛吊胭为7.811Z元人民帀口.鸠亿美元,上一季度和去年同朗分别为乩昭它元人民币。网咼方面解釋称，毛利阀的坏比下降主募是由于广告Cdocuments

23、andSetLismAjdnJiigtratD喋面噺建文件夹E月皿日，圖易必司公布即10年第一季度财抵財扌瓯示其匸广告服务收入达玄万元人民币（1珈万美元），较上一李度1.2如Z二人民币环比磁50.3So与此同吋,网易Q1毛刑涧为人际忆元人民帀：1.11）,上一李度和去#同期分别駆磁元人民帀。网易方面解釋称,奇伺的坏比下障主要是由于广告收入的李节性下障。登广吿收入缩水勛1讯Q调易广4上务葩毛三耳近；、而二一季度则为5航乱网易方面解释称，厂吿収人毛利率紳坏比陰七广吿收入大幅下降所耳耒，关蚌駆广告询秋折碗.；d丘匸1C.=：IlT.T：JRl.-.l肚:条:图4-2新闻内容界面效果显示一条新闻的主要

24、代码为：request.setCharacterEncoding（gbk）;SearchNewssh=newSearchNews();Newsn=sh.getNews(l);if(n!=null)%out.println(n.getBiaoti();%out.print(n.getFabushijian();%/tdout.println(n.getLaiyuan();%/tdem评论out.print(n.getComcount();%条/em评论条/em/trphr我要留言：/hrformaction=AddCommentOfNewsmethod=postenctype=multipart

25、/form-dataname=form1id=form1textareaname=commenttextrows=15cols=61/textareainputname=newsidtype=hiddenvalue=%out.print(n.getNewsid();%/4.1.2评论功能的实现评论管理的数据流图如下评论管理结舄果评论查看结果一评论查看.浏览评论评论管理命合.评论管理评论删除结果-彳评论删除I评论删除命令.信息表留评论查询信息评论信息查询结果评论删除信息sage评论信息删除结果图4-3评论管理数据流图评论与浏览页面:waiTLgLining2010062913：50：41thls

26、xsaGornmcntofthisncGJsD-nrotebyJang1ipingzeng发衣二2010-06-2913:42:53七hi_si_s口commEn-tof-th-snews图4-4评论浏览添加评论页面评论实现的事务处理相关代码：protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException/TODOAuto-generatedmethodstubdoPost(request,response);/*seeHttpServlet#

27、doPost(HttpServletRequestrequest,HttpServletResponseresponse)*/protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException/TODOAuto-generatedmethodstubrequest.setCharacterEncoding(gbk);response.setCharacterEncoding(gbk);intnewsid=Integer.parseInt(requ

28、est.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

29、);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(adminadmin_commentview.jsp?n

30、ewid=+newsid);第 页共22页第23页共22页添加一条评论的代码为：publicclassInsertCommentpublicstaticvoidinsert(Commentcomment)DBConnectPooldbp=DBConnectPool.getInstance();Connectionconn=dbp.getConnection();PreparedStatementpstmt=null;trypstmt=conn.prepareStatement(inserintocommentvalues(?,?,?,?);pstmt.setInt(1,comment.getN

31、ewid();pstmt.setDate(2,(java.sql.Date)(newDate();pstmt.setString(3,comment.getComPerson();pstmt.setString(4,comment.getContext();pstmt.executeUpdate();catch(SQLExceptione1)/TODOAuto-generatedcatchblocke1.printStackTrace();finallytryif(pstmt!=null)pstmt.close();catch(SQLExceptionel)el.printStackTrace

32、();4.2后台管理系统的设计4.2.1后台登陆模块后台登陆用户名：admin密码：清空登陆图4-5后台登陆界面当用户在对话框输入正确的用户名、密码及随机产生的验证码时，进入后台页面lf.jsp，否则回到登陆页面login.jsp并提示原因。登录事务处理相关代码如下：protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException/TODOAuto-generatedmethodstubdoPost(request,response);/*see

33、HttpServlet#doPost(HttpServletRequestrequest,HttpServletResponseresponse)*/protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOExceptionrequest.setCharacterEncoding(gbk);response.setCharacterEncoding(gbk);Stringusername=request.getParameter(name);String

34、passwd=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);elseresponse.sendRedirect(admin/login.jsp);4.2.2新闻的管理文章的管理包括文章的添加，删除和修改等操作，其数据流图如下第 页共22页第

35、 页共22页文章添加命文章添加结果文章添加信息文章添加毛文章信息添加结果If文章管理命文章删除命令文章管理陽文章查询命文章修改命令文章删除新闻的添加新闻添加页面如下文章查询信息文章查性文章信息查询结果新闻信息文章修改*文章修改信，息文章信息修改结果文章删除信，息文章信息删除结果图4-6文章管理的数据流图article第26页共22页第26页共22页添加新闻添加一条新闻的相关代码为:图4-7新闻添加界面publicstaticbooleaninsert(Newsnews)booleanflag=false;DBConnectPooldbp=DBConnectPool.getInstance();

36、Connectionconn=dbp.getConnection();PreparedStatementpstmt=null;trypstmt=conn.prepareStatement(insertintonewsinfo(+biaoti,gabushijian,pinglun,+laiyuan,tupian,zhaiyao,guanjiainzi,+classid,fabiaozhe,banquanxinxi,dianjilv+)+value(?)第 页共22页第 页共22页pstmt.setString(2,news.getBiaoti();pstmt.setDate(3,news.ge

37、tFabushijian();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)/