ホームページ > php教程 > php手册 > CI框架用layout丰富view层的显示元素

CI框架用layout丰富view层的显示元素

WBOY
リリース: 2016-06-13 09:38:10
オリジナル
960 人が閲覧しました

一般在网站的开发过程中,都会有个 template 或是叫 layout 的,它包含了整个网站的外观和布局,一般分为header,content,footer 有的甚至还包括 menu。其中的 content 部分则会随着不同的页面和功能而变化。这样就可以保证网站风格的一致性,也可以减少不少工作量。虽然便捷的 Codeigniter没有提供内置的处理方式,但是我们还是自己扩展的。

首先,把下面的代码保存到 application/libraries/Layout.php

<?php  
if (!defined('BASEPATH')) exit('No direct script access allowed'); 
  
class Layout 
{ 
    
    var $obj; 
    var $layout; 
    
    function Layout($layout = "layout_main") 
    { 
        $this->obj =& get_instance(); 
        $this->layout = $layout; 
    } 
  
    function setLayout($layout) 
    { 
      $this->layout = $layout; 
    } 
    
    function view($view, $data=null, $return=false) 
    { 
        $data['content_for_layout'] = $this->obj->load->view($view,$data,true); 
        
        if($return) 
        { 
            $output = $this->obj->load->view($this->layout,$data, true); 
            return $output; 
        } 
        else 
        { 
            $this->obj->load->view($this->layout,$data, false); 
        } 
    } 
} 
?>
ログイン後にコピー

在相关的控制器里载入它:

$this->load->library('layout');
ログイン後にコピー

往下就可以输出页面:

$data["page_title"] = "帮客之家"; 
$data["Keywords"] = "互联网,技术"; 
$data["Description"] = "专注于互联网技术"; 
$this->layout->view('support',$data);
ログイン後にコピー

我们的template或是称之为layout的文件(layout_main.php)大致如下(简化了,实际应用中会有很多网站固定元素的):

<html>   
<body>   
<?=$content_for_layout ?> 
<?php 
//不习惯短标签写法的,可以用标准写法如下 
//echo $content_for_layout ; 
?> 
</body>   
</html>
ログイン後にコピー

而控制器中载入的视图,例中是“support”。我们只要专注support的内容就可以了。它会填充到template或是叫layout文件中的$content_for_layout部分,并整个一并输出。

如果,我们的template或是叫layout不想叫layout_main.php比如想叫template.php;那么我们载入layout library时就要指定template的名称,在第二个参数指定(无需php后缀):

$this->load->library('layout','template');
ログイン後にコピー
関連ラベル:
ci
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート