前段时间使用CI做了两个小项目,对CI的流程和设计理念也有了一些新的认识。CI架构的一些基本优化这里就不做介绍了,如搬离system 文件夹等。
最近有一个稍微大一点的系统,也准备拿CI来做。设计时遇到架构上的一个问题:
我们知道,CI的工作流程大致是这样的,官网3.0的图:
一个典型的网站加载流程应该是在 controller 里添加public 方法,在方法里调用 load->view() 来显示视图,返回结果。CI 对于敏捷开发快速迭代相当友好,一个网站很容易就搭起来,而且似乎还条理清晰。但是,在有一些复杂逻辑的时候,就需要在设计时做好一些考虑。比如,网页一般都有header, main_content, footer,header 和 footer可能每个页都是一致的,每个页可能还会有menu bar之类也是一致,如果按照最简单的写法,那么每次我们都需要
$this->load->view(‘templates/header‘); $this->load->view(‘body‘); $this->load->view(‘templates/footer‘);
那么,如何省略每次的header和footer的load呢?很自然的,我们自定义一个Loader,在里面实现一个新的方法如 template,自动调用header和footer的载入过程,如
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; } } }
3.X 的话,可以
class MY_Loader extends CI_Loader { public function template($template_name, $vars = array(), $return = FALSE) { if($return): $content = $this->view(‘templates/header‘, $vars, $return); $content .= $this->view($template_name, $vars, $return); $content .= $this->view(‘templates/footer‘, $vars, $return); return $content; else: $this->view(‘templates/header‘, $vars); $this->view($template_name, $vars); $this->view(‘templates/footer‘, $vars); endif; } }
那么我们调用的时候便可以
$this->load->template(‘body‘);
就行了。
还有一种办法,在官方的git wiki上,想法是每个页面有类似的模板,然后把header body footer分别载入好了之后传入变量,在view中echo 出来。所有的页面都是一个模板:
<html> <head> <?php echo "\n". link_tag(‘assets/stylesheets/COMMON.css‘); echo "\n". link_tag(‘assets/stylesheets/‘. $theme .‘.css‘); ?> <title> <?php echo $title; ?> </title> </head> <body> <?php ?> <div id="div_everything_wrapper"> <div id="div_topbar_wrapper"> <?php echo $top_bar_view; ?> </div> <div class="break"> </div> <div id="div_torso_wrapper"> <div id="div_navigation_menu"> <?php echo $main_menu_view; ?> </div> <div id="div_main_content"> <?php echo $main_content_view; ?> </div> </div> <div class="break"> </div> <div id="div_footer_wrapper"> <table width="100%"> <tr width="100%"> <td width="25%" align="left"> <b> <!-- Can‘t pre-render this, as it‘ll throw the reported results --> Rendered in {elapsed_time}s, and {memory_usage}. </b> </td> <td width="50%" align="center"> $other_stuff </td> <td width="25%" align="right"> Developed using <?php echo anchor_popup ("http://codeigniter.com/", "Code Igniter"); ?> </td> </tr> </table> </div> </div> </body> </html>
这两类方法,第一种方法缺乏一定的灵活性,有些时候有很多template的一些子view是共有的,难以复用。第二种方法controller的代码实际上有些臃肿。两种方法均太弱化了view的功能。这里我便有一种架构。
- 页面仍然存在模板,但不是一个模板,不同页面的模板可能会稍有不同
在官方wiki的第二个方法中,其所有页面均是一个模板,这样一个问题就是难以处理多种类型的页面之间的不一致性(header中载入的一些common.css js不一样,这些就可以在不同的模板view中写好,而不用再去controller里写)
- CI_Loader做扩展,但是自定义的loader的传入的参数不是view的名称,而是view的内容,一个方法对应一个模板页面:
<?php /** * Created by PhpStorm. * User: Sorean * Date: 2015/5/23 * Time: 21:03 */ defined(‘BASEPATH‘) OR exit(‘No direct script access allowed‘); class MY_Loader extends CI_Loader{ //一种page 对应一种模板 var $footer = ‘‘; function main_page($page_content = ‘‘, $page_data = array(), $header = ‘‘, $navbar_data = array(), $sidebar_data = array(), $footer = ‘‘){ $page_data[‘header‘] = $header; $page_data[‘page_content‘] = $page_content; $page_data[‘navbar‘] = parent::view(‘main/navbar‘,$navbar_data, TRUE); $page_data[‘sidebar‘] = parent::view(‘main/sidebar‘, $sidebar_data, TRUE); $page_data[‘footer‘] = $this->footer . $footer; parent::view(‘main/default‘, $page_data); } function login_page($data = array()){ parent::view(‘login/login‘, $data); } function admin_page($page_content = ‘‘, $page_data = array(), $header = ‘‘, $navbar_data = array(), $sidebar_data = array(), $footer = ‘‘){ $page_data[‘header‘] = $header; $page_data[‘page_content‘] = $page_content; $page_data[‘navbar‘] = parent::view(‘admin/navbar‘,$navbar_data, TRUE); $page_data[‘sidebar‘] = parent::view(‘admin/sidebar‘, $sidebar_data, TRUE); $page_data[‘footer‘] = $this->footer . $footer; parent::view(‘admin/default‘, $page_data); } // -------------------------------------------------------------------- /** * View Loader * * 每个view可以添加一个同名的js,会自动load在document 末尾 * * @param string $view View name * @param array $vars An associative array of data * to be extracted for use in the view * @param bool $return Whether to return the view output * or leave it to the Output class * @return object|string */ public function view($view, $vars = array(), $return = FALSE) { if(file_exists(APPPATH ."/views/$view-js.php")) { $this->footer .= parent::view($view . ‘-js‘, $vars, TRUE); } return $this->_ci_load(array(‘_ci_view‘ => $view, ‘_ci_vars‘ => $this->_ci_object_to_array($vars), ‘_ci_return‘ => $return)); } }
如此,在controller中便可以对page_content做自由的订制,传入子view等等,而sidebar 和navbar的数据可以做进一步的扩展。
不同的页面模板做不同的xx_page名称,如admin_page, main_page,在controller中使用的时候,
$this->load->main_page( $this->load->view(xxxxx, xxxxx), array(‘title‘ => ‘xxxx‘), // page里的一些共有data,如标题 ‘‘, parent::nav_bar_data());
还可根据要求在header和footer上做额外扩展
3. 对CI_Controller做两层扩展。
首先说明一下,对CI_Controller的扩展必须以MY_开头(定义在config文件中)。做多层扩展的类,必须和MY_Controller处于同一个文件内。因为CI只会识别MY_Controller.php那个文件。
有些人可能认为不需要多层扩展,这里分两层的作用是区分业务代码,在Comm_Controller里面是一些get_navbar_data(), get_xxx_comm_view()之类的函数,而MY_Controller里做一些非业务的逻辑,如session中的数据处理,超时。
4.细心的读者可能会发现,我重写了load->view方法,在其中寻找对应的js文件,存在则自动载入。
大多数view会有一些js处理文件,这些文件一般建议放在文档尾部(如果和view写在一个文件里,那么有些js的载入顺序难以保证,如我需要jQuery在document尾部载入,而view中的一些js依赖jQuery)
正如CI官网对自己的介绍所说“CodeIgniter is a powerful PHP framework with a very small footprint, built for developers who need a simple and elegant toolkit to create full-featured web applications.”CI最大的优势就在于功能齐全且方便扩展。这一套继承的逻辑问题在一个稍微大型里的系统里都会遇到,但是CI并没有官方的指引说建议这么写这么写,个人认为这正是CI最吸引人的地方。可以依据个人的想法和项目的需求做非常灵活的变化。我曾尝试过在view中写很多底层逻辑(如sidebar的active判定),也未尝觉得是一种丑陋的脱离MVC本源的做法。
Anyway,合适的才是最好的。