关于逐浪文章关键字的拼合引用代码

返回逐浪CMS技术讨论区
3回复贴,共1页,点击数:138

我们有很多时候会在文章的前后加个本文的关键字,以来方便网站的数据交互

例如:

blob.png

这里的标签我采用的是关键字来做的

文章的关键字是在内容模板中先引入“{ZL.Source id="文章模型数据源标签"/}”,然后再引入{SField sid="文章模型数据源标签" FD="Tagkey" page="0"/}

先引用了数据源标签才能调用关键字字段Tagkey的值

我们先引入一下关键字看一下这个字段的值是什么样的

blob.png

当然您也可以直接用数据库来查一下

blob.png


这样一看,这个关键字中有符号“,” 然后我们有个JS代码拼合一下,并给加上样式链接

<p class="mt-md-3">标签: 
  <script>
var str= '{SField sid="文章模型数据源标签" FD="TagKey" page="0"/}'
var strs= new Array(); //定义一数组 
strs=str.split(","); //字符分割 
    for (i=0;i<strs.length ;i++ ) 
 {
 document.write("<a class='border border-danger p-1 ml-md-3 ml-1' href='/Search/SearchList?keyword="+strs[i]+"'>"+strs[i]+"</a>"); //分割后的字符输出 
                           }
  </script>
    </p>


这样基本效果就出来了。

blob.png

然后再选用一个逐浪ZICO图标(网址为:ico.z01.com),ZICO的图标是可以直接在逐浪CMS中引用的。我选用的是标签图标,直接点击引用到模板当中就可以了

blob.png

这样一个完整的效果就出来了。

下面一起看一下效果:

blob.png


不过我的这个JS代码当中,如果关键字不为5个,则会出现一个空值


blob.png

如果大家有更好的代码,可以一起分享一下。

1楼 2018年09月01日 13:26

感谢分享,看完后深受启发,空值的问题,我们可以加个JS判断,如下:

for (i=0;i<strs.length ;i++ ) 
 {
  if(!strs[i]){continue;}//增加判断,如空值则忽略
  document.write("<a class='border border-danger p-1 ml-md-3 ml-1' href='/Search/SearchList?keyword="+strs[i]+"'>"+strs[i]+"</a>"); //分割后的字符输出 
 }
2楼 2018年09月22日 21:59 收起回复

收到谢谢。。


3楼 2018年10月12日 09:34 收起回复

blob.png

测试后效果非常好。非常感谢

4楼 2018年10月12日 09:38 收起回复
3回复贴,共1
您未登录,没有发贴权限[点此登录]