ApacheVelocity和添加JavaScript_Javascript_Apache_Velocity

ApacheVelocity和添加JavaScript

javascript apache

ApacheVelocity和添加JavaScript,javascript,apache,velocity,Javascript,Apache,Velocity,请原谅我，因为我以前从未使用过ApacheVelocity，但我必须解决这个问题 #set($count=1) #foreach($e in $entities) #if($e.id != "" && $count < $entities.size() && $count <=18) <li> <script type="text/javascript">

请原谅我，因为我以前从未使用过ApacheVelocity，但我必须解决这个问题

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

我正在使用adobe产品推荐模板，现在我正在添加一个星级系统，如下图所示：

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

但是，正如您所看到的，我添加的逻辑（在JS中）只是第一次执行。很明显，没有穿过环路，因为它是以速度运行的

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

我向社会提出的问题是,；我该如何着手使这项工作

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

我已经试了一天，但是没有用，所以我非常感谢你的帮助

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

请看下面的代码！（谢谢！）

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

[foreach循环是速度，脚本标记之间的所有内容都是我附加的代码]

<div class="line">
<h2>More for You</h2>

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>


给你更多

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

#设置（$count=1）
#foreach（单位：e美元）
#如果（$e.id！=“&&&$count<$entities.size（）&&&$count=5）{myString=5；}
var myRegexp2=/\d（？。*\d）/；
var match2=myRegexp2.exec（myString）；
var starIMG=“”；
var myRegexp3=/\d/；
var match=myRegexp3.exec（myString）；
函数myFunction（）{
返回（匹配）；
}

#设置（$count=$count+1）
#结束
#结束

jQuery（函数（）{ jQuery（“#scrool”）.scrollbox({ 方向：‘h’，开关项目：3，距离：450，自动播放：错误 }); jQuery（“#scrool backward”）。单击（函数（）{ jQuery（'#scrool'）。触发器（'backward'）； }); jQuery（“#scrool forward”）。单击（函数（）{ jQuery（“#scrool”）.trigger（'forward'）； });

}); 我已经多年没有使用Velocity模板脚本了，但胡乱猜测是一个逃避问题。velocity模板中包含的所有内容实际上都是由velocity引擎运行的，必须转义$variable literals

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

编辑无需等待，您的意思是希望在服务器端运行javascript代码，每个foreach item步骤都应该评估javascript代码？

我已经多年没有使用Velocity模板脚本了，但猜测是一个逃避问题。velocity模板中包含的所有内容实际上都是由velocity引擎运行的，必须转义$variable literals

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>

编辑无需等待，您的意思是希望在服务器端运行javascript代码，每个foreach项步骤都应该评估javascript代码？

正确！理想情况下，我希望JS在每次迭代中都能执行。但我不确定这是否可行？我不想在速度方面做这件事的唯一原因是好的，因为我不知道怎么做。但我将研究转义？Velocity不能运行javascript（客户端），您必须使用Velocity脚本（服务器端），与浏览器javascript引擎相比，这是一个有限的功能集。在循环中创建StarIMG字符串并输出html标记。我提供的Velocity链接应该有Velocity脚本语法的示例。基本语法是$mybean.rating对mybean.getRating（）getter的引用。尝试设置（$startIMG=“sometext/$e.rating/continue.gif”），然后在html链接中使用该$变量。应该开始使用velocity添加if-then-else以限制评级值。如果velocity脚本太多或太有限，您可能应该将entity.rating值写入div属性。使用jQuery（document ready或其他触发器）客户端循环div元素，并在客户端插入stars.gif覆盖图像。可能更熟悉，因为您可以使用javascript。也不要使用

。

所有产品div的名称，id是一个文档范围内的唯一值。我编辑了代码以使用div中的值，并尝试迭代div，然后使用javascript将值（即：3.4）分回到查询字符串中，但现在它使所有div都具有相同的值，但至少显示了图像？正确！理想情况下，我希望JS在每次迭代中都能执行。但我不确定这是否可行？我不想在速度方面做这件事的唯一原因是好的，因为我不知道怎么做。但我将研究转义？Velocity不能运行javascript（客户端），您必须使用Velocity脚本（服务器端），与浏览器javascript引擎相比，这是一个有限的功能集。在循环中创建StarIMG字符串并输出html标记。我提供的Velocity链接应该有Velocity脚本语法的示例。基本语法是$mybean.rating对mybean.getRating（）getter的引用。尝试设置（$startIMG=“sometext/$e.rating/continue.gif”），然后在html链接中使用该$变量。应该开始使用velocity添加if-then-else以限制评级值。如果velocity脚本太多或太有限，您可能应该将entity.rating值写入div属性。使用jQuery（document ready或其他触发器）客户端循环div元素，并在客户端插入stars.gif覆盖图像。可能更熟悉，因为您可以使用javascript。也不要使用

。

所有产品div的名称，id是一个文档范围内的唯一值。我编辑了代码以使用div中的值，并尝试迭代div，然后使用javascript将值（即：3.4）分回到查询字符串中，但现在它使所有div都具有相同的值，但至少显示了图像？

#set($count=1)

      #foreach($e in $entities)  
        #if($e.id != "" && $count < $entities.size() && $count <=18) 
          <li>
          <script type="text/javascript">

              var myString = $e.rating;
                if (myString >= 5) { myString = 5;} 

              var myRegexp2 = /\d(?!.*\d)/;
              var match2 = myRegexp2.exec(myString);
              var starIMG = "<img src='http://kirklands.ugc.bazaarvoice.com/3768-en_us/" + match + "_" + match2 + "/5/rating.gif' alt='' />";

              var myRegexp3 = /\d/;
              var match = myRegexp3.exec(myString);

                function myFunction() {
        return(match);
            }

          </script>
            <a class="productBlock" onclick="var s = s_gi(s_account);
            s.linkTrackVars='events,eVar21';
            s.linkTrackEvents='event16';
            s.events='event16';
            s.eVar21='';
            s.tl(this,'o','Product Detail Cross-Sell');" href="$e.pageUrl?icid=hpFS ">
              <img title="$e.name" alt="$e.name" src="$e.thumbnailUrl">
              <h3>$e.name</h3>
              <div id="starRating"><script>document.getElementById("starRating").innerHTML = 
              starIMG;</script></div>
              <p>$$e.value</p>
            </a>

          </li>
        #set($count = $count + 1)
      #end 
    #end
  </ul>
</div>
<div class="scroolBtn btnRight"><span class="btn" id="scrool-forward"></span></div>
</div>