帝国cms 首页,封面页 循环调用子栏目信息以及头条图片帝国cms 首页,封面页 循环调用子栏目信息以及头条图片

生命不息,
折腾不止!

帝国cms 首页,封面页 循环调用子栏目信息以及头条图片

封面模板 可以实现循环子栏目以及头条调用

但是头条的图片和标题只能用一条,只有使用灵动标签。

实现效果如图:

 

<?php
$bclassid=$GLOBALS[navclassid]; //取得本栏目id
//取得本栏目下的子栏目
?>
[e:loop={"select classid, classname, classpath from `[!db.pre!]enewsclass` where bclassid='$bclassid' order by `classid` desc ",7,24,0}]
<div class="fengm">
      <h3><span><a href="<?=$public_r[newsurl].$bqr[classpath]?>" target="_blank">更多+</a></span><?=$bqr[classname]?></h3>
      <div class="fpicbox">
        <ul>
<?php
//这里是取得该分类下的有图片的最新数据
$commbook=$empire->query("select * from [!db.pre!]ecms_news where classid = ".$bqr[classid]."  and  titlepic!=' ' order by newstime desc limit 3");
$commbookurl=sys_ReturnBqTitleLink($commbook);
 while($r=$empire->fetch($commbook)) {
    ?>
          <li class="fpic"><a href="<?=sys_ReturnBqTitleLink($r)?>"><img src="<?=$r[titlepic]?>" ><i><?=$r[title]?></i></a></li>     
<?php
     }
 ?> 
 </ul>
      </div>
      <ul class="fmnews">
<?php
//取得该分类下的最新数据
    $newbook=$empire->query("select title,titlepic,smalltext,titleurl,keyboard,newstime,groupid,classid,newspath,filename,id from [!db.pre!]ecms_news  where classid =".$bqr[classid]." order by newstime desc limit 5");
    while($r=$empire->fetch($newbook)) {
    ?>
    <li><span><?=date('Y-m-d',$r[newstime])?></span><a href="<?=sys_ReturnBqTitleLink($r)?>" title="<?=$r[title]?>"><?=$r[title]?></a></li>    
<?php
     }
     //显示5条
 ?>         
      </ul>
    </div>
  [/e:loop]

 

如果首页改用扩展变量,可以这么做

系统-扩展变量-增加一个变量名为 title

 

<div class="tab_box whitebg">
<?php
$bclassid=ReturnPublicAddVar('title'); //取得栏目id,系统,扩展变量
?>
      <div class="tab_buttons">
        <ul>
[e:loop={"select classid, classname, classpath from [!db.pre!]enewsclass where classid in $bclassid order by myorder asc ",0,24,0}]
<?
if($bqno==1)
{
?>
<li class="newscurrent"><a href="javascrpt::"><?=$bqr[classname]?></a></li>

<?php
}
else{
?>
          <li><a href="javascrpt::"><?=$bqr[classname]?></a></li>
<?
}
?>
       [/e:loop]  
        </ul>
      </div>
      <div class="newstab">
[e:loop={"select classid, classname, classpath from [!db.pre!]enewsclass where classid in $bclassid order by myorder asc ",0,24,0}]

        <div class="newsitem">
          <div class="newspic">
            <ul>
<?php
//这里是取得该分类下的有图片的最新数据
$commbook=$empire->query("select * from phome_ecms_news where classid = ".$bqr[classid]."  and  titlepic!=' ' and isgood=1 order by newstime desc limit 2");
$commbookurl=sys_ReturnBqTitleLink($commbook);
 while($r=$empire->fetch($commbook)) {
    ?>
              <li><a href="<?=sys_ReturnBqTitleLink($r)?>"><img src="<?=$r[titlepic]?>"><span><?=$r[title]?></span></a></li>
<?php
     }
 ?> 
            </ul>
          </div>
          <ul class="newslist">
<?php
//取得该分类下的最新数据
 
    $newbook=$empire->query("select * from  phome_ecms_news  where classid =".$bqr[classid]." order by newstime desc limit 5");
    
    while($r=$empire->fetch($newbook)) {
    ?>
  <li><i></i><a href="<?=sys_ReturnBqTitleLink($r)?>" title="<?=$r[title]?>"><?=esub($r[title],60,'...')?></a><p><?=$r[smalltext]?></p></li>
    <?php
     }
     //显示5条
    ?>
          </ul>
        </div>
       [/e:loop]  
      </div>
    </div>
    <!--tab_box end-->

 

