ThinkCMF模板制作教程:[2]首页模板制作

2025-11-04 13:23:15

电脑软件

名称:ThinkCMF 大小:10MB|版本:V1.1.1|类别:网络软件|语言:中文应用平台:windows / Mac OS X / Linux

    首页基本结构

    接着上面教程,修改tpl/demo/Portal/index.html这个文件

    首页基本分为以下部分head,header,content,footer,scripts这五大部分

    ThinkCMF模板制作教程:[2]首页模板制作

    源代码如下:

    <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>ThinkCMF</title>

    <meta name="keywords" content="{$site_seo_keywords}" />

    <meta name="description" content="{$site_seo_description}">

    <include file="Public:head"/><!--head部分     加载公共CSS和js等 -->

    </head>

    <body>

    <include file="Public:header"/><!--header部分     加载导航等 -->

    <!-- content 开始 -->

    这是ThinkCMF首页哟!!

    <!-- content 结束 -->

    <include file="Public:footer"/><!--footer部分     加载公共底部,友情链接等 -->

    <include file="Public:scripts"/><!--scripts部分     加载公共js等 -->

    </body>

    </html>

    引入公共文件

    首先在模板目录demo下创建公共文件目录Public,这个目录主要是用来存资源文件,公共文件等;

    创建好后模板目录如下:

    ThinkCMF模板制作教程:[2]首页模板制作

    接着在Public下创建第1步里的四个文件head.html,header.html,footer.html,scripts.html

    ThinkCMF模板制作教程:[2]首页模板制作

    运行查看首页;

    include标签的使用:

    <include file="Public:head" />加载模板Public目录下的head.html文件

    <include file=":config" />加载模板根目录下的config.html文件

    file只支持:

    1.  Public:文件名  模板Public目录下的文件;

    2.  :文件名        模板根目录下的文件;

    使用全局变量

    ThinkCMF封装了模板开发时常用的一些变量,这些变量时全局的,你在任何模板文件里都能直接使用用:

    {$site_name}                    /站点名称

    {$site_host}                    /站点域名

    {$site_root}                    /安装目录

    {$site_icp}                     /备案信息

    {$site_admin_email}             /管理员邮箱

    {$site_tongji}                  /页面统计代码

    {$site_seo_title}               /SEO标题

    {$site_seo_keywords}            /SEO关键字

    {$site_seo_description}         /SEO描述

    加载模板目录里资源

    1.加载模板Public下的图片

    <img src="__TMPL__Public/images/prv/human-img-3.png"/>

    __TMPL__ 这是一个模板常量,表示当前模板根目录

    2.加载模板Public下的css,js

    <link href="__TMPL__Public/css/demo.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="__TMPL__Public/js/jquery.js" ></script>__TMPL__ 这是一个模板常量,表示当前模板根目录

    制作导航菜单

    <php>

    $effected_id="";

    $filetpl="<a href='\\$href' target='\\$target'>\\$label</a>";

    $foldertpl="<a href='\\$href' target='\\$target'>\\$label</a>";

    $ul_class="dropdown-menu" ;

    $li_class="" ;

    $style="";

    $showlevel=6;

    $dropdown='dropdown';

    echo sp_get_menu("main",$effected_id,$filetpl,$foldertpl,$ul_class,$li_class,$style,$showlevel,$dropdown);

    </php>

     

    首页模板制作结束,敬请期待下篇

(共篇)上一篇:准备工作
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