freemarker + JS完成数据渲染——已解决

需求：商品详情页面添加“***购买了该商品”，滚动列表

实现：①：获取信息列表数据postListData

           ②：循环该列表数据，获取其中用户名，时间

           ③：先做JS判断用户名name----超过两个字符用**，时间time计算----距离当前时间多久（如下）

//判断姓名

if(name.length > 2){
   name= name.slice(0,2);
   $("#li_${postListData.id}").children(".name").text(name+"***");
}


//判断时间

var nowDate = new Date();
var nowTime = nowDate.getTime();
var endTime = ${postListData.time};
var leftTime = nowTime - endTime;
var m = Math.floor(leftTime / 1000 / 60 % 60);  //获取分钟
$("#li_${postListData.id}").children("i").children(".min").text(m);

在JS中使用freemarker模板和在HTML中使用方法是一样的。

<ul id="userBuy">
   [#if postListData?has_content]
     [#list postListData as postListData]
         <li id="li_${postListData.id}"><text class="text-red name"></text>购买了该商品</li>
      [/#list]
   [/#if]
</ul>

[#if productBuyDataList?has_content]
   [#list productBuyDataList as productBuyData]
     var memberName = "${productBuyData.memberName}";
     if(memberName.length > 2){
     memberName = memberName.slice(0,2);
     $("#li_${productBuyData.id}").children(".user-buy-name").text(memberName+"***");
          }
     // var nowDate = new Date();
     // var nowTime = nowDate.getTime();
     // var endTime = ${productBuyData.buyTimeTwo};
     // var leftTime = nowTime - endTime;
     // var m = Math.floor(leftTime / 1000 / 60 % 60);
     // $("#li_${productBuyData.id}").children("i").children(".min").text(m);
   [/#list]
[/#if]