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

时间：2024-10-12 22:27:10

电脑软件

首页基本结构

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

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

源代码如下：

<!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>

<body>

<include file="Public:header"/>

这是ThinkCMF首页哟！！

<include file="Public:footer"/>

<include file="Public:scripts"/>

</body>

</html>

引入公共文件

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

创建好后模板目录如下：

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

运行查看首页；

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下的图片

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

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

制作导航菜单

<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>

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