注意:本代码用的是系统默认 phome_ecms_news ,请结合自己的数据库前缀进行修改

Ps:图片区域为推荐位,文字区域为分类下的最新数据

实现效果如图:

循环调用扩展变量里面的id号,按照后台顺序排序,myorder,图片调的是头条。列表为5条

前端代码展示:

    <div class="tab_box whitebg">
      <div class="tab_buttons">
        <ul>
<li class="newscurrent">博客日记</li>

                 <li>程序人生</li>
                 <li>CSS3|Html5</li>

        </ul>
      </div>

      <div class="newstab">

        <div class="newsitem">
          <div class="newspic">
            <ul>
              <li><a href="/news/s/944.html" target="_blank"><img src="/d/file/blogs/2018-12-31/e1d70bb0c58efaea309ebdb0c23d3758.jpg"><span>【告别2018】耕耘才有所得,付出才有收获</span></a></li>
              <li><a href="/news/s/900.html" target="_blank"><img src="/d/file/blogs/2018-08-22/28e3bbca2ae0205f641a9072ecb7c100.jpg"><span>网易博客关闭,何不从此开始潇洒行走江湖!</span></a></li>
 
            </ul>
          </div>
          <ul class="newslist">
  <li><i></i><a href="/news/s/944.html" title="【告别2018】耕耘才有所得,付出才有收获" target="_blank">【告别2018】耕耘才有所得,付出才有收获</a><p>网站模板我更新速度是很慢的,数了一下,大概12个模板,不多,但是每一套个人博客网站模板都是我精心设计的,期间认识了很多做优化的朋友还有客户,根据他们的要求还有建议,我又做了很多调整,无论是静态模板的编写还是后台调用方式上,都有很大的进步,我这一年的时间,比我7年加起来的收获还要多。</p></li>
      <li><i></i><a href="/news/s/913.html" title="YzmCMS轻量级开源CMS系统推荐" target="_blank">YzmCMS轻量级开源CMS系统推荐</a><p>YzmCMS是一款轻量级开源内容管理系统,它是由袁志蒙自主研发的框架YZMPHP开发。YzmCMS v5.2 新增或修正功能:1.数据库操作新增PDO驱动,并采用预处理,系统更安全!2.新增内容分页功能;3.会员中心新增微博登录</p></li>
      <li><i></i><a href="/news/s/900.html" title="网易博客关闭,何不从此开始潇洒行走江湖!" target="_blank">网易博客关闭,何不从此开始潇洒行走江湖!</a><p>从网易博客平台的出现,到现在已经有12个年头了,很多人还坚持着,网易博客一宣布关闭,很多人都很惋惜,那么多的文字记忆,又该如何是好?虽然可以一键搬迁到lofter,但这</p></li>
      <li><i></i><a href="/news/s/899.html" title="个人网站做好了,百度不收录怎么办?来,看看他们怎么做的。" target="_blank">个人网站做好了,百度不收录怎么办?来,看看他们怎么做的。</a><p>不管你是学前端的还是后端的,作为一个程序员,做一个自己的博客,那是必然的。咱们的圈子就这么大,想让更多的人了解你,看看你的技术多牛逼,扔一个博客地址就行了。</p></li>
      <li><i></i><a href="/news/s/895.html" title="我是怎么评价自己的?" target="_blank">我是怎么评价自己的?</a><p>为了挨打轻一些,问我哪里来的,我瞎说了一个说那个谁家的,结果,打得更凶。最后事情还原了真相,我妈说,你要说说奶奶家的,都不会打你了。从此以后,我知道撒谎是会付出更惨痛的代价的,我不再撒谎,也不喜欢爱撒谎的人。</p></li>
    
          </ul>
        </div>

       
        <div class="newsitem">
          <div class="newspic">
            <ul>
              <li><a href="/news/life/2018-06-17/873.html" target="_blank"><img src="/d/file/news/life/2018-11-11/38ab9987a7a308679e076371a03f2d88.jpg"><span>安静地做一个爱设计的女子</span></a></li>
              <li><a href="/news/life/2018-04-27/816.html" target="_blank"><img src="/d/file/news/life/2018-11-11/706322d7b93c7a5fbb8ec43001aa32d7.jpg"><span>个人博客,属于我的小世界!</span></a></li>
 
            </ul>
          </div>
          <ul class="newslist">
  <li><i></i><a href="/news/life/2018-06-17/873.html" title="安静地做一个爱设计的女子" target="_blank">安静地做一个爱设计的女子</a><p>自从入了这行,很多人跟我说可以做网络教程,我也有考虑,但最终没有实现,因为我觉得在这个教程泛滥的时代,直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片或者布局,惊艳的js或者css3效果的时候,就有了做模板的冲动。</p></li>
      <li><i></i><a href="/news/life/2018-04-27/816.html" title="个人博客,属于我的小世界!" target="_blank">个人博客,属于我的小世界!</a><p>个人博客,用来做什么?我刚开始就把它当做一个我吐槽心情的地方,也就相当于一个网络记事本,写上一些关于自己生活工作中的小情小事,也会放上一些照片,音乐。每天工作回家后就能访问自己的网站,一边听着音乐,一边写写文章。</p></li>
      <li><i></i><a href="/news/life/2018-03-13/804.html" title="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?" target="_blank">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a><p>就拿我自己来说吧,有时候会很矛盾,设计好的作品,不把它分享出来,会觉得待在自己电脑里面实在是没有意义。干脆就发布出去吧。我也害怕收到大家不好的评论,有些评论,可能说者无意,但是对于每一个用心的站长来说,都会受很深的影响,愤怒,恼羞。</p></li>
      <li><i></i><a href="/news/life/2018-03-12/803.html" title="Come on,行动起来吧!我们和时间来一场赛跑!" target="_blank">Come on,行动起来吧!我们和时间来一场赛跑!</a><p>时间过得那么飞快,使我的小心眼儿里不只是着急,还有悲伤.有一天,我放学回家,看到太阳快落山了,就下决心说:&quot;我要比太阳更快地回家.&quot;我狂奔回去,站在庭院前喘气的时候,看到太</p></li>
      <li><i></i><a href="/news/life/2018-03-04/801.html" title="帝国cms7.5更新完毕" target="_blank">帝国cms7.5更新完毕</a><p>虽然我觉得没有太大的改变,但是应该更安全了,还没有更新的小伙伴赶紧更新了,记得数据库备份哦</p></li>
    
          </ul>
        </div>

       
        <div class="newsitem">
          <div class="newspic">
            <ul>
              <li><a href="/jstt/css3/2017-08-08/787.html" target="_blank"><img src="/d/file/jstt/css3/2018-11-11/2bdd9638a42f45dff02adf0f5d07c557.png"><span>三步实现滚动条触动css动画效果</span></a></li>
              <li><a href="/jstt/css3/2013-06-06/76.html" target="_blank"><img src="/d/file/jstt/css3/2018-11-11/e976bd4dced7e1474450dadc5212efb2.png"><span>学习用css3画博客网站logo图标</span></a></li>
 
            </ul>
          </div>
          <ul class="newslist">
  <li><i></i><a href="/jstt/css3/2018-04-28/817.html" title="网页中图片属性固定宽度,如何用js改变大小" target="_blank">网页中图片属性固定宽度,如何用js改变大小</a><p>后台上传图片后,都有一个图片属性,会指定图片的宽和高,如果图片固定了宽度和高度,PC端用max-width可以控制最大宽度,高度自动缩放。但是手机端就没法自动缩放,可以使用</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-25/811.html" title="别让这些闹心的套路,毁了你的网页设计" target="_blank">别让这些闹心的套路,毁了你的网页设计</a><p>网页设计和做人一样,需要少一些套路,多一些真诚。那么下面就为大家揭穿那些看似好用,但用户体验并不好的设计模式。另外再附上解决办法,避免网页设计中出现这些问题。</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-20/808.html" title="十条设计原则教你学会如何设计网页布局!" target="_blank">十条设计原则教你学会如何设计网页布局!</a><p>网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧.</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-14/806.html" title="用js+css3来写一个手机栏目导航" target="_blank">用js+css3来写一个手机栏目导航</a><p>有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打开,那直接就不响应了.我一直都喜欢用简单的代码来实现,js,css3利用的好,同样可以做出好看实用的导航,关键是代码极少.现在我把步骤分享出来</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-14/805.html" title="6条网页设计配色原则,让你秒变配色高手" target="_blank">6条网页设计配色原则,让你秒变配色高手</a><p>网页设计好不好看,颜色是毋庸置疑要排首位的,所以关于颜色的搭配技巧以及原则,对于每一个要学习web前端设计的新手来说,这都是一个重要的学习过程.在本教程中我们将与你分享</p></li>
    
          </ul>
        </div>
         
      </div>


    </div>

 

赞() 打赏
未经允许不得转载:我的博客 » 帝国cms 首页,封面页 循环调用子栏目信息以及头条图片
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们