（6）增加新闻页面，命名为a_addNews.jsp，能够进行新闻的增加，在添加完信息之后，我们点击发布之后就可以成功添加信息，其代码如下所示，增加新闻时需要对新闻进行编辑，对于长篇幅新闻内容且含有图片的新闻内容的编写，在这儿我们使用功能强大的百度编辑器，首先从官网下载：百度编辑器下载，下载之后解压(我使用的版本是ueditor1_4_3_2-utf8-jsp)，如下图所示结构
图10 百度富文本编辑器文件夹结构图
然后只需将整个文件夹拷贝到项目下即可，在使用时引入和修改路径，在jsp页面里边我已经配置好引用，只需修改路径即可，修改路径时只需将editor_config.js中查找URL变量配置编辑器在你项目中的路径。其中./ueditor为项目中的文件夹
var URL= window.UEDITOR_HOME_URL||"./ueditor/";
这样就配置好了编辑器，下面就是增加新闻的jsp页面，在添加完新闻之后，只需点击发布即可进行新闻的发布操作，代码如下所示：
<%@page contentType="text/html" import="java.util.*,java.sql.*" pageEncoding="UTF-8" language="java"%> <%@page import="com.lut.beans.NewsRealese" %> <%@page import="dao.NewsRealeseDao" %> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添加新闻- 新闻发布系统--最前沿的时尚信息、最有看点的社会聚焦、最富得浪漫的殿tang</title> <!-- 配置文件 --> <script type="text/javascript" src="https://www.jb51.net/article/ueditor/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="https://www.jb51.net/article/ueditor/ueditor.all.js"></script> <link type="text/css" href="https://www.jb51.net/article/udeditor/themes/default/css" /> <link type="text/css" href="https://www.jb51.net/newsRealese.css"/> </head> <body> <form action="InsertOneNews" method="post"> <table> <tr> <td>left</td> <td> <table> <tr > <td >新闻编号</td> <td><input type="text"></td> <td>所属新闻栏目编号</td> <td><input type="text"></td> </tr> <tr> <td>所属新闻分类编号</td> <td><input type="text"></td> <td>原创或转载</td> <td><input type="text"></td> </tr> <tr> <td>新闻标题</td> <td><input type="text"></td> <td>相关文章</td> <td><input type="text"></td> </tr> <tr> <td>作者</td> <td><input type="text"></td> <td>编辑</td> <td><input type="text"></td> </tr> <tr> <td>出处</td> <td><input type="text"></td> <td>是否置顶</td> <td><input type="text"></td> </tr> <tr> <td>新闻发布时间</td> <td><input type="text"></td> <td>新闻点击次数</td> <td><input type="text"></td> </tr> <tr> <td>新闻状态</td> <td><input type="text"></td> <td>新闻标记</td> <td><input type="text"></td> </tr> <tr> </table> </td> <td>right</td> </tr> <tr> <td> </td> <td> <div> <textarea></textarea> <br/> <input type="submit" value="发 布"> <script type="text/javascript"> UE.getEditor('newsEditor'); // var content = UE.getPlainTxt();//content就是编辑器的带格式的内容 //focus时自动清空初始化时的内容 </script> </div> </td> <td> </td> </tr> </table> </form> </body> </html>
在增加新闻时，需要对Servlet进行配置，如下图所示所示为配置文件的结构：
插入数据Servlet结构图
下面是InserOneNews.java代码，能够进行对数据的插入功能