zTree & ckeditor &ValidateCode.jar 使用个人心得总结

zTree：依靠 jQuery 实现的多功能 “树插件”。

使用时只需要将下载的压缩包接用，复制里边的css 和 js 到指定目录即可。

如图所示：

 

在zTree的官网可以找到各种类型树的示例：

地址如下：http://www.treejs.cn/v3/demo.php

当下载压缩包之后再相应的路径都可以找到相应的html文件，直接拿来用就欧克。

 

 

 

 

 

再使用给出的html示例时要更改引入的路径才能正确使用

 

 验证路径的方式是 按住CTRL 键时鼠标移到 href 或者 src 的路径 会出现下划线，点击会进入相应的源码当中。

 

ckeditor： 再网上可以找到相应的压缩包，引入 ckeditor 文件，导入相应的 js，路径可能不对，按如上方法修改。

 

 

通过     CKEDITOR.replace('area')  实现 对 textarea 的替换。

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9    
10    
11 
12 

效果图如下：

 

 

ValidateCode.jar 包是一个自动生成验证码的jar包。

使用时在Servlet 类中调用相关方法即可。

 1 import java.io.IOException;
 2 import javax.servlet.ServletException;
 3 import javax.servlet.annotation.WebServlet;
 4 import javax.servlet.http.HttpServlet;
 5 import javax.servlet.http.HttpServletRequest;
 6 import javax.servlet.http.HttpServletResponse;
 7 
 8 import cn.dsna.util.images.ValidateCode;
 9 
10 /**
11  * Servlet implementation class Servlet2
12  */
13 @WebServlet("/Servlet2")
14 public class Servlet2 extends HttpServlet {
15     private static final long serialVersionUID = 1L;
16        
17     /**
18      * @see HttpServlet#HttpServlet()
19      */
20     
21     public Servlet2() {
22         super();
23         // TODO Auto-generated constructor stub
24     }
25 
26     /**
27      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
28      */
29     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
30         // TODO Auto-generated method stub
31            //1.设置验证码图片的宽高
32         int width=120;
33         int height=50;
34         //2.生成验证码     参数1和2：宽和高       参数3：验证码的位数（一般是4位，比如7RV4，G86T等等）      参数4：干扰线的条数
35         ValidateCode code=new ValidateCode(width, height, 6, 4);
36         //3.输出验证码图片
37         code.write(response.getOutputStream());
38 
39         //4.将随机码存起备用 
40         String codeString=code.getCode();
41         System.out.println("====codeString======"+codeString);
42     }
43 
44     /**
45      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
46      */
47     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
48         // TODO Auto-generated method stub
49         doGet(request, response);
50     }
51     
52 
53 
54 }

 

jsp：

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 
 4 
 5 
 6 
 7 
 8 
 9 
10 

11 
12  
13  
14 
15 

效果图如下：