StudyFoxCMS-6
1.phpstrom中安装emmet
File=>Settings=>Plugins=>右侧搜索框搜索“emmet”=》点击下方中间按钮“Browse repositories”=>双击安装
作用:快速生成代码
在html文件时输入:
ul.test#testul>li.testli*5>a*2再按tab键,会自动生成如下内容
<ul class="test" id="testul"> <li class="testli"><a href=""></a><a href=""></a></li> <li class="testli"><a href=""></a><a href=""></a></li> <li class="testli"><a href=""></a><a href=""></a></li> <li class="testli"><a href=""></a><a href=""></a></li> <li class="testli"><a href=""></a><a href=""></a></li> </ul>
教程地址:http://emmet.io/
2.将原来的模版文件(application\index\view)换在根目录下(template)
在入口文件中定义:
//模版文件路径 define('TEMPLATE_PATH', __DIR__ . '/../template/');
方法1:
namespace app\index\controller; class Index { public function index() { $view = new \think\View(); return $view->fetch(TEMPLATE_PATH.'default/index/index.html'); } }
方法2:
namespace app\index\controller; use think\Controller; class Index extends Controller { public function index() { return $this->fetch(TEMPLATE_PATH.'default/index/index.html'); } }
3.thinkphp5取消了“__ROOT__”
如果我们要使用它,可以在配置文件C:\WWW\StudyFoxCMS\application\config.php中前面添加:
if(!IS_CLI) { // 当前文件名 if(!defined('_PHP_FILE_')) { if(IS_CGI) { //CGI/FASTCGI模式下 $_temp = explode('.php',$_SERVER['PHP_SELF']); define('_PHP_FILE_', rtrim(str_replace($_SERVER['HTTP_HOST'],'',$_temp[0].'.php'),'/')); }else { define('_PHP_FILE_', rtrim($_SERVER['SCRIPT_NAME'],'/')); } } if(!defined('__ROOT__')) { $_root = rtrim(dirname(_PHP_FILE_),'/'); define('__ROOT__', (($_root=='/' || $_root=='\\')?'':$_root)); } }
这段代码可在以前的版本中搜索到。
4.模版相关配置
在C:\WWW\StudyFoxCMS\application\config.php
//模版相关配置 'parse_str' => [ '__PUBLIC__' => __ROOT__, '__BOWER__' => __ROOT__.'/bower_components' ]
5.静态文件(C:\WWW\StudyFoxCMS\template\default\index\index.html)
<!doctype html> <!--[if lte IE 6 ]> <html class="ie ie6 lte_ie7 lte_ie8 lte_ie9" lang="zh-CN"> <![endif]--> <!--[if IE 7 ]> <html class="ie ie7 lte_ie7 lte_ie8 lte_ie9" lang="zh-CN"> <![endif]--> <!--[if IE 8 ]> <html class="ie ie8 lte_ie8 lte_ie9" lang="zh-CN"> <![endif]--> <!--[if IE 9 ]> <html class="ie ie9 lte_ie9" lang="zh-CN"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="zh-CN"> <!--<![endif]--> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <!--GCF 谷歌内嵌浏览器框架--> <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <title>StudyFoxCMS——雪狐ThinkPHP5内容管理系统</title> <link rel="stylesheet" href="__BOWER__/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="__PUBLIC__/theme/default/css/style.css"> </head> <body> <div class="demo">111</div> <script src="__BOWER__/jquery/dist/jquery.min.js"></script> <script src="__BOWER__/bootstrap/dist/js/bootstrap.min.js"></script> </body> </html>
知识点:
(1)条件注释 html 标签:
.ie6 .demo { margin-left: 20px; }
(2)Viewport详解
initial-scale=1:
maximum-scale=1:
user-scalable: