1.修改Loader链式加载header和footer方式

参考:http://stackoverflow.com/questions/9540576/header-and-footer-in-codeigniter/

<?php

/**

 * /application/core/MY_Loader.php

 *

 */

class MY_Loader extends CI_Loader {

    public function template($template_name, $vars = array(), $return = FALSE)

    {

        $content  = $this->view('templates/header', $vars, $return);

        $content .= $this->view($template_name, $vars, $return);

        $content .= $this->view('templates/footer', $vars, $return);

        if ($return)

        {

            return $content;

        }

    }

}

　　在controller中这样调用:

<?php

$this->load->template('body');

2.继承Controller方式

　　2.1.在application/core目录下定义MY_Controller内容如下：

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

  class MY_Controller extends CI_Controller

  {

    protected $layout = 'layout/main';

    private $js_files = array();

    private $css_files = array();

    public function __construct()

    {

      parent::__construct();

    }

    public function add_js()

    {

      //添加js文件

    }

    public function add_css(){

      //添加css文件

    }

  //file 表示是否使用渲染子视图文件，viewData表示的是子视图中渲染数据，$layout表示父视图中使用的全局数据

    protected function render($file = NULL, &$viewData = array(), $layoutData = array())

    {

      if( !is_null($file) ) {

        $data['content'] = $this->load->view($file, $viewData, TRUE);

        $data['layout'] = $layoutData;

        $this->load->view($this->layout, $data);

      } else {

        $this->load->view($this->layout, $viewData);

      }

      $viewData = array();

    }

   }

　　2.2.在layout下建立 main.php文件，内容如下

<html>

  <head>

  <title><?php echo $layout['title'];?></title>

  </head>

  <body>

    <?php echo $content?>

  </body>

</html>

　　2.3.在自定义controller中继承自MY_Controller，添加比如下面测试代码：

public function layout(){

            $data= array('user_name'=>'张三','password'=>'密码');

            $this->render('test_layout',$data,array('title'=>'测试布局'));

        }

　　2.4.test_layout.php代码如下

<h1><?php echo $user_name;?></h1>

3.创建Layout类库实现

　　3.1.application/libraries目录下创建layout.php文件:

<?php

if (! defined ( 'BASEPATH' ))

	exit ( 'No direct script access allowed' );

class Layout {

	public $layout;

	function __construct($params = array('layout/main')) {

		$this->layout = $params [0];

	}

	function view($view, $data = null, $flag = false) {

		$ci = &get_instance ();

		$data ['__CONTENT__'] = $ci->load->view ( $view, $data, true ); // 这里的第三个参数true代表不输出，如果是false就会输出，默认是false，和thinkphp里的display和assign类似，这里用第三个参数来控制

		if ($flag) {

			$view = $ci->load->view ( $this->layout, $data, true );

			return $view;

		} else {

			$ci->load->view ( $this->layout, $data, false );

		}

	}

}

　　3.2.调用方式

			$data = array (

					'username' => 'abc',

					'register_url' => site_url ( '/account/register/callback' )

			);

			$this->layout->view ( 'oauth/callback', $data );

注：在调用之前要先加载layout库(autoload或在controller中加载)。　　

ci模板布局方式的更多相关文章

  1. ThinkPHP3.1 模板布局

    ThinkPHP的模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能.有三种布局模板的支持方式: 第一种方式:全局配置方式 这种方式仅需在项目配置文件中添加相关的布局模板配置,就可 ...

  2. thinkphp 模板布局

    ThinkPHP的模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能. 有三种布局模板的支持方式: 第一种方式:全局配置方式 这种方式仅需在项目配置文件中添加相关的布局模板配置,就 ...

  3. android中基于HTML模板的方式嵌入SWF

    继上一篇 利用webview实现在andorid中嵌入swf 这篇继续说说通过html模板的方式来嵌入SWF,这样做的好处最直观的就是可以把html,swf和android代码串起来,交互操作很方便( ...

  4. （八）Thymeleaf的 th:* 属性之—— 模板布局& th:with& 属性优先级

    3.7 模板布局 模板名称:layout.html 3.7.1 th:fragment e.g.模板名为footer.html页面body部分如下: <body> <div th:f ...

  5. Android开发之基本控件和详解四种布局方式

    Android中的控件的使用方式和iOS中控件的使用方式基本相同,都是事件驱动.给控件添加事件也有接口回调和委托代理的方式.今天这篇博客就总结一下Android中常用的基本控件以及布局方式.说到布局方 ...

  6. Android入门（十）：界面的布局方式及其实际应用

    关于Android界面布局,网上已经有了很多非常不错的学习资料,在这里我也不班门弄斧了,推荐两篇我认为写的不错的教程,然后再重点讲一下几种布局方式的实际应用. 教程链接:①http://www.cnb ...

  7. 【Android UI】Android开发之View的几种布局方式及实践

    引言 通过前面两篇: Android 开发之旅:又见Hello World! Android 开发之旅:深入分析布局文件&又是“Hello World!” 我们对Android应用程序运行原理 ...

  8. 对比MFC资源文件谈谈WPF布局方式

    对比MFC资源文件谈谈WPF布局方式 MFC方式 对于传统的MFC基于UI的应用程序设计通常分两步走,首先是设计UI,使用的是RC文件,然后是代码文件,对RC文件进行操作,如下面Figure 1 的基 ...

  9. Android 开发之旅：view的几种布局方式及实践

    本文的主要内容就是分别介绍以上视图的七种布局显示方式效果及实现,大纲如下: 1.View布局概述 2.线性布局(Linear Layout) 2.1.Tips:android:layout_weigh ...

随机推荐

  1. appium简明教程（6）——启动appium及android模拟器

    一般情况下,我们都从命令行启动appium. windows下,dos命令窗口输入 appium 如果该命令报错,那么请重装appium npm install -g appium 如果安装出错,请自 ...

  2. Dijkstra + 优先队列优化 模板

    #include <cstdio> #include <cstring> #include <queue> #include <vector> #inc ...

  3. html5图片懒加载

    http://www.178.com/s/js/jquery.lazyload.min.js

  4. centos6.7 本地yum源配置

    [BEGIN] 2016/11/9 21:47:31[root@11g ~]# mount /dev/cdrom /mediamount: block device /dev/sr0 is write ...

  5. js定义变量需赋予初始值

    这是console.log打印出来的日志,就是多了一个undefined 日志: hitTableObjectID:undefinedbfa4be7b-32fc-459a-9092-ecde316b3 ...

  6. EDIUS设置采集磁带的方法

    EDIUS作为一款应用广泛的非线性视频编辑软件,将磁带记录的视频信号采集为可以编辑的数字视频信号的使用还是十分广泛的,毕竟磁带不同于数字存储单元,它在批量化的视频录制中表现出很大的优势.下面,小编跟大 ...

  7. WITH SCHEMABINDING

    SCHEMABINDING   选项,防止视图所引用的表在视图未被调整的情况下发生改变的选项.      也就是说,一旦视图被指定了WITH   SCHEMABINDING   选项,那么,在修改用于 ...

  8. 关于a标签的target属性

    超级链接a的target属性已经是不被新规范支持了,其值有四个保留字: 1._blank      <a href="document.html" target=" ...

  9. shell算术运算与进制运算

    (())与let是等效的 arithmetic expression type 与[是等效的 source与.是等效的 其实,Shell(这里是Bash)本身不具备处理浮点计算的能力,但是可以使用“b ...

  10. ie数组不支持indexOf 方法解决

    if(!Array.prototype.indexOf){ Array.prototype.indexOf = function(obj){ for(var i=0;i<this.length; ...