Tanghao2018 发表于 2016-10-28 15:55:53

CI 3.1.1配置Jade模板引擎

本帖最后由 Tanghao2018 于 2016-10-28 23:59 编辑

为什么要配置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 发表于 2016-10-28 16:05:56

本帖最后由 Tanghao2018 于 2016-10-28 16:11 编辑

到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 发表于 2016-10-28 16:08:47

本帖最后由 Tanghao2018 于 2016-10-28 16:13 编辑

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

待续

Tony君 发表于 2016-11-7 00:03:53

好厉害0.0
页: [1]
查看完整版本: CI 3.1.1配置Jade模板引擎