PrimeFaces教程v05-3.doc

PrimeFaces简介 PrimeFaces是一个用于提高JSF Web应用程序开发效率的开源类库。 1.1.1 Graphic Text 文本图象化显示 1 1.1.2 ImageCropper 2 1.1.3 ImageSwitch 3 1.1.4 Google Maps 地图 3 1.1.5 Dyna Image 5 1.1.6 Media 7 1.1.7 Star Rating 7 1.1.8 Wizard: 7 1.2 消息： 8 1.2.1 Growl Mac风格的消息显示 8 1.2.2 Message/Messages 8 1.2.3 Tooltip 8 1.3 文件处理： 9 1.3.1 FileUpload 上传文件 9 1.3.2 FileDownload 下载文件 11 1.3.3 IdleMonitor 屏幕凝滞 11 1.3.4 Terminal 11 1.4 辅助功能(辅助其它JSF组件，给它们添加新的功能和行为)： 12 1.4.1 Ajax Engine 12 1.4.2 Ajax Poll轮询 13 1.4.3 Ajax远程调用p:remoteCommand 14 1.4.4 Ajax Status 显示ajax后台运行状态。 14 1.4.5 Focus 15 1.4.6 Effect: 15 1.4.7 Collector ： 16 1.4.8 Resizable 给任何JSF组件添加可调整大小的行为。 16 1.4.9 RequestContext : 16 2 TouchFaces 18 2.1.1 移动UI工具 18 2.1.2 Ajax Push/Comet 19 2.1.3 几分钟实现聊天应用： 19 Graphic Text 文本图象化显示 实时地将任意文本转换为图片。 p:graphicText value=”PrimeFaces” fontName=”Arial” fontSize=”14” fontStyle=”bold”/ ImageCropper 裁剪图像的给定区域，将被裁出的部分传到服务器。 示例运行效果： p:imageCropper value=#{imageCropperBean.croppedImage} image=/images/barca/camp_nou.jpg initialCoords=225,75,300,125/ p:graphicImage id=localCroppedImage value=barca/#{imageCropperBean.newImageName}.jpg / p:commandButton?value=Crop action=#{imageCropperBean.crop} update=localCroppedImage/ 受管Bean代码： public class ImageCropperBean { private CroppedImage croppedImage; public CroppedImage getCroppedImage() { return croppedImage; } public void setCroppedImage(CroppedImage croppedImage) { this.croppedImage = croppedImage; } public String crop() { ServletContext servletContext = (ServletContext) FacesContext.getCurrentInstance().getExternalContext().getContext(); String newFileName = servletContext.getRealPath() + File.separator + images + File.separator + barca + File.separator+ croppedImage.jpg; FileImageOutputStream imageOutput; try { imageOutput = new FileImageOutputStream(new File(newFileName)); imageOutput.write(croppedImage.getBytes(), 0,