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. Android课程---计算器的实现

    <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="ht ...

  2. 使用本地phpmyadmin管理远程数据库

    使用放下挺简单的,因为某些业务需求,phpmyadmin不让放在网站服务器上,所以放在本地可以方便管理远程数据库 点击下载会下载一个  config.inc.php 吧这个文件放在phpmyadmin ...

  3. QTreeWidget

    #include "dialog.h" #include "ui_dialog.h" #include<QtCore> #include<Qt ...

  4. iOS应用架构谈 开篇

    iOS应用架构谈 view层的组织和调用方案 iOS应用架构谈 网络层设计方案 iOS应用架构谈 动态部署方案 iOS应用架构谈 本地持久化方案 缘由 之前安居客iOS app的第二版架构大部分内容是 ...

  5. Unit06 - 抽象类、接口和内部类(下) 、 面向对象汇总

    Unit06 - 抽象类.接口和内部类(下) . 面向对象汇总 1.多态:  1)意义:    1.1)同一类型的引用指向不同的对象时,有不同的实现        行为的多态:cut().run(). ...

  6. Linux配置SSH免密码登陆

    配置环境: 两台centos 6.4虚拟机,/etc/hosts配置如下 192.168.63.128 hadoop001 --master192.168.63.131 hadoop002 --sla ...

  7. 一种构造WEB服务器端recv和send接口阻塞现象的方法

    send阻塞 socket recv send接口阻塞,会导致服务器端不在响应客户端任何请求,所以一般情况, 会将socket设置为非阻塞状态, 但是有些场景,例如ssl_accept就需要使用阻塞的 ...

  8. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧   ...

  9. HTML5 Canvas arc()函数//////////////////////(转)

    HTML5 Canvas arc()函数   实例 创建一个圆形: var c=document.getElementById("myCanvas"); var ctx=c.get ...

  10. spring基础整理

    spring基础教程:https://www.tutorialspoint.com/spring/spring_overview.htm 注入实例 <bean id="" c ...