帝国cms模板页面的开发和其他建站程序一样,比如wordpress程序,也是对页面进行拆分调用,然后使用函数在独立的页面进行调用,这样就避免了在各个模板开发过程,重复写入头部、尾部、侧边栏等
比如首页,也是页面头部、页面尾部、首页主体(列表页+侧边栏形式)构成,所以我们先进行页面头部的开发。下面一起来学习帝国cms页面头部的开发学习吧!
1、先了解帝国cms页面头部所在位置:
路径:后台--模板--公共模板变量--管理模板变量--页面头部
2、页面头部调用代码:
也就是模板变量名:
- [!--temp.header--]
3、明确网页头部主要包含什么
比如:小编博客头部,主要由欢迎词、广告位、logo、网站名称、导航栏、搜索框组成,所以开发网页头部前需要明确头部主要都包含什么
3-1、网页三大标签:标题、关键词、描述
- <title>[!--pagetitle--]</title>
- <meta name="keywords" content="[!--pagekey--]" />
- <meta name="description" content="[!--pagedes--]" />
3--2、网站名称
任何一个网站都有名称,比如:qinshining.com 网站名称:小编博客
网站名称调用:
- [!--pagetitle--]
拓展:页面头部支持的变量有
- [!--news.url--]:网站地址(参数设置的站点地址) [!--class.menu--]:一级栏目导航
- [!--pagetitle--]:网站名称
- [!--pagekey--]:页面关键字
- [!--pagedes--]:页面描述
3-3、网站导航
一级栏目导航:
- [!--class.menu--]
多级栏目导航
- <nav>
- <ul id="starlist">
- <li><a href="[!--news.url--]" title="首页">网站首页</a></li>
- [e:loop={"select classid,classname,islast,sonclass from {$dbtbpre}enewsclass where bclassid=0 and showclass=0 order by myorder,classid ASC",0,24,0}]
- <?php $classurl=sys_ReturnBqClassname($bqr,0);//取得栏目地址 ?>
- <?php
- if($bqr[sonclass]=='' or $bqr[sonclass]=='|') //判断是否存在子栏目 另外加一句判断。坑爹的帝国cms,有时候会莫名其妙的把终极栏目记录了一个值“|”
- {
- ?><li><a href="<?=$bqsr[classurl]?>" ><?=$bqr[classname]?></a></li><?php
- }
- else
- {
- ?>
- <li class="menu"><a href="<?=$bqsr[classurl]?>" ><?=$bqr[classname]?></a>
- <ul class="sub">
- <?php
- $newsclass=$empire->query("select classid,classname from ".$dbtbpre."enewsclass where bclassid=".$bqr[classid]." order by myorder,classid asc");
- while($classr=$empire->fetch($newsclass))
- {
- $classrurl=sys_ReturnBqClassname($classr,9); //取得子栏目地址
- ?><li><a href="<?=$classrurl?>"><?=$classr[classname]?></a></li><?php
- }
- ?>
- </ul><span></span></li>
- <?php
- }
- ?>
- [/e:loop]
- </ul>
- </nav>
3-4、网站搜索
- <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>
其中,为了避免搜索出错或者搜索不到内容
- <form action="http://qinshining.com/e/search/index.php" method="post" name="searchform" id="searchform">
form action必须使用绝对地址,不能用相对地址。如果不知道什么是绝对地址,什么是相对地址?
参阅文章:html绝对地址和相对地址的区别
页面头部构成无非也就是网站名称、导航栏、搜索框组成。至于欢迎词、以及联系QQ微信之类,直接html代码使用div标签写入即可。