discuz二次开发:discuz x2 关联链接原理分理

2013-05-13 08:00 阅读 495 次 评论关闭

Discuz x2 关联链接,即在指定的范围(文章,主题,群组,日志)内容中出现的指定文字自动加上给定链接。下面我简单解析一下关联链接的实现原理,希望对一些不能正常显示关联链接的用户提供一些参考。下面以论坛主题为例说明,其他各处与之原理相同。

涉及地方:后台--运营--关联链接--添加关联链接。

当我们打开主题内容页面,程序执行到furom_viewthread.php中的986行附近

  1. <!--{if $_G['relatedlinks']}-->
  2. <script
  3. type="text/javascript">
  4. var relatedlink =
  5. [];
  6. <!--{loop $_G['relatedlinks'] $key
  7. $link}-->
  8. relatedlink[$key] = {'sname':'$link[name]',
  9. 'surl':'$link[url]'};
  10. <!--{/loop}-->
  11. relatedlinks('postmessage_$_G[forum_firstpid]');
  12. </script>
  13. <!--{/if}-->

在模板中输出一段javascript代码,并且将$_G['relatedlinks']中的数据以js数组的形式赋给relatedlink[]变量。然后执行relatedlinks()函数,该函数在common_extra.js文件中。

  1. function _relatedlinks(rlinkmsgid) {
  2. if(!$(rlinkmsgid) || $(rlinkmsgid).innerHTML.match(/<script[^\>]*?>/i)) {
  3. return;
  4. }
  5. var alink = new Array(), ignore = new Array();
  6. var i = 0;
  7. var msg = $(rlinkmsgid).innerHTML;
  8. msg = msg.replace(/(<ignore_js_op\>[\s|\S]*?<\/ignore_js_op\>)/ig, function($1) {
  9. ignore[i] = $1;
  10. i++;
  11. return '#ignore_js_op '+(i - 1)+'#';
  12. });
  13. i = 0;
  14. msg = msg.replace(/(<a.*?<\/a\>)/ig, function($1) {
  15. alink[i] = $1;
  16. i++;
  17. return '#alink '+(i - 1)+'#';
  18. });
  19. var relatedid = new Array();
  20. msg = msg.replace(/(^|>)([^<]+)(?=<|$)/ig, function($1, $2, $3) {
  21. for(var j = 0; j > -1; j++) {
  22. if(relatedlink[j] && !relatedid[j]) {
  23. var ra = '<a href="'+relatedlink[j]['surl']+'" target="_blank">'+relatedlink[j]['sname']+'</a>';
  24. var $rtmp = $3;
  25. $3 = $3.replace(relatedlink[j]['sname'], ra);
  26. if($3 != $rtmp) {
  27. relatedid[j] = 1;
  28. }
  29. } else {
  30. break;
  31. }
  32. }
  33. return $2 + $3;
  34. });
  35. for(var k in alink) {
  36. msg = msg.replace('#alink '+k+'#', alink[k]);
  37. }
  38. for(var l in ignore) {
  39. msg = msg.replace('#ignore_js_op '+l+'#', ignore[l]);
  40. }
  41. $(rlinkmsgid).innerHTML = msg;
  42. }

该函数接受替换内容所在的父元素的id,在这个例子中,父元素应该是<td id="postmessage_帖子id"></td>替换文本使用到了js的replace方法,将设定的关联子句替换成带有关联链接的内容。

可能导致的关联链接不显示的原因分析:

1、程序、模板或者js文件被修改,导致$_G['relatedlinks']没有读取到,可以通过模板输出数据调试的方式检查,如果有问题可以将原程序模板等相关文件覆盖还原。

2、20110627之前有一个关联链接的bug,会导致关联链接无法显示,建议打上最新的补丁~

更多discuz二次开发的教程:

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:discuz二次开发:discuz x2 关联链接原理分理 | 猎微网

评论已关闭!