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

[版权申明：本文系作者原创，转载请注明出处]

文章出处：

作者：朱培 ID：sdksdk0

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

最近在做一个移动电子商城的项目，在商品详情页处理这里处理的时候，因为我项目基本上都是用的jsp来写的页面，但是对于一个大型的购物网站来说，要解决掉速度的问题，所以需要把jsp换成html，这里我们可以使用Freemarker模板引擎来把jsp换成html供用户来访问.本文主要介绍的是如何使用Freemarker模板引擎来构建商品详情页，以及使用 CXF 做 webservice 发布服务，供后台添加商品时自动发布html网页。使用的是maven+SSM框架

一、FreeMarker

FreeMarker模板文件主要由如下4个部分组成:

1,文本:直接输出的部分

2,注释:<#-- ... -->格式部分,不会输出

3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出

4,FTL指令:FreeMarker指定,和HTML标记类似,名字前加#予以区分,不会输出

关于FreeMarker的语法使用等这里不再重复说明，有需要的朋友可以自行查阅相关资料。

步骤：1，在core项目的resource文件下新建：productDetail.ftl文件，放在cn.tf.ecps.ftl目录下。

关键代码内容如下：就是通过FreeMarker的语法进行取值。


    		
             	
      ${item.itemName }${item.promotion }
			
      				
       
        
       
				
       					
         					
        						
          
           
           
           
           
           
         
					
        
					
         				
       
				
       						
        						
          
          分享到：
          
          
          
          
          
          复制链接 
         
					
        
				
       
			
      
			
      				
       								
        移 动 价：￥3999.00(市场价:￥5789.00)
				
        商品编号：${item.itemNo }
				
        商品评价：4分(已有17人评价)
				
        运　　费：包邮    配送区域
				
        库　　存：有货
				
        支付方式：
          
          网银支付 
          支付宝 
          手机支付 
         
				
       
				
       					
        					
         规　　格：
          
            <#list item.skuList as sku> <#if sku_index == 0> 
            <#list sku.specList as spec> ${spec.specValue } 
              <#else> 
            <#list sku.specList as spec>

${spec.specValue }

2、FMUtils文件

在/src/main/java/目录中新建一个util文件，这是用来处理的一个工具类。

