JSP-08-第三方控件的使用

添加图片

1.  下载 commons-fileupload-1.2.2.jar和commons-io-2.4.jar 导入项目
2.  在添加涂抹的页面设置表单属性  enctype=”multipart/form-data”
3.  修改表单的提交方式为 post
4. 具体实现过程(JSP 中)

1)       检查请求的类型

boolean isMultpart=ServletFileUpload.isMultipartContent(requeset);

if(isMultpart)  //当enctype=”multipart/form-data”,并且method=”post”,此值为true

2)       声明对象

DiskFileItemFactory factory=new DiskFileItemFactory();

ServletFileUpload upload= new ServletFileUpload(factory);

3)       转换请求的对象

List<FileItem> items=null;

Items.parseRequest(request);

4)       保存上传的文件

if(item.isFormField){

            File.fullFile=new File(item.getName);

            File uploadFile=new File(realPath,fullFile.getName);

            Item.write(uploadFile);

}

5)       获取普通字段

if(item.isFormField){

fieldname = item.getFieldName();

 if(fieldname.equals(“title”)){

         news.setTitle(item.getString(“UTF-8”));

}

}

 

所见即所得

1. 下载 CKEditor

http://ckeditor.com/download

1. 解压到项目中
2. 在页面加入CKEditor

<script type="text/javascript" src="<%=request.getContextPath() %>/ckeditor/ckeditor.js"> </script>

      3. 使用CKEditor编辑内容

“内容”textarea标签中加入class="ckeditor"

　　4. 提交CKEditor编辑的内容

注意：在数据库中对应的字段类型为“CLOB”（oracle）

 

 --------------------

    1. CKEditor文件夹的含义

　　  _samples: 存放官方的Demo

       lang:存放多国语言文件

　　 skins:皮肤文件夹

 

   2.   可以通过ckeditor.js文件配置 CKEditor, 

    CKEDITOR.editorConfig = function()

　　{

　　　　config.language = 'zh-cn' ; //配置语言

           config.uiColor = '#AADC6E';

　　　　config.width= 'auto';

　　　　config.skin = 'office2003';  //皮肤：v2,kama,office2003

     };