广告投放

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

目录

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

    先看搜索模板样式图:

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

    下面开始制作搜索模板

    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搜索列表模板不支持灵动标签和万能标签调用的解决方法

    声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

    给TA打赏
    共{{data.count}}人
    人已打赏
    广告位招租919838898
    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索