springmvc整合freemarker以及前端的一些坑

[html]  view plain  copy  

1. <bean id="freemarkerConfig"  class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">  
2.     <propertynamepropertyname="templateLoaderPath" value="/WEB-INF/view/" />  
3.     <propertynamepropertyname="defaultEncoding" value="utf-8" />  
4.     <propertynamepropertyname="freemarkerSettings">  
5.     <props>  
6.         <prop key="template_update_delay">10</prop>  
7.         <prop key="locale">zh_CN</prop>  
8.         <prop key="datetime_format">yyyy-MM-dd HH:mm:ss</prop>  
9.         <prop key="date_format">yyyy-MM-dd</prop>  
10.         <prop key="number_format">#.##</prop>  
11.         <prop key="classic_compatible">true</prop>  
12.         <prop key="template_exception_handler">com.xxx.web.exception.FreeMarkerExceptionHandler</prop>  
13.     </props>  
14.     </property>  
15. </bean>  
16.   
17. <bean id="viewResolver"  class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">  
18.     <propertynamepropertyname="viewClass" value="org.springframework.web.servlet.view.freemarker.FreeMarkerView"></property>  
19.     <propertynamepropertyname="suffix" value=".ftl" />  
20.     <propertynamepropertyname="contentType" value="text/html;charset=utf-8" />  
21.     <propertynamepropertyname="exposeRequestAttributes" value="true" />  
22.     <propertynamepropertyname="exposeSessionAttributes" value="true" />  
23.     <propertynamepropertyname="exposeSpringMacroHelpers" value="true" />  
24.     <propertynamepropertyname="requestContextAttribute" value="request" />  
25. </bean>  

<#assign webroot=request.getContextPath()>

FreeMarkerExceptionHandler

   
   

    
    

     
     

      
      [java] 
      
      view plain
      
       copy
      
      
      
       
      
      
      
      
     
     
    
    
    
    

public class FreeMarkerExceptionHandlerimplements TemplateExceptionHandler {  
    private static Logger logger = LoggerFactory.getLogger(FreeMarkerExceptionHandler.class);  
    @Override  
    public void handleTemplateException(TemplateException te, Environment env, Writer out) throws TemplateException {  
        logger.warn("freemarker handleTemplateException",te);  
        throw new ViewException("freemarker error",te);  
    }  
}  

   
   

配置：
template_exception_handler=xxxx.
FreeMarkerExceptionHandler

在web.xml中配置：

    
    

     
     

      
      

       
       [html] 
       
       view plain
       
        copy
       
       
       
        
       
       
       
       
      
      
     
     
     
     

<error-page>  
    <exception-type>com.xxx.web.exception.ViewException</exception-type>  
    <location>/error</location>  
</error-page>  

    
    

   
   

    
    

     
     

      
      [html] 
      
      view plain
      
       copy
      
      
      
       
      
      
      
      
     
     
    
    
    
    

<spanclassspanclass="popovers" data-html="true" data-trigger="hover" data-placement="bottom" data-content="<p style='word-wrap:break-word;'>${desc}</p>">  
    <#if desc?length gt 10>  
        ${desc?substring(0,10)}...<!-- 字符串截取第二种方式：${desc[0..10]} -->  
    <#else>  
        ${desc}  
    </#if>  
</span>  

   
   

3、列表中显示操作下拉菜单：

    
    

     
     

      
      

       
       [html] 
       
       view plain
       
        copy
       
       
       
        
       
       
       
       
      
      
     
     
     
     

<div class="btn-group" style="margin-bottom: 1px !important;">  
    <a class="btn green" href="#" data-toggle="dropdown">  
        <i class="icon-cogs"></i>操作  
        <i class="icon-angle-down"></i>  
    </a>  
    <ul class="dropdown-menu pull-right">  
        <li><a href="javascript:;" onclick="editBusinessType(${apiBusinessType.id})"><iclassiclass="icon-edit"></i>编辑</a></li>  
       <li><a href="javascript:;" onclick="deleteBusinessType(${apiBusinessType.id})"><iclassiclass="icon-remove"></i>删除</a></li>  
    </ul>  
</div>  

    
    
4、表格中，实现列中的内容超出宽度，自动隐藏配置：（可配合popver使用）
table:style="table-layout: fixed"
td ：style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;"

[html]  view plain  copy  

1. <p class="info" id="copy_text"></p>  
2. <a href="javascript:void(0);" title="" id="a_trigger_copy" class="action-btn" data-clipboard-target="#copy_text" onclick="copyShortLink()">短链接复制</a>  

[javascript]  view plain  copy  

1. clip = new Clipboard("#a_trigger_copy");//要提前创建对象，不能再点击复制时才创建，否则会导致第一次点击无法复制的问题  
2. if(window.clipboardData) {  
3.     //兼容IE浏览器  
4.     var clipValue = $("#"+valueId).val();  
5.     window.clipboardData.setData("Text",clipValue);  
6.     $.alertSuccess("短链接复制成功");  
7. } else {  
8.     clip.on("success",function(e){  
9.         e.clearSelection();  
10.         $.alertSuccess("短链接复制成功");  
11.     });  
12.     //对于一些版本较低的浏览器不支持自动复制，使用手动方式复制  
13.     clip.on('error', function(e) {  
14.         $.alertError("请使用Ctrl+C手动复制");  
15.     });  
16. }