帝国cms模板开发教程(十一):帝国cms搜索列表页模板开发

帝国cms模板开发教程(十一):帝国cms搜索列表页模板开发

!
也想出现在这里? 联系我们
信息

帝国cms搜索列表页模板,也就是访客通过搜索框输入关键字搜索得到结果的页面模板。理论上搜索模板与列表模板的开发制作一样,但是也有部分区别。

先看搜索模板样式图:

18d35d258ca07fce6e475ea128ae189d

下面开始制作搜索模板

1、先了解帝国cms搜索列表页模板所在位置:

路径:后台–模板–管理搜索模板

2.了解搜索列表页模板构成

搜索模板与列表模板的构成一样,有两大块:

2-1、页面模板内容(*)

[!--empirenews.listtemp--]
    <ul>
        <!--list.var1-->
    </ul>
[!--empirenews.listtemp--]

2-2、列表内容模板(list.var) (*)、使用程序代码

<li><a href=/"[!--titleurl--]/" title=/"[!--oldtitle--]/">[!--title--]</a> <span>[!--newstime--]</span></li>

列表页怎么书写代码,直接复制粘贴即可。

唯一不同的是,帝国CMS7.5搜索列表模板不支持灵动标签和万能标签的调用

解决办法有两种:

1、直接写入静态头部代码(帝国cms原始数据模板调用的是网页动态头部)

比如:

<!Doctype html>
<html>
<head>
<meta charset=/"utf-8/">
<title>帝国cms_帝国cms模版教程_帝国cms模版插件二次开发全套视频教程 - 博客</title>
<meta name=/"keywords/" content=/"帝国cms教程/" />
<meta name=/"description/" content=/"个人网站-「帝国cms」频道,提供帝国cms快速建站安装实例非官方教程完整版,包括模版仿站制作教程、插件下载以及提供帝国cms灵动标签、万能标签、新闻系统数据表函数调用与二次开发教程手册完整版/" />
<meta name=/"viewport/" content=/"width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover/"/>
<meta name=/"applicable-device/" content=/"pc,mobile/" />
<link rel=/"dns-prefetch/" href=/"//www.qinshining.com/">
<link href=/"http://qinshining.com/skin/timenote/css/base.css/" rel=/"stylesheet/">
<link href=/"http://qinshining.com/skin/timenote/css/m.css/" rel=/"stylesheet/">
<script src=/"http://qinshining.com/skin/timenote/js/jquery-1.8.3.min.js/" ></script>
<script src=/"http://qinshining.com/skin/timenote/js/main.js/"></script>
</head>
<body>
<header>
<div class=/"header/">
<div class=/"topbar wrapper/">
        <span>欢迎访问博客!</span>
<div class=/"ad/"><a href=/"http://qinshining.com/ecms.html/" target=/"_blank/"><img src=/"http://qinshining.com/skin/timenote/images/ad.jpg/" border=/"0/" width=/"1170/" height=/"106/" alt=/"帝国cms使用教程手册/"></a></div>
    </div>
<div class=/"logo-section wrapper/">
    <div class=/"search/">
        <form action=/"http://qinshining.com/e/search/index.php/" method=/"post/" name=/"searchform/" id=/"searchform/">
            <input name=/"keyboard/" id=/"keyboard/" class=/"input_text/" value=/"请输入关键字词/" style=/"color: rgb(153, 153, 153);/" autoComplete=/"off/"  onfocus=/"if(value==/'请输入关键字词/'){this.style.color=/'#000/';value=/'/'}/" onblur=/"if(value==/'/'){this.style.color=/'#999/';value=/'请输入关键字词/'}/" type=/"text/">
            <input name=/"show/" value=/"title/" type=/"hidden/">
            <input name=/"tempid/" value=/"1/" type=/"hidden/">
            <input name=/"tbname/" value=/"news/" type=/"hidden/">
            <input name=/"Submit/" class=/"input_submit/" value=/"搜索/" type=/"submit/">
        </form>
    </div>
        <div class=/"logo/"><a href=/"http://qinshining.com//"><img src=/"http://qinshining.com/skin/timenote/images/logo.png/">      <h2 class=/"logo-title/">博客</h2>
      <p class=/"logo-text/">www.qinshining.com</p>
      </a> </div>
</div>
<div class=/"clear/"></div>
<div class=/"mainbav/">
 <h2><a href=/"http://qinshining.com//">博客</a></h2>
    <nav>
<ul id=/"starlist/">
     <li><a href=/"http://qinshining.com//" title=/"首页/">网站首页</a></li> 
  <li><a href=/"http://qinshining.com/website//" >网站制作</a></li>  <li><a href=/"http://qinshining.com/webpage//" >网页制作</a></li>  <li><a href=/"http://qinshining.com/cms//" >帝国CMS</a></li>  <li><a href=/"http://qinshining.com/shishuo//" >师说</a></li></ul>
    </nav> 
    <h2 id=/"mnavh/"><span class=/"navicon/"></span></h2>
</div>
</div>
</header>

2、修改模板参数,使用[!–temp.header–]调用页面头部

修改模板参数,具体方法请参阅文章:帝国CMS7.5搜索列表模板不支持灵动标签和万能标签调用的解决方法

 
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容