JSP实现网站新闻管理系统.ppt

JSP实现网站新闻管理系统,本章主要内容,新闻管理系统总体设计 新闻管理系统数据库设计 新闻管理系统的基本框架 新闻系统各功能模块的设计与实现 新闻系统的部署和发布,13.1 系统总体设计,系统功能及模块 (1)浏览新闻 用户能够通过浏览器查看新闻，如果有多条新闻，要求可以分页显示 (2)新闻的录入（发布） 要求是通过浏览器来完成，并且可以编辑新闻的格式 (3)新闻的修改 要求通过浏览器来完成 (4)删除新闻 根据需要，可以删除新闻 (5)系统验证 对系统进行管理前，必须经过登陆系统验证。用户不必登陆即可随便查看新闻，系统管理员必须要经过身份验证才能管理系统,根据功能需求，系统包括如下模块： (1)新闻浏览主页面 (2)新闻浏览最终页面 (3)系统管理主页面 (4)发布新闻模块 (5)修改新闻模块 (6)删除新闻模块,系统实现方案 开发数据库应用系统一般来说有两种数据库体系结构：C/S（Client/Server,客户机/服务器）结构和B/S结构（Browser/Server,浏览器/服务器）结构。 C/S是Client/Server的缩写，服务器通常采用高性能的PC、工作站或小型机，并采用大型数据库系统，如Oracle、Sybase、Informix或 SQL Server。客户端需要安装专用的客户端软件 B/S 是Brower/Server的缩写，客户机上只要安装一个浏览器（Browser），如Netscape Navigator或Internet Explorer，服务器安装Oracle、Sybase、Informix或 SQL Server等数据库。用户界面完全通过WWW浏览器实现，主要事务逻辑在服务器端实现。浏览器通过Web Server 同数据库进行数据交互。,13.2系统数据库设计,数据库需求分析 根据本系统功能要求，新闻管理系统需要以下数据项 (1)新闻资料 新闻标题、新闻内容、发布日期、发布人 (2)用户密码资料 用户名、密码、是否为管理员、姓名,数据表设计 设计两个表，分别为新闻文章表和用户表，这两个表的结构如下所示：,新闻文章表(article),用户表（password）,以上两个数据表，我们将其放在数据库newmanage中。,13.3 系统基本框架,新闻管理系统的功能是用户可以通过浏览器查看新闻，管理员也可以通过浏览器发布和管理新闻。 新闻管理系统的基本结构图如下所示：,本系统的程序目录结构如下所示：,13.4 公共模块设计,公共模块一共包含4个JSP文件和一个CSS文件：”common.jsp”、“connectdb.jsp”、“check.jsp”、“codefilter.jsp”、 style.css common.jsp：包含其他JSP文件中需要导入的JAVA类和包，这样其他的JSP文件就可以只需要将”common.jsp”文件包含进来即可，而不必逐一包含Java类和包。 connectdb.jsp:用来连接数据库 check.jsp：用来判断是否是以系统管理员的身份登陆系统，防止非法用户直接进入系统管理后台对系统进行破坏 codefilter.jsp：用于对新闻文章的内容进行转换，将一般格式与HTML格式之间的转换，如一般格式的回车换行，在HTML中就是一个标记等。,13.4.1“common.jsp”文件 内容如下： 其他JSP文件只需要加载这个文件即可。,13.4.1“connectdb.jsp”文件 ,变量title是一个全局变量，将在包含“connectdb.jsp”的JSP文件中使用。,“check.jsp”文件 程序代码如下： ,“codefilter.jsp”文件 源代码如下所示： = 0) output.append(str_source.substring(posStart,pos); output.append(str_new); posStart = pos + lengOfold; if(posStart lengOfsource) output.append(str_source.substring(posStart); return output.toString(); ,String toHtml(String s) s = Replace(s,“,“ %,定义了3个方法：Replace()方法是内部方法，供其他两个方法调用的，其他程序只调用toHtml() 和unHtml()方法。 Replace()方法功能是：将某个字符串中的特殊子串替换为其他的字符子串，它共有3个参数，str_source 表示蒸个字符串，str_original表示要替换的原来的子串， str_new表示要替换的新子串。方法返回的是替换后的整个字符串 toHtml()：将一般格式的字符串转换为html格式的字符串，unHtml（）方法则相反。,“Style.css”文件,A:link FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: underline A:hover FONT-SIZE: 9pt; COLOR: #ff0000; TEXT-DECORATION: underline A:visited FONT-SIZE: 9pt; COLOR: #0000ff; TEXT-DECORATION: underline .text FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none .title FONT-SIZE: 16px; COLOR: #000000; TEXT-DECORATION: none .body FONT-SIZE: 12pt; COLOR: #000000; TEXT-DECORATION: none ,【新闻浏览】主界面,index.jsp主界面, “ target=“_blank“ ,【新闻浏览最终页面】主界面,Article.jsp页面：,后台管理系统,新闻管理系统的后台管理用来发布、修改、删除新闻。只有拥有相应权限的管理员才能管理系统, 管理员登录 ,管理员登陆登陆系统login.jsp 作用：用来让管理员输入用户名和密码,15 ) alert(“请输入正确的用户名 ！“) return false; if( form.password.value.length15 ) alert(“请输入正确的登录密码 ！“) return false; , 用户名： 密 % ,login.jsp页面运行结果：,Checklogin.jsp文件 作用:与数据库连接验证此用户是否是管理员。,当管理员输入正确的用户名和密码后，就进入了系统管理主页面”main.jsp”。 系统管理主页面”main.jsp”是系统后台管理的中心，通过该页面可以发布、修改、删除新闻。, 管理 ,main.jsp代码,系统管理后台 发布新闻 刷新 while(_rs.next() % “,”编 辑新闻 )“删除新闻 ,【发布新闻】模块 由两个文件组成：”addarticle.jsp”和”savearticle.jsp” 用户在”addarticle.jsp”页面中添加新闻，然后提交表单，通过“savearticle.jsp”页面将添加的新闻保存到数据库newmanage的数据表article中。, 管理 function check_input(theForm) if (theForm.newstitle.value = “) alert(“请输入新闻标题“); theForm.newstitle.focus(); return (false); ,if (theForm.newsbody.value = “) alert(“请输入新闻的内容“); theForm.newsbody.focus(); return (false); if (theForm.newstitle.value.length 100) alert(“新闻的标题长度应小于50个字.“); theForm.newstitle.focus(); return (false); 发布新闻 *为必填项目 , 新闻标题 *不得超过 50个汉字 ,addarticle.jsp运行结果：, 管理 % try String newstitle = new String(request.getParameter(“newstitle“).getBytes(“ISO8859_1“),“utf-8“); String newsbody = new String(request.getParameter(“newsbody“).getBytes(“ISO8859_1“),“utf-8“); java.util.Date cur_time = new java.util.Date(); SimpleDateFormat formatter = new SimpleDateFormat(“yyyy-MM-dd HH:mm:ss“); String dateString = formatter.format(cur_time); String adduser=(String)session.getValue(“username“); sql = “INSERT INTO article(TITLE,BODY,ADDDATE,ADDUSER) values(?,?,?,?)“;,savearticle.jsp： 将添加的新闻保存到 数据库,PreparedStatement prepstmt = null; prepstmt=con.prepareStatement(sql); prepstmt.setString(1,newstitle); prepstmt.setString(2,(toHtml(newsbody); prepstmt.setString(3,dateString); prepstmt.setString(4,adduser); prepstmt.executeUpdate(); catch(Exception e) out.println(“错误信息:“+e.getMessage(); % 新闻发布成功 本页面将在3秒钟后自动返回管理页面，您可以选择以下操作： 返回新闻首页 继续发布新闻 , function countDown(secs)last.innerText=secs;if(-secs0)setTimeout(“countDown(“+secs+“)“,1000);countDown(3); ,savearticle.jsp运行结果,【编辑新闻】模块 由两个文件组成：”editarticle.jsp”和”editarticleover.jsp” ” editarticle.jsp”页面 将待修改的新闻和内容显示出来，供管理员修改。 “editarticleover.jsp”页面用于将修改后的新闻保存到数据库newmanage的数据表article中 下面是editarticle.jsp源代码:, 管理 , function check_input(theForm) if (theForm.newstitle.value = “) alert(“请输入新闻标题.“); theForm.newstitle.focus(); return (false); if (theForm.newsbody.value = “) alert(“请输入新闻的内容.“); theForm.newsbody.focus(); return (false); if (theForm.newstitle.value.length 100) alert(“新闻标题长度应小于50个字.“); theForm.newstitle.focus(); return (false); , “ onsubmit=“return check_input(this)“ 修改新闻 *为必填项目 新闻标题 *不得超过50个汉字 , 管理 % try String newstitle = new String(request.getParameter(“newstitle“).getBytes(“ISO8859_1“),“utf-8“); String newsbody = new String(request.getParameter(“newsbody“).getBytes(“ISO8859_1“),“utf-8“); int id = Integer.parseInt(request.getParameter(“id“); sql = “UPDATE article SET TITLE=?, BODY=? WHERE ID=?“; PreparedStatement prepstmt = null; prepstmt=con.prepareStatement(sql); prepstmt.setString(1,newstitle); prepstmt.setString(2,(toHtml(newsbody); prepstmt.setInt(3,id); prepstmt.executeUpdate(); ,editarticleover.jsp,catch(Exception e) out.println(“错误信息:“+e.getMessage(); % 新闻修改成功 本页面将在3秒钟后自动返回管理主页，您可以选择以下操作： 返回首页 继续发布新闻 function countDown(secs)last.innerText=secs;if(-secs0)setTimeout(“countDown(“+secs+“)“,1000);countDown(3); ,editarticleover.jsp运行结果:,【删除新闻】模块 包含一个文件“delarticle.jsp”,本章结束！,