您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > PHP框架 > CodeIgniter

CodeIgniter自定义布局

作者:UncleToo  来源:原创  日期:2014-04-23 8:11:13
收藏  评论:( 0 )  阅读:624

在本篇教程中,我们将学习在CodeIgniter框架中如何自定义布局。当然CodeIgniter也为我们提供了很丰富的布局类库,但是当我们想重新定义模板的标题、内容或网站描述等变量时,那就需要我们自定义布局了。


步骤1

这一步,我们为布局创建一个模板类(Template)

class Template {
var $template_data = array();
function set($content_area, $value)
{
$this->template_data[$content_area] = $value;
}
function load($template = '', $name ='', $view = '' , $view_data = array(), $return = FALSE)
{
$this->CI =& get_instance();
$this->set($name , $this->CI->load->view($view, $view_data, TRUE));
$this->CI->load->view('layouts/'.$template, $this->template_data);
}
}

将以上代码保存为文件并存放到 lib 目录下。


步骤2

打开config目录下的autoload.php文件,并添加下面代码:

$autoload['libraries'] = array(‘template’);


步骤3

在views/layouts目录下创建template.php文件,并站题为如下代码:

<html>
<head>
    <title><?php echo $title ?></title>
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<header id="header">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a class="brand" href="/">Dishnetwork Sample Project</a>
        <div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
        </div>
</div>
</div>
</div>
</header>
<div style="padding-top:45px;height:540px">
    <div id="contents" style ="width:510px;float:left;border:1px solid green;"><?php echo $contents ?></div>
</body>
</html>


步骤4

创建一个action来渲染视图文件,并填充模板文件中的所有变量

public function index()
{
$data = array();
$this->template->set(‘title’, ‘Home’);
$this->template->load(‘template’, ‘contents’ , ‘home’, $data);
}


步骤5

创建模板文件并查看数据




除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/ci/916.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论