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:

 

posted @ 2016-05-27 15:20  KD-VS-WB  阅读(487)  评论(0编辑  收藏  举报