最近访客
百度已收录

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

温馨提示:本文最后更新于2022/10/20 00:16:46。若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容