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：

StudyFoxCMS-6的更多相关文章

随机推荐

  1. 基于Jenkins的环境搭建

    基于 Jenkins 快速搭建持续集成环境 持续集成是一种软件开发实践,对于提高软件开发效率并保障软件开发质量提供了理论基础.Jenkins 是一个开源软件项目,旨在提供一个开放易用的软件平台,使持续 ...

  2. jquery中.attr('value')和.val()的区别

    .val() 能够取到 针对text,hidden可输入的文本框的value值. 而 .attr('value') 可以取到html元素中所设置的属性 value的值,不能获取动态的如input ty ...

  3. wp插件

  4. Cell的一些坑： UITableViewCell宽度，在iphone5的时候是320，在iphone6的时候为啥也是320？

    在自定制cell'的.m文件里重写setframe方法就可以了- (void)setFrame:(CGRect)frame{    frame.size.width = [UIScreen mainS ...

  5. 记录一次项目中使用memcatch添加端口以及自动运行

    具体原因:多个项目同时使用一个memcatch服务情况需要分别为项目添加端口,如果只有一个项目使用则不需要去修改端口(memcatch有默认端口),当然已可以去修改默认端口. 下面我记录下我自己的使用 ...

  6. 构建Logstash+tomcat镜像（让logstash收集tomcat日志）

    1.首先pull logstash镜像作为父镜像(logstash的Dockerfile在最下面): 2.构建my-logstash镜像,使其在docker镜像实例化时,可以使用自定义的logstas ...

  7. Android 第三方开源下拉框：NiceSpinner

    Android原生的下拉框Spinner基本上可以满足Android开发对于下拉选项的设计需求,但现在越来越流行的下拉框不满足于Android原生提供的下拉框Spinner所提供的设计样式,而改用自定 ...

  8. AngularJs转换json日期/Date(00000)/

    //过滤器ngApp.filter('jsonDate', function ($filter) { return function (input, format) { var timestamp = ...

  9. Aggregate

    对序列应用累加器函数. /// <summary> /// 计算校验和,SUM /// </summary> public byte CalculateCheckSum(byt ...

  10. mongodb配置

    Mongodb1. 安装2. CRUD3. 索引4. 副本及(replica sets)5. 分片(sharding) nosql 简单数据模型 元数据和应用数据分离 弱一致性 优势: 避免不必要的复 ...