帝国cms列表页模板动态获取文章内容点击数

为了优化帝国CMS在列表页动态获取文章点击数目的性能，并且避免页面加载缓慢的问题，你可以按照以下步骤进行操作：

1. 修改HTML结构 在需要显示点击数的位置插入一个新的元素，并添加必要的数据属性。

   <em class="clicknum" data-class="[!--classid--]" data-id="[!--id--]">[!--onclick--]</em>

2. 在页面尾部加入JS代码 在页面底部加入以下JS代码，用于异步加载点击数。

   <script>     window.onload = function() {         $('.clicknum').each(function(i) {             var url = "[!--news.url--]e/public/ViewClick?&down=0&nojs=1&classid=" + $(this).attr("data-class") + "&id=" + $(this).attr("data-id");             $(this).text(""); // 清空原有内容             $.get(url, function(data) {                 $(this).text(data);             });         });     } </script>

3. 修改源码 找到 /e/public/ViewClick/index.php 文件，并修改其中的代码。

   if ($_GET['nojs'] == 1) {     echo $shownum; } else {     echo "document.write('" . $shownum . "');"; }

解释

• HTML结构：

  • <em class="clicknum" 元素用于显示点击数。
  • data-class 和 data-id 属性分别存储类ID和文章ID。

• JS代码：

  • window.onload 确保DOM完全加载后再执行脚本。
  • 使用 $.get 异步请求点击数，避免阻塞页面渲染。
  • $(this).text(data) 更新元素的内容。

• PHP代码：

  • 判断是否为异步请求（nojs=1），如果是，则直接返回点击数。
  • 否则，使用 document.write 输出点击数。

通过这些步骤，可以有效地优化页面加载速度，并动态获取文章点击数。