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或SQLServer 客户端需要安装专用的客户端软件B S是Brower Server的缩写 客户机上只要安装一个浏览器 Browser 如NetscapeNavigator或InternetExplorer 服务器安装Oracle Sybase Informix或SQLServer等数据库 用户界面完全通过WWW浏览器实现 主要事务逻辑在服务器端实现 浏览器通过WebServer同数据库进行数据交互 13 2系统数据库设计 数据库需求分析根据本系统功能要求 新闻管理系统需要以下数据项 1 新闻资料新闻标题 新闻内容 发布日期 发布人 2 用户密码资料用户名 密码 是否为管理员 姓名 数据表设计设计两个表 分别为新闻文章表和用户表 这两个表的结构如下所示 新闻文章表 article 用户表 password 以上两个数据表 我们将其放在数据库newmanage中 13 3系统基本框架 新闻管理系统的功能是用户可以通过浏览器查看新闻 管理员也可以通过浏览器发布和管理新闻 新闻管理系统的基本结构图如下所示 本系统的程序目录结构如下所示 13 4公共模块设计 公共模块一共包含4个JSP文件和一个CSS文件 common jsp connectdb jsp check jsp codefilter jsp style csscommon 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 returnoutput toString StringtoHtml Strings 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 请输入正确的用户名 returnfalse if form password value length15 alert 请输入正确的登录密码 returnfalse 用户名 密 login jsp页面运行结果 Checklogin jsp文件作用 与数据库连接验证此用户是否是管理员 当管理员输入正确的用户名和密码后 就进入了系统管理主页面 main jsp 系统管理主页面 main jsp 是系统后台管理的中心 通过该页面可以发布 修改 删除新闻 管理 main jsp代码 系统管理后台发布新闻刷新while rs next 编辑新闻 删除新闻 发布新闻 模块由两个文件组成 addarticle jsp 和 savearticle jsp 用户在 addarticle jsp 页面中添加新闻 然后提交表单 通过 savearticle jsp 页面将添加的新闻保存到数据库newmanage的数据表article中 管理functioncheck 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 Stringnewstitle newString request getParameter newstitle getBytes ISO8859 1 utf 8 Stringnewsbody newString request getParameter newsbody getBytes ISO8859 1 utf 8 java util Datecur time newjava util Date SimpleDateFormatformatter newSimpleDateFormat yyyy MM ddHH mm ss StringdateString formatter format cur time Stringadduser String session getValue username sql INSERTINTOarticle TITLE BODY ADDDATE ADDUSER values savearticle jsp 将添加的新闻保存到数据库 PreparedStatementprepstmt 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 Exceptione out println 错误信息 e getMessage 新闻发布成功本页面将在3秒钟后自动返回管理页面 您可以选择以下操作 返回新闻首页继续发布新闻 functioncountDown secs last innerText secs if secs 0 setTimeout countDown secs 1000 countDown 3 savearticle jsp运行结果 编辑新闻 模块由两个文件组成 editarticle jsp 和 editarticleover jsp editarticle jsp 页面将待修改的新闻和内容显示出来 供管理员修改 editarticleover jsp 页面用于将修改后的新闻保存到数据库newmanage的数据表article中下面是editarticle jsp源代码 管理 functioncheck 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 returncheck input this 修改新闻 为必填项目新闻标题 不得超过50个汉字 管理 try Stringnewstitle newString request getParameter newstitle getBytes ISO8859 1 utf 8 Stringnewsbody newString request getParameter newsbody getBytes ISO8859 1 utf 8 intid Integer parseInt request getParameter id sql UPDATEarticleSETTITLE BODY WHEREID PreparedStatementprepstmt null prepstmt con prepareStatement sql prepstmt setString 1 newstitle prepstmt setString 2 toHtml newsbody prepstmt setInt 3 id prepstmt executeUpdate ed