首页 > 代码库 > 新闻发布的一点小总结
新闻发布的一点小总结
经过一段时间的学习，完成了新闻发布的基础功能，进行一点小总结，方便日后回顾。下面是我的一点小总结，不足之处请勿见笑。。。
我们想要完成一个新闻发布，首先要使其能够成功发布，并且让它能够实现添加、删除、修改、查询、上传、下载等功能。
我们还调用AJAX功能查看输出为XML、JSON格式的新闻内容。为完成以上功能，我们首先要进行jdk、tomcat、eclipse的安装和配置。
1、各软件的安装和配置
1.1、jdk的安装和配置：
1.1.1、下载jdk：下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html
1.1.2、安装jdk：安装jdk.exe
1.1.3、配置环境变量：右击"我的电脑"-->"高级"-->"环境变量"
1)在系统变量里新建"JAVA_HOME"变量，变量值为：C:\Program Files\Java\jdk (根据自己的安装路径填写)
2)新建"CLASSPATH"变量，变量值为：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar (变量值中"."是不可或缺的)
3)在PATH变量（已存在不用新建）添加变量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin (注意变量值之间用";"隔开)
1.1.4、测试："开始"-->"运行"-->输入"javac"-->"Enter"，如果能正常打印用法说明配置成功！
1.1.5补充环境变量的解析:
1)JAVA_HOME:jdk的安装路径
2)CLASSPATH:java加载类路径，只有类在classpath中java命令才能识别，在路径前加了个"."表示当前路径。
3)PATH：系统在任何路径下都可以识别java,javac命令。
1.2、tomcat的安装和配置：{其各个文件夹的功能}：
1.2.1、Tomcat的获取和安装：Apache的官方网站下载(http://tomcat.apache.org/)，有两种不同的下载，一种是普通安装版本，一种是解压安装版本。使用起来是一样的，只是在普通安装版本中有一些界面可提供对Tomcat的快捷设置，而且普通安装会将Tomcat作为系统服务进行注册。
Tomcat的启动是一个bat文件（Windows下），在bin目录下。双击即可。如果启动不成功，一般的情况是控制台出来一下立即消失，说明Tomcat没有找到Java的运行时环境。简单理解，就是Tomcat找不到jdk，没办法运行。
1.2.2、Tomcat的运行环境搭建：在JAVA_HOME变量(在jdk配置时已经创建)，指向jdk安装目录。启动Tomcat，在浏览器地址栏输入http://localhost:8080/如果看到关于Tomcat的介绍神马，说明配置成功。
1.2.3、Tomcat的目录结构介绍：bin目录存放一些启动运行Tomcat的可执行程序和相关内容。
conf存放关于Tomcat服务器的全局配置。
lib目录存放Tomcat运行或者站点运行所需的jar包，所有在此Tomcat上的站点共享这些jar包。
webapps目录是默认的站点根目录，可以更改。
work目录用于在服务器运行时过度资源，简单来说，就是存储jsp、servlet翻译、编译后的结果。
common文件夹是存放公共jar包的。
logs文件夹主要是存放日志文件的。
1.1.4、其他更详细的介绍：(http://www.cnblogs.com/Johness/archive/2012/07/20/2600937.html)
1.3、eclipse的安装和配置：
1.3.1、下载Eclipse：( http://www.eclipse.org/downloads/)
1.3.2、Eclipse配置：
1)配置jdk：点击"window"-->"preferences"-->"java"-->"installed JRES"
2)配置tomcat：点击"window"-->"preferences"-->"Server"-->"Runtime Environment"-->"Add"
2、各功能的实现
2.1、连接数据库：
多项功能都需要连接数据库，我们创建一个用于连接数据库的工具(util),命名为"SQLServerConnectiont"。
1)加载JDBC驱动程序
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
2)创建数据库连接
Connection conn = DriverManager.getConnection("jdbc:sqlserver://localhost:1433; DatabaseName=test1","sa","sd951208");
JDBC连接常用数据库和基本的CURD可参考(http://www.360doc.com/content/16/0816/17/35826655_583667086.shtml)。
2.2、JavaBeen：
创建"*.java"，添加id、b_id、title、content、author、time、area、fileName、fileContent等属性。
鼠标右键，依次选择弹出菜单中的"源码"/"生成Getter和Setter"菜单项。
在弹出的"生成Getter和Setter"对话框中，单击"全部选中"按钮，并保留其它选项的默认值。
点击"确定"按钮，生成属性的getXxx()与setXxx()方法。
2.3、新闻的发布(添加)：
发布新闻时，将新闻的各种属性填写好进行发布。在jsp页面将数据提交到Servlet处理，调用sql语句insert储存进数据库。其中日期属性使用了My97DatePicker插件，简介使用textarea标签和ckeditor插件。
2.3.1、My97DatePicker插件
下载My97DatePicker插件(http://download.csdn.net/detail/emoven/8249073)。
在页面中引入该组件js文件： <script type="text/JavaScript" src="http://www.mamicode.com/test/My97DatePicker/WdatePicker.js"></script>
在添加日期时，<input id="1" type="text" name="time" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyyMMdd HH:mm:ss‘,isShowClear:false,readOnly:true})">
其他更详细的调用到官网查看(http://www.my97.net/dp/demo/index.htm)。
2.3.2、ckeditor插件
下载ckeditor插件(http://ckeditor.com/download)。
在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="http://www.mamicode.com/ckeditor/ckeditor.js"></script>
在使用编辑器时，textarea rows="10" cols="30" name="textarea1" class="ckeditor">简介内容</textarea>
2.4、删除：
在jsp显示页面通过超链接提交要删除的数据id到Servlet处理，调用sql语句delete删除相应的数据。在这里使用了事务的处理，避免删除书籍信息时没有删除书籍的附件。
简单事务的详细使用方法(http://blog.sina.com.cn/s/blog_4b5bc0110100h0wz.html)。
2.5、修改：
根据id，通过查询的Servlet调用sql语句select查询出新闻数据，在修改的jsp页面显示。然后将修改后的数据发送到修改的Servlet调用sql语句insert将数据储存到数据库里。
2.6、查询：
按照id、关键字、日期等要求查询新闻的数据，在jsp页面发送到Servlet处理调用sql语句select查询出新闻数据。
为了让查询数据显示时，将要求一同显示在页面上：在jsp显示页面String id = (String) request.getAttribute("id"); if (id == null) { id = ""; request.removeAttribute("id"); } 在Servlet处理，获取要求：String Id = request.getParameter("Id"); if (Id != null && !Id.equals("")) { sql1 += " and ID_=?"; } 然后if(Id != null && !Id.equals("")) { ps1.setString(i, Id); i++; System.out.println("Id"+Id); }
2.7、上传：
在jsp发布页面将附件上传，通过Servlet处理分析将附件数据和其他数据区分，然后通过调用sql语句insert储存进数据库。
1)上传附件需要使用commons-fileupload.jar和commons-io.jar两个包。
2)文件上传必须满足的条件: 页面表单的method必须是post，因为get传送的数据太小了 ； 页面表单的enctype必须是multipart/form-data类型的； 表单中提供上传输入域
3)具体代码可参考(http://blog.csdn.net/ajun_studio/article/details/6639306)。
2.8、下载：
首先通过超链接将要下载的附件的id发送到Servlet处理，调用sql语句select查询出附件名和附件内容，然后将附件通过ServletOutputStream和InputStream和byte b[]将附件下载。
具体代码可参考(http://blog.csdn.net/doymm2008/article/details/5630814)。
2.9、中文字符乱码：
方法一：tomcat的自带编码是ISO-8859-1的格式，是不兼容中文的编码的。resp.setContentType("text/html;charset=utf-8");//设置页面的字符编码，解决界面显示中文乱码的问题
方法二：req.setCharacterEncoding("utf-8");//必须写在第一位，因为采用这种方式去读取数据，否则数据会出错。
方法三：修改配置文件。也就是web.xml文件
更加详细方法参考(http://www.jb51.net/article/74710.htm或者http://blog.sina.com.cn/s/blog_675e9aeb0101357h.html)。
2.10、特殊字符转义：
String temp = news.getArea(); //获取需要转义的内容
if (temp != null) { //内容不能为空
temp = temp.replaceAll("<", "<"); //将特殊符号"<"转义为"<"
temp = temp.replaceAll(">", ">"); //将特殊符号">"转义为">"
temp = temp.replaceAll("&", "&"); //将特殊符号"&"转义为"&"
temp = temp.replaceAll("“", """); //将特殊符号"“"转义为"""
temp = temp.replaceAll(" ", " "); //将特殊符号" "转义为" "
news.setArea(temp);
}
其他方式可参考(http://blog.csdn.net/songlixing/article/details/6957902)。
2.11、让CKEditor支持jsp上传图片
思路是：1)准备一下JSP上传文件的JAR包：commons-fileupload.jar和commons-io.jar；2)编写一个JSP用于接收上传的文件（这里除上传图片功能外，需调用一个核心JS语句）；3)编写一个JSP用于浏览文件（这里除上传图片功能外，需调用一个核心JS语句）；4)修改CKEditor的config.js，将上传文件和浏览文件的JSP配置进去。
具体代码可以参考(http://www.cnblogs.com/hannover/archive/2011/07/29/2121536.html)。
2.12、分页显示
定义变量pageSize(每页显示多少条变量、用户指定)、pageNow(希望显示第几页、用户指定)、pageCount(总共有多少页、计算：if (rowCount % pageSize == 0) { pageCount = rowCount / pageSize; } else { pageCount = (rowCount / pageSize) + 1; })、rowCount(总共有多少条变量、通过查询)。
rowCount查询：select count(ID_) from news；
显示select top " + pageSize + " * from news where ID_ not in(select top " + (pageSize * (pageNow - 1)) + " ID_ from news order by id_ desc)order by id_ desc
设计首页、上一页、超链接跳转、下一页、末页、直接跳转XX页。
详细代码可参考(http://www.cnblogs.com/yony/archive/2012/06/15/2550607.html)。
2.13、复选框
对属性设置复选框，可进行多选、全选来操作，可同时操作多条数据。这里使用了js的功能。复选框的类型type="checkbox"。思路如下：
1)将前台jsp页面中的所有你要用到checkbox的name值设为相同。
2)在后台获取参数时，使用数组获取。
3)进行数组必要的格式转换，再进行sql操作。
代码可参考(思路：http://www.cnblogs.com/haore147/p/3617968.html | 复选框的设置：http://bbs.csdn.net/topics/350072249 | 参考实例：http://zhidao.baidu.com/link?url=Y2GFIBUHCIuift_2IQzSmtQhfejgYo6_wyh9pBe-A4z5CZk4jby9DSO08MoPbVOBnP1s4-Sy3WHe8uF9WBr8YvQqOs4xKpT0soagJqeN02e)
3、AJAX功能
3.1、输出XML：
当用户点击上面的"Get LIST info"这个按钮，就会执行 loadXMLDoc() 函数。 loadXMLDoc() 函数创建XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。当服务器响应就绪时，会构建一个 HTML 表格，从 XML 文件中提取节点（元素），最后使用已经填充了 XML 数据的 HTML 表格来更新 copy 占位符。
Servlet中调用sql语句select查出数据，转换成XML格式输出。
AJAX XML实例(http://www.w3school.com.cn/ajax/ajax_xmlfile.asp)。
输出XML文件代码可参考(http://wentao365.iteye.com/blog/1102815)。
3.2、输出JSON：
当用户点击上面的"获取json"这个按钮，就会执行 loadXMLDoc() 函数。 loadXMLDoc() 函数创建XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。当服务器响应就绪时，会构建一个 HTML 表格，从 json 文件中提取节点（元素），最后使用已经填充了 json 数据的 HTML 表格来更新 copy 占位符。
Servlet中调用sql语句select查出数据，转换成JSON格式输出。再转换成json格式时使用了jsonStringer类
AJAX取得Servlet获取输出json文件可参考(http://bbs.csdn.net/topics/390708035)8楼。
输出JSON文件代码可参考(http://www.tuicool.com/articles/6niEjy)。
新闻发布的一点小总结