创建模版文件 · EacooPHP完全开发手册-专注打造好用的框架

## 创建主题模版第一步.创建主题布局模版在主题目录下public目录中创建layout.html模版 ~~~ <!DOCTYPE html>  <html lang="zh-CN"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>{$meta_title|default="EacooPHP系统"}</title> <meta content="telephone=no,email=no,address=no" name="format-detection" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="msapplication-tap-highlight" content="no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="wap-font-scale" content="no" /> <meta name="Keywords" content="{:config('web_site_keyword')}" /> <meta name="Description" content="{:config('web_site_description')}" /> <meta name="frontend-mobile" content="yes" /> <link type="text/css" rel="stylesheet" href="__PUBLIC__/css/bootstrap.min.css"/>  <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"> {load href="__ADMIN_CSS__/AdminLTE.min.css,__ADMIN_CSS__/_all-skins.min.css,__PUBLIC__/css/animate.min.css,__PUBLIC__/css/base.css" /} <link type="text/css" rel="stylesheet" href="__THEME_CSS__/style.css?v=1.0.1"/> {block name="style"}{/block} <script type="text/javascript" src="__PUBLIC__/js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> var EacooPHP = window.EacooPHP = { "root_domain": "{$Request.domain}", //当前网站地址 "static": "__STATIC__", //静态资源地址 "public": "__PUBLIC__", //项目公共目录地址 "uploads_url" :'/uploads/', "cdn_url":"{:config('aliyun_oss.domain')}", } </script>    {:hook('PageHeader')} </head> <body class="hold-transition skin-blue layout-top-nav"> <div class="wrapper"> <header class="main-header"> <nav class="navbar navbar-static-top"> <div class="container"> <div class="navbar-header"> <a href="/" class="navbar-brand logo"><img class="logo-img" src="__ROOT__/eacoophp_logo_v1.png"></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse"> <i class="fa fa-bars"></i> </button> </div>  <div class="collapse navbar-collapse pull-left" id="navbar-collapse">  <ul class="nav navbar-nav"> {notempty name="header_menus"} {volist name="header_menus" id="row"} <li class="{notempty name="row._child"}dropdown{/notempty}"> {empty name="row._child"} <a href="{$row.value|eacoo_url=###,[],$row.depend_type|default=''}" target="{$row.target|default=''}" title="{$row.title|default=''}">{notempty name="row.icon"}<i class="{$row.icon}"></i>{/notempty} {$row.title|default='未知'}</a> {else/} <a href="#" class="dropdown-toggle" data-toggle="dropdown">{notempty name="row.icon"}<i class="{$row.icon}"></i>{/notempty} {$row.title|default='未知'}<span class="caret"></span></a> {/empty} {notempty name="row._child"} <ul class="dropdown-menu" role="menu"> {volist name="row._child" id="child"} <li><a href="{$child.depend_type==1?url($child['value']):plugin_url($child['value'])}">{$child.title}</a></li> {/volist} </ul> {/notempty} </li> {/volist} {else/} <li class="active"><a href="/">主页 <span class="sr-only">(current)</span></a></li> <li><a href="{:url('user/index/index')}">会员<span class="sr-only">会员</span></a></li> <li><a href="https://gitee.com/ZhaoJunfeng/EacooPHP/attach_files" target="_blank">下载</a></li> <li><a href="http://forum.eacoo123.com" target="_blank">社区</a></li> <li><a href="https://www.kancloud.cn/youpzt/eacoo" target="_blank">文档</a></li> {/notempty} </ul>  <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" id="navbar-search-input" placeholder="Search"> </div> </form> </div> {empty name="current_user"} <li><a href="{:url('user/login/login')}">登录</a></li> {else/} <li class="dropdown user user-menu">  <a href="#" class="dropdown-toggle" data-toggle="dropdown">  <img src="{$current_user.avatar}" class="user-image" alt="{$current_user.nickname}">  <span class="hidden-xs">{$current_user.nickname}</span> </a> <ul class="dropdown-menu">  <li class="user-header"> <img src="{$current_user.avatar}" class="img-circle" alt="User Image"> <p> {$current_user.nickname} <small>注册时间：{$current_user.reg_time}</small> </p> </li>    <li class="user-footer"> <div class="pull-left"> <a href="{:url('user/index/personal')}" class="btn btn-default btn-flat">个人资料</a> </div> <div class="pull-right"> <a href="{:url('user/login/logout')}" class="btn btn-default btn-flat">退出</a> </div> </li> </ul> </li> {/empty} </ul> </div>  </div>  </nav> </header>  {block name="main"} {/block} <strong>Copyright © 2016-2018 <a href="http://www.eacoo123.com" target="_blank">EacooPHP</a>.</strong> 保留所有权利。 </footer> </div>  {:hook('PageFooter')} {:config('web_site_statistics')} {block name="script"}{/block} </body> </html> ~~~ **第二步.继承主题布局模版** 创建自定义模版，是基于继承主题目录pubic/layout布局模版 ~~~ {extend name="$_theme_public_layout"/} {block name="style"}  {/block} {block name="main"}  {/block} {block name="script"}  {/block} ~~~