（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-equi v=”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篇文章。当然,这个功能还支持随机根据这篇文章。但必须注意欧盟是一个缓存机制,可能会在选择随机发现文章中没有变化,但当打开浏览器,或刷新浏览器的缓存时间后显示已经改变了。
过程2,第25行代码
{如果$ smarty。Foreach。Artimg1。情商指数1}
控制显示偱环图中第一个文章。如果你想显示左边的两张图片,你可以改变显示适当的条件,等等。
过程2,34代码行
{如果$ smarty。Foreach。Artli1。指数neq 1}
这不是重复,和文章列表显示已显示图像。
其他基本上是风格布局。我直接写CSS到库文件,然后不需要改变原来的风格。CSS文件

资源下载此资源仅限注册用户下载，请先

客服QQ：1427707223

收藏 (0) 打赏

感谢您的支持，我会继续努力的!

打开微信/支付宝扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在

免责声明 ⚠️ 1. 本站所有资源来源于网络收集，若资源侵犯了您的合法权益，请来信通知我们（Email: 1427707223@qq.com），我们会及时删除，给您带来的不便，我们深表歉意！ 2. 分享目的仅供大家学习和交流，若使用商业用途，请购买正版授权！否则产生的一切后果将由下载用户自行承担！ 3. 会员不得使用于非法商业用途，不得违反国家法律。否则后果自负！ 4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 5. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！ 6. 因源码具有可复制性，一经购买，不得以任何形式退款。 7.更多详情请点击查看

优站网 ECSHOP教程 ecshop教程：文章分类或ID自动取内容第一张图做为缩略图展示 https://www.zhanceo.com/15883.html