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. 用户、组或角色 '' 在当前数据库中已存在。 (Microsoft SQL Server,错误: 15023)

    SQLServer2008用户组或角色'*****'在当前数据库中已存在问题的解决办法 在迁移数据库的过程中SQLServer SDE的问题 为一个数据库添加一个用户时,提示以下信息:用户.组或角色 ...

  2. IOS第11天(1:UIPickerView点餐)

    UIPickerView #import "ViewController.h" @interface ViewController ()<UIPickerViewDataSo ...

  3. 在 MVC4 中使用 Uploadify 3.2 - 1

    Uploadify 是 JQuery 一个著名的上传插件,利用 Flash 技术,Uploadify 越过浏览器的限制,控制了整个上传的处理过程,实现了客户端无刷新的文件上传,这样就实现了在客户端的上 ...

  4. 经典C#编程理解,概要,经典

    一.NET框架 ADO.NET微软提供的一组类库,可以帮助程序员和数据库交互. CLS(公共语言规范) CTS(通用语言类型) 类库: 可以看成一个承载了N个类的容器. 类库和命名空间: 一个类库对应 ...

  5. zepto源码--核心方法6(显示隐藏)--学习笔记

    在不引入zepto插件模块fx_metho其他ds的情况下,zepto默认的显示隐藏的函数只有show, hide, toggle,这里解释有个前提条件,就是没有引入zepto的fx_methods插 ...

  6. Geolocation

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. Sql Server批量删除指定表

    --批量删除以test的表开头的表 declare @name varchar(50) while(exists(select * from sysobjects where name like te ...

  8. 如何用按钮的click事件去触发a标签的click事件

    在jQquery中,可以用如下方式触发input.a标签的click事件: <input id="my_input" /> <a id="my_a&qu ...

  9. Range对象理解,浏览器兼容性,获取鼠标光标位置

    一.关于浏览器的兼容性 目前主要有3种关于range的类似的对象,分别是W3C range 对象,Mozzlia selection ,ie TextRange 关于这三种的区别,请查看文档 http ...

  10. 一种在视频OBJECT标签上放置均分四个区域的框选方法

    一般在视频区域中做框样式,作应由视频插件自己来实现,但是出于其它一些原因自己琢磨了一个使用HTML标签来实现框选区域的方法,按照行外应该属于笨方法,虽然有点笨,可能在其他方面有借鉴意义,在这里拿出来跟 ...