jtemplate示例

sugar-foxs

于 2016-10-21 14:36:28 发布

阅读量251

点赞数 1

分类专栏： java基础

本文链接：https://blog.csdn.net/u013014724/article/details/52883035

版权

java基础专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1,在maven中写依赖

<!--json包-->
<dependency>
  <groupId>org.codehaus.jackson</groupId>
  <artifactId>jackson-mapper-asl</artifactId>
  <version>1.9.13</version>
</dependency>

2,在springmvc.xml中写

<context:component-scan base-package="com.guchunhui.controller"/>

<mvc:annotation-driven />

<!-- 避免IE执行AJAX时,返回JackJSON出现下载文件 -->
<bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">
    <property name="supportedMediaTypes">
        <list>
            <value>text/html;charset=UTF-8</value>
        </list>
    </property>
</bean>


<!-- 启动Spring MVC的注解功能，完成请求和注解POJO的映射 -->
<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
    <property name="messageConverters">
        <list>
            <ref bean="mappingJacksonHttpMessageConverter" /><!-- json转换器 -->
        </list>
    </property>
</bean>

3,在jsp中

<body>
    <!-- 模板内容 -->
    <textarea id="template" style="display:none">
       {#foreach $T as record}
          <div style="width: 50%;margin-left: 35%">
              <table>
                  <tr>
                      <td>
                          <img src="../img/{$T.record.cover}" width="150"/>
                      </td>
                      <td>
                          <ul style="list-style-type: none">
                              <li><p style="color: blue">{$T.record.bookName}</p></li>
                              <li>{$T.record.author}/{$T.record.year}</li>
                              <li>{$T.record.description}</li>
                              <li>书价：￥{$T.record.price}
                              <a style="color:blue;">我要购买</a>|
                              <a style="color:blue;">加入收藏</a>|
                              <a style="color:blue;">我要出售</a></li>
                          </ul>
                      </td>
                  </tr>
              </table>
          </div>
       {#/for}
    </textarea>
    <!-- 输出元素 -->
    <div id="result"></div>
</body>

4,在对应js中写,默认加载,采用ajax

$(document).ready(function(){
    $.ajax({
        url:'/book/findsuccess.do?father=2',
        type:"GET",
        dataType: 'json',
        timeout: 1000,
        cache: false,
        beforeSend: LoadFunction, //加载执行方法
        error: erryFunction,  //错误执行方法
        success: succFunction //成功执行方法
    })
    function LoadFunction() {
        // $("#result").html('加载中...');
    }
    function erryFunction() {
        // alert("error");
    }
    function succFunction(tt) {
         var data = eval(tt);
        // 附上模板
        $("#result").setTemplateElement("template");
        // 给模板加载数据
        $("#result").processTemplate(data);
    };
});

5,在springmvc control中,

@ResponseBody
@RequestMapping(value = "/findsuccess")
public List<Book> findsuccbook(HttpServletRequest request){
    String fatherclass = request.getParameter("father");
    List<Book> bookList = bookUtilService.findKindBooks(Integer.parseInt(fatherclass));
    return bookList;
}