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. ARM的一些基本概念

    MPU介绍: mpu是一个芯片,重力加速器(加速度)和陀螺仪(角速度) iic总线.在板上有iic控制器 连接着 最多128个外设,每个外设有地址,可以通信. 寄存器: cpu中的寄存器是为了加快运算 ...

  2. 数据访问的历史 Windows

    节选:Programming Microsoft Visual Basic 6.0 1999 The Data Access Saga All the new database-related cap ...

  3. P4 前端编译器p4c-bm、后端编译器bmv2命令安装 make error问题

    参考:Github 安装p4c-bm: sudo pip install -r requirements.txt sudo pip install -r requirements_v1_1.txt / ...

  4. asp.net identity 2.2.0 中角色启用和基本使用(五)

    建立控制器UsersAdminController 第一步:在controllers文件夹上点右键>添加>控制器, 我这里选的是“MVC5 控制器-空”,名称设置为:UsersAdminC ...

  5. Objective-c 代理模式(delegate)

    Objective-c 代理模式(delegate) (2012-07-31 22:04:39) 转载▼ 标签: 杂谈 分类: iOS Objective-c 代理模式(delegate)     一 ...

  6. php 生成唯一id的几种解决方法

    php 生成唯一id的几种解决方法   网上查了下,有很多的方法 1.md5(time() . mt_rand(1,1000000)); 这种方法有一定的概率会出现重复 2.php内置函数uniqid ...

  7. javascript大神修炼记(7)——OOP思想(多态)

    读者朋友们大家好,今天我们就接着前面的内容讲,前面我们已经讲到了继承,今天我们就来讲OOP目前最后一个体现,那就是多态,因为javascript语言的灵活性,所以我们是没有办法使用接口的,所以这也给j ...

  8. [curator] Netflix Curator 使用

    curator简介 Netflix curator 是Netflix公司开源的一个Zookeeper client library,用于简化zookeeper客户端编程,包含一下几个模块: curat ...

  9. easyui datagrid标题列宽度自适应

    最近项目中使用easyui做前端界面,相信大部分使用过easyui datagrid的朋友有这么一个疑问:如果在columns中不设置width属性能不能写个方法让datagrid的头部标题和数据主体 ...

  10. JQuery + JSON作为前后台数据交换格式实践

    JQuery + JSON作为前后台数据交换 JQuery提供良好的异步加载接口AJAX,可以局部更新页面数据, http://api.jquery.com/category/ajax/ JSON作为 ...