ecshop教程:文章分类或ID自动取内容第一张图做为缩略图展示

(1)找到 网店根目录/includes/lib_article.php文件,并在最尾处增加以下代码(大概在行83处):

 

function GetImageSrc($body) {

   if( !isset($body) ) {

     return '';

   }

   else {

     preg_match_all ("/<(img|IMG)(.*)(src|SRC)=["|'|]{0,}([h|/].*(jpg|JPG|gif|GIF|png|PNG))["|'|s]{0,}/isU",$body,$out);

  return $out[4];

   }

}

/**

* 按文章ID号或文章分类ID号取得文章

* @param  array    $id       文章ID或文章分类ID

* @param  string   $getwhat  以何种方式取文章.当参数为'cat'时以文章分类ID取,其他都以文章ID取

* @param  integer  $num      控制显示多少条文章.当参数为0时则全部显示

* @param  boolean  $isrand   是否随机显示文章.

*/

function get_article_new( $id = array(0), $getwhat = '', $num = 0, $isrand = false ) {

$wherestr = '';

$search = '';

if( $getwhat ==  'cat' ){

  $search = 'cat_id=';

}

else {

  $search = 'article_id=';

}

for( $i=0; $i<count($id); $i++ ) {

  if( $i<count($id)-1 ) {

   $wherestr = $wherestr . $search . $id[$i] . ' or ';

  }

  else {

   $wherestr = $wherestr . $search . $id[$i];

  }

}

$sql = 'SELECT * FROM ' . $GLOBALS['ecs']->table('article') .

' WHERE (' . $wherestr . ') AND (is_open = 1) ';

if ( $isrand == true ) {

  $sql .= ' ORDER BY rand()';

}

else {

  $sql .= ' ORDER BY add_time DESC, article_type DESC, article_id DESC';

}

if ( $num > 0 ) {

  $sql .= ' LIMIT ' . $num;

}

$res = $GLOBALS['db']->getAll($sql);

$articles = array();

foreach ($res AS $id => $row) {

  $articles[$id]['title']   = $row['title'];

  $articles[$id]['url']     = 'article.php?id=' . $row['article_id'];

  $articles[$id]['addtime'] = date($GLOBALS['_CFG']['date_format'], $row['add_time']);

  $articles[$id]['content'] = $row['content'];

  $imgsrc                   = GetImageSrc($row['content']);

  $articles[$id]['img']     = $imgsrc[0];

}

return $articles;

}

 

(2)在模板目录的库文件目录中增加:msg_img.lbi库文件

代码如下:

 

<?php 

    $this->assign( 'img_art1', get_article_new(array(2),'cat',6) ); 

?>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

<!--

.img_art{ width:273px; height:130px; border:#FFF solid 1px; float:left; padding-bottom:10px; overflow:hidden; }

.title { background-color:#D3C08D; height:22px; color:#765935; padding:5px 5px 0px 5px; font-weight:bold;}

.content { padding:5px;}

.Limg {width:100px; height:100px; border:#E0E0E0 solid 1px; padding:1px; text-align:center; margin-right:2px; float:left;}

.Limg img {width:100px; height:100px; border:0px; }

.rcont { width:155px; float:left;}

.rcont li {padding-left: 2em;line-height: 180%;background-image: url(images/news_arrow.gif);background-repeat: no-repeat;background-position: 12px 5px;white-space:nowrap;width:150px;text-overflow:ellipsis;overflow:hidden;}

.rcont a:visited, .rcont a:link {color: #9A6F4A;text-decoration: underline;}

.rcont a:hover {color: #9A6F4A;text-decoration: underline;}

}

-->

</style>

<div class="img_art">

<div class="title">公司新闻</div>

    <div class="content">

    <!-- {if $img_art1} -->

    <!--{foreach from=$img_art1 item=aimg1 name="artimg1"}-->

        {if $smarty.foreach.artimg1.index eq 1 }

        <div class="Limg">

            <a href="{$aimg1.url}" target="_blank"><img src="{$aimg1.img}" alt="{$aimg1.title|escape:html}" /></a>

        </div>

        {/if}

    <!--{/foreach}-->

    <div class="rcont">

    <ul>

    <!--{foreach from=$img_art1 item=ali1 name="artli1"}-->

    {if $smarty.foreach.artli1.index neq 1 }

     <li><a href="{$ali1.url}" title="{$ali1.title|escape:html}" target="_blank">{$ali1.title|truncate:16:"..."}</a></li>

    {/if}    

    <!--{/foreach}-->

    </ul>

    </div>

    <!-- {else} -->

     暂无文章

    <!-- {/if} -->  

    </div>

</div>

 

过程一是程序的主体功能,过程二是ecshop模板显示时候的样式表现。

下面讲解一下过程二里面的重要一点的代码:

$this->assign( 'img_art1', get_article_new(array(2),'cat',6) );

这里是调用程序的get_article_new()函数,参数意思是取文章分类ID号为2,并且取6篇.当然本函数还支持随机显示文章。但这里要注意EC是有缓存机制的,可能在选择了随机的时候没有发现文章有变化,但当重新打开浏览器或过了缓存时间后重新刷新浏览器文章显示就有变化了。

 

过程二,行25代码

{if $smarty.foreach.artimg1.index eq 1 }

这里控制的是显示偱环中的文章图片第一条文章。如果想左边显示两张图片,则可以适当改动要显示的条件等。

 

过程二,行34代码

{if $smarty.foreach.artli1.index neq 1 }

这里就是在显示文章列表时不重复已经显示过的图片。

 

其他基本上都是样式布局了。我是将CSS直接写进了库文件中,这样不用改动原来的STYTLE.css文件



【免责声明】:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

【关于转载】:

本站尊重互联网版权体系,本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读,无任何商业用途,所有内容版权归原作者所有
如本站(文章、内容、图片、视频)任何资料有侵权,先说声抱歉;麻烦您请联系请后台提交工单,我们会立即删除、维护您的权益。非常感谢您的理解。

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站资源来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系我们处理!

-----------------------------------------------------------------------------------------------------------

【版权声明】:

一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------


内容投诉
源码村资源网 » ecshop教程:文章分类或ID自动取内容第一张图做为缩略图展示
您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论