CI 3.1.1配置Jade模板引擎

Tanghao2018

为什么要配置Jade模板引擎，而不是Smarty之类,原因很简单NodeJS与PHP之间摇摆不定时，前端至少统一了

1）修改config.php文件
配置Jade主要用到composer，需要用之前开启一下composer
application/config.php
$config['composer_autoload']=true;
CI3.1.1 默认加载路径 application/vendor/autoload.php
2）下载composer.phar文件
类同于NodeJS的npm包管理
到composer官网 https://getcomposer.org 下载1.2.1版本 composer.phar,
下载后复制到application目录下

3）编写composer.json文件
在application目录下编写composer.json文件加入Jade组件
{
    "autoload":{
        "psr-4":{"":"class/"}
    },
    "require":{
        "ci-pug/ci-pug":"1.1.3"
    },
    "repositories":{
       "packagist":{
           "type":"composer",
           "url":"https://packagist.phpcomposer.com"
       }
    }
}

键require对应的组件 ci-pug/ci-pug
在windows命令窗口下进入application目录执行php composer.phar install/update都可以
如果找不到php 用全路径也可以，不必要设置path，耐心等待下载完成，切换成国内镜像后下载速度还是挺快的
下载完成后就可以写代码了
4）创建view视图文件
创建一个view，注意扩展名是pug
application/views/myview.pug
doctype html
html(lang='en')
  head
    title=title
  body
   h1 #{value}
5）CI控制器调用Jade视图
application/controllers/Welcome.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {

  use Pug;

  public function index()
  {
    $this->view('myview',['value'=>'你好,世界!']);
  }
}

Tanghao2018

到composer官网 https://getcomposer.org 下载1.2.1版本 composer.phar,
下载后复制到application目录下

在application编写composer.json文件加入Jade组件
{
    "autoload":{
        "psr-4":{"":"class/"}
    },
    "require":{
        "ci-pug/ci-pug":"1.1.3"
    },
    "repositories":{
       "packagist":{
           "type":"composer",
           "url":"https://packagist.phpcomposer.com"
       }
    }
}

键require对应的组件 ci-pug/ci-pug
在windows命令窗口下进入application目录执行
php composer.phar install/update都可以
如果找不到php 用全路径也可以，不必要设置path
耐心等待下载完成
切换成国内镜像后下载速度还是挺快的
下载完成后就可以写代码了

待续

Tanghao2018

创建一个view，注意扩展名是pug
application/views/myview.pug
doctype html
html(lang='en')
  head
    title=title
  body
   h1 #{value}

待续

Tony君

好厉害0.0