public class FMutil {		/**	 * 	 * @param ftlName：模板名字	 * @param fileName：生成的html的名字	 * @param map：数据,在freemarket模板中取数据都使用map	 * @throws Exception	 */	public void ouputFile(String ftlName, String fileName,  Map
    
      map) throws Exception{		//创建fm的配置		Configuration config = new Configuration();		//指定默认编码格式		config.setDefaultEncoding("UTF-8");		//设置模板的包路径		config.setClassForTemplateLoading(this.getClass(), "/cn/tf/ecps/ftl");		//获得包的模板		Template template = config.getTemplate(ftlName);		//指定文件输出的路径		String path = "E:/myeclipse_work/ECPS/ecps-parent/ecps-portal/src/main/webapp/html";		//定义输出流，注意的必须指定编码		Writer writer = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(new File(path+"/"+fileName)),"UTF-8"));		//生成模板		template.process(map, writer);	}}

3、测试

@Autowired	private EbItemService itemService;	@Test	public void testGeneraHtml() throws Exception {		Map
    
       map=new HashMap
     
       ();		EbItem item=itemService.selectItemDetailById(3080);		map.put("item", item);				map.put("path", ECPSUtil.readProp("portal_path"));		map.put("file_path", ECPSUtil.readProp("FILE_PATH"));		FMutil fm=new FMutil();	     fm.ouputFile("productDetail.ftl", item.getItemId()+".html", map);		}

这个时候我们就可以看到页面效果出来了，在我们设置好的html目录下：就可以找到生成的html文件3080.html了

当然，在这里提一句的是，这个项目非常复杂，我只是简要的介绍一下使用FreeMarker的流程，而不是要介绍怎么做这个详情页最小单元的处理。

二、CXF服务调用

我们在做完这个模板处理之后，记u需要后台通过添加商品之后就可以将这个页面生成出来，例如我后台有10万个商品，那么我就需要生成10万个静态的html页面保存在我的html文件服务器上面。

例如我这个后台，点击发布按钮之后，就可以自动生成一个html文件，把商品下相关信息保存在那个html中，每次更新商品时重新点击发布就可以了，非常方便。

那么我们想要点击发布按钮之后就要生成代码，自然需要我们的FreeMarker了，在真实生产环境中，都是分布式的，不在同一台机器上面，所以这就涉及到了我们的webService调用了。这里使用的是appach的cxf来处理。

下载地址：

1、新建一个ws的接口类：EbWSItemService，这里的接口我使用了md5加密加盐处理。

@WebServicepublic interface EbWSItemService {		public String publishItem(Long itemId,String password);}

实现其方法

@Servicepublic class EbWSItemServiceImpl  implements EbWSItemService {	@Autowired	private EbItemService itemService;			public String publishItem(Long itemId, String password) {		String isOK="success";				String wsPass=GetMD5.getMD5(itemId);		if(StringUtils.equals(password, wsPass)){			//发布			Map
    
       map=new HashMap
     
       ();			EbItem item=itemService.selectItemDetailById(itemId);			map.put("item", item);						map.put("path", ECPSUtil.readProp("portal_path"));			map.put("file_path", ECPSUtil.readProp("FILE_PATH"));			FMutil fm=new FMutil();			try {				fm.ouputFile("productDetail.ftl", item.getItemId()+".html", map);			} catch (Exception e) {				e.printStackTrace();			}		}else{			isOK="fail";		}				return isOK;	}}

属性文件内容为：ecps.properties

FILE_PATH=http://localhost:8080/ecps-file#操作类型AUDIT_ITEM_TYPE=\u5546\u54C1\u5BA1\u6838show_item_type=\u5546\u54C1\u4E0A\u4E0B\u67B6portal_path=http://localhost:8080/ecps-portal#接口加密slat=xvzbnxsd^&&*)(*()kfmv4165323DGHSBJ

2、在项目中新建一个文件cxf-servlet.xml

内容如下：

3、在前台工程的web.xml中进行配置


    		
     
      cxf
     		
     
      org.apache.cxf.transport.servlet.CXFServlet
     	
    	
    		
     
      cxf
     		
     
      /services/*

4、运行tomcat，通过链接访问：

里面就是一个wsdl文件。我们都知道wsdl都是从下往上读的，所以这里需要调用EbWSItemServiceService

发布服务之后我们需要使用这个cxf来生成java代码：

wsdl2java -d . -p cn.tf.ecps.stub http://localhost:8080/ecps-portal/services/publishItem?wsdl

生成好之后，将生成好的代码复制进你的工程即可。

然后在我们的port工程中，对service进行处理：

//调用服务	public String publishItem(Long itemId, String password) {		//创建服务访问点的集合		EbWSItemServiceService  itemServiceService=new EbWSItemServiceService();		//获得服务端的接口，通过服务访问点的name在前面加上get这个方法就是获得webService服务的接口方法		EbWSItemService service = itemServiceService.getEbWSItemServicePort();		//调用webService的发布方法		return service.publishItem(itemId, password);	}

最后在controller中调用那个这个service就可以了

//调用服务	@RequestMapping("/publish.do")	public void publish(Long itemId,PrintWriter out){		String wsPass=GetMD5.getMD5(itemId);		String result = null;		try {			result = itemService.publishItem(itemId,wsPass);		} catch (Exception e) {			e.printStackTrace();		}		out.write(result);		}

这样整个过程就完成了。

这里值得一提的是如果你发布的服务是用的localhost：8080，那么在前台工程也要用localhost：8080，否则会报错，我就是因为这个原因折腾了几个小时，原因是跨域问题。

可以通过前台来看到生成好的html页面。

项目地址：