第9章Javaweb常用实用组件﹝5﹞.ppt

第9章 Java web常用实用组件 在JSP中使用在线编辑器 一般在进行信息在线编辑时，需要插入图片，进行文字排版等，使显示的时候以固定排版格式显示，因此，需要在录入时，能够允许进行信息的在线样式编辑，如图9-1所示。 在JSP中，可采用Ckeditor在线编辑器实现以上描述功能。 实现过程： 1．下载CKEditor。在CKEditor官方网站网址/download下载CKEditor for Java。 本例下载当前最新版本CKEditor for Java 3.6.2.war。 2.将ckeditor文件夹和jar复制到指定位置。下载后解压，将CKEditor的ckeditor-java-core-3.5.3.jar复制到采用站点的WEB-INF/lib/目录下，ckeditor文件夹复制到站点文件夹下。 3.编写调用表单文件。编写含有在线编辑器的表单，即在原先表单制作的基础上，增加相应CKEditor的调用语句即可。程序9-1为实现了含有在线编辑器的一个表单页面。 CKEditor 的配置与使用 Web在线编辑器简介 1．CKEditor 免费、开源、用户量庞大的在线编辑器，有良好的社区支持。 CKEditor创建于2003年，起初为FCKeditor，2009年更名为CKEditor，是目前市场使用非常广泛的一个在线编辑器。官方网站：。 2．TinyMCE 这是免费、开源、轻量的在线编辑器，基于JavaScript，高度可定制、跨平台。 3．YUI Editor 这是Yahoo! YUI 的一部分，能输出纯净的Xhtml代码。 4．eWebEditor 这是国产商业化的编辑器，不免费，功能丰富。 5．Free Rich Text Editor 这是非常容易部署的在线编辑器，输出XHTML代码，功能丰富。 CKEditor常用标签及属性 1. ckeditor:replace标签 该标签用于设置在线编辑器替换表单元素，其常用属性有： replace：需要用编辑器替换的表单元素。 basePath：在线编辑器CKEditor的位置。 config：设置编辑器对象的属性，如设置宽度，高度。 2. ckeditor:editor标签 该标签主要用来在表单页面创建在线编辑器，其常用属性有： basePath：在线编辑器CKEditor的位置。 editor：编辑器表单元素的名字。 value：表单元素的默认值。 textareaAttributes：编辑器的属性，其用java.util.Map设置键值对。 扩展1——修改信息时采用在线编辑器 在线信息修改时，需要将原有信息读取出来，显示在在线编辑器，再做调整，因此需要使用在线编辑器时使用默认值。 采用ckeditor:replace标签时，只要将原表单元素设置默认值，则采用编辑器后，仍然保持默认值，如对程序9-1，其原表单元素为： textarea cols=80 id=ArtContent name=ArtContent rows=3/textarea 设置默认值： textarea cols=80 id=ArtContent name=ArtContent rows=3编辑器默认值/textarea 采用ckeditor:replace标签替换后，运行效果如图9-3所示。 扩展2——简洁的在线编辑器 收集信息时，表单文本框个别情况不需要做太多编辑，只需简单的编辑，因此，编辑器不需太复杂，所以采用简化的编辑器，CKEditor提供了的简化样式。 对于前边9-1程序，用简化样式重新替换，效果如图9-4所示。代码见程序9-2所示。 注册时自动发送欢迎邮件 在网站注册成功后，会发送邮件到注册者邮箱，提示注册成功，如图9-5所示，自动发送到编者注册信箱ljq816-2@。 实现过程： 1．下载并加载JavaMail API 收发邮件需要下载JavaMail API并加载到服务器后，才可以正常执行。JavaMail API目前的版本为JavaMail API 1.4.3。可以从如下地址下载： /products/javamail/downloads/index.html 下载后，解压并找到mail.jar文件，将其复制到项目的WEB-INF/lib/文件夹下，如直接加载到Web服务器，则复制到Tomcat安装目录下的lib文件夹中。 2．编写邮件身份验证类 邮件身份验证类代码见程序9-3。 3．编写发送邮件类 发送邮件类代码见程序9-4。 4．编写注册表单 注册表单代码见程序9-5，效果如图9-6。 5．编写注册Servlet，包括发邮件功能。 注册程序代码见程序9-6。 新知识点——JavaMail JavaMail API 是一个用于阅读、编