基础 · 模板

[TOC] #基础 ## 1、全局变量 NewThink封装了前台模板开发时常用的一些变量，这些变量是全局的，你在前台模板任何时候都能直接调用： ``` {$site_name} //站点名称 {$site_host} //站点域名 {$site_root} //安装目录 {$site_icp} //备案信息 {$site_police} //公安局备案信息 {$site_company_address} //公司地址 {$site_admin_email} //管理员邮箱 {$site_copyright} //版权信息 {$site_tongji} //页面统计代码 {$site_seo_title} //SEO标题 {$site_seo_keywords} //SEO关键字 {$site_seo_description} //SEO描述 ``` ## 2、模板注释 js注释： ```html <script> /* js注释*/ </script> ``` css注释 ```html <style> /*css注释*/ </style> ``` html注释 ```html <div>  </div> ``` php标签里的注释 ```html <php> /*一定要用这个方法，用//会在debug关时出问题*/ </php> ``` ## 3、模板常量 ``` __ROOT__ //网站根目录，不带/ __TMPL__ //模板根目录，带/ //如:前台 simplebootx 模板根目录是/themes/simplebootx/ //后台 simplebootx模板根目录是/admin/themes/simplebootx/ __PUBLIC__ //public目录,不带/ ``` ## 4、变量输出请参考：http://www.kancloud.cn/manual/thinkphp/1794 ## 5、使用函数请参考：http://www.kancloud.cn/manual/thinkphp/1796 ## 6、模板结构 NewThink模板目录结构如下： ``` |--themes |--simplebootx |--Portal |--index.html ``` 模板开发时我们仅需要在`themes`目录下创建一个模板文件夹，假设为`simplebootx`，`simplebootx`文件夹下我们需要创建一个应用名称的文件夹，比如`Portal`。一般情况下我们还会创建一个`Public`文件夹用来存放公共的css，js等资源文件。 ``` |--themes |--simplebootx //模板目录 |--Comment |--comment.html //评论模板，{:Comments()}中会调用 |--index.html //用户中心评论模板（链接:comment/comment/index） |--Portal |--404.html //错误模板 |--article.html //默认文章页模板 |--contact.html //联系我们页面模板，可以后台页面编辑里更改，只需写文件名contact |--index.html //首页模板 |--list_masonry.html //文章列表页瀑布流模板 |--list.html //文章列表页模板 |--page.html //默认页面模板 |--product.html //产品列表页模板，可以在后台分类编辑里设置列表页模板，只需写文件名product |--search.html //文章搜索页模板 |--Public //模板公共资源目录 |--User |--Profile |--avatar.html //头像编辑界面 |--bang.html //第三方账号绑定界面 |--edit.html //资料编辑界面 |--password.html //密码修改界面 |--active.html //用户激活模板 |--center.html //用户中心模板 |--disable.html //用户未激活，重发激活邮件模板 |--favorite.html //我的收藏模板 |--forgot_password.html //忘记密码模板 |--index.html //用户主页，公开主页 |--login.html //用户登录模板 |--password_reset.html //密码重置模板 |--register.html //用户注册模板 |--config.html //模板配置文件 |--jump.html //系统跳转页模板 |--error.html //系统action错误模板 |--success.html //系统action操作成功模板 ``` ## 7、模板资源文件引入引入css文件： ```html  <link href="__TMPL__Public/simpleboot/themes/simplebootx/theme.min.css" rel="stylesheet">  <link href="__TMPL__Public/simpleboot/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">  <link href="__TMPL__Public/simpleboot/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">    <link href="__TMPL__Public/css/style.css" rel="stylesheet"> ``` 以上内容加在</head>标签以前引入js文件： ```html <script type="text/javascript"> //全局变量,必须加入 var GV = { DIMAUB: "__ROOT__/", JS_ROOT: "public/js/" }; </script>  <script src="__PUBLIC__/js/jquery.js"></script>  <script src="__PUBLIC__/js/wind.js"></script>  <script src="__TMPL__Public/simpleboot/bootstrap/js/bootstrap.min.js"></script>  <script src="__PUBLIC__/js/frontend.js"></script> ``` 以上内容加在`</body>`标签以前