2017 này | bạn muốn tìm hiểu phương pháp kiếm thêm $500/tháng với blogging?

Tự tạo thư viện load widget trong codeigniter

Như các bạn biết mặc định hệ thống của Codeigniter hoạt động theo mô hình MVC, như vậy ở một controller bắt buộc phải load tất cả các phần header, footer, slidebar, ... điều này đôi khi làm làm phiền toái cho coder vì khó quản lý nó. Vậy hôm nay mình sẽ hướng dẫn các bạn tự viết một thư viện load widget.

Widget có thể coi là một block, một thành phần của website, hiện tại trên mạng có rất nhiều thư viện load widget và các bạn có thể download về và sử dụng nhưng tôi nghĩ các bạn cũng nên đọc qua bài này  vì trong bài sẽ giải thích cách bạn viết một thư viện ngoài.

Trước khi vào viết tôi giới thiệu cấu trúc folder widget như sau:

Các bạn thấy tôi đã tạo một folder widgets trong folder application. và mỗi widget sẽ có 2 file chính là controller và view, trong đó file controller dùng để xử lý và gọi đến file view để hiển thị.

Viết thư viện cho controller widget

Để hiểu được phần này bạn phải đọc qua bài overwrite bộ core trong codeigniter nhé

Trước tiên các bạn vào thư mục application/core tạo một file MY_Widget.phpMY_Loader.php có nội dung như sau:

File MY_Widget.php

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

class MY_Widget 
{
        function __get($key)
	{
		$CI =& get_instance();
		return $CI->$key;
	}
        
        function __set($key, $val)
        {
                $CI =& get_instance();
                if (isset($CI->$key))
                    $CI->$key = $val;
                else
                    $this->$key = $val;
        }
}
?>
Hàm này dành cho các controller trong widget extends tới nó. Mặc định tất cả các lớp  controller trong widget đều tuân theo quy tắc đặt tên chữ hoa đầu tiên và tên lớp bắt đầu bằng tên folder sau đó kèm với chữ _widget.

File widgets/header/controller.php có nội dung như sau:

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

class Header_widget extends MY_Widget 
{
    function index(){
        $this->load->view('view');
    }
}
Nội dung của file này là tạo một controller với tên Header_widget kế thừa lớp MY_Widget và cuối cùng là load file view.php tương ứng bên dưới nó.

File widgets/header/views.php có nội dung như sau:

<h1>Đây là header</h1>
Vậy là bạn đã tạo được một widget thành công rồi, bước tiếp theo là ta sẽ tạo một hàm load widget dành cho controller chính.

Viết hàm load widget

Hàm này tôi sẽ viết nó trong file MY_Loader với nội dung như sau:

<?php if (!defined('BASEPATH')) exit('No direct script access allowed');
require 'MY_Widget.php';
class MY_Loader extends CI_Loader 
{
    public function widget($widget_directory, $agrs = array()) 
    {
        // Đường dẫn đến file controller widget
        $path = APPPATH . 'widgets/' . $widget_directory . '/controller.php';
        
        // Tên controller widget
        $class_name = ucfirst(str_replace('/', '_', $widget_directory)) . '_widget';

        // Kiểm tra widget tồn tại ko
        if (!file_exists($path)) {
            show_error('The Widget ' . $path . ' Not Found');
        }

        //--------------------------------
        // Tạo đường dẫn để load file view trong widget
        $this->_ci_view_paths = array(APPPATH . 'widgets/' . $widget_directory . '/' => TRUE);

        //--------------------------------
        // Load Widget
        require_once($path);

        if (!class_exists($class_name)) {
            show_error("Class Name Widget $class_name Not Found, URL Is $path");
        }

        $MD = new $class_name;

        if (!method_exists($MD, 'index')) {
            show_error("Method Index Of Widget $class_name Not Found, URL Is $path");
        }

        ob_start();
        call_user_func_array(array($MD, 'index'), $agrs);
        $content = ob_get_contents();
        ob_end_clean();

        // Trả lại phương thức load views cho hệ thống CI
        $this->_ci_view_paths = array(APPPATH . 'views/' => TRUE);

        return $content;
    }

}

?>
Trong đó đoạn code require 'MY_Widget.php'; sẽ load file MY_Widget vào hệ thống, nếu như không có dòng này thì trong các controller widget không thể extends lớp này được vì nó không tồn tại.

Hàm widget có 2 tham số truyền vào, $widget_directory là đường dẫn đến widget cần load, $agrs là mảng các biến muốn truyền vào widget

Đoạn code dưới đây dùng để thiết lập vị trí view cho widget

//--------------------------------
        // Tạo đường dẫn để load file view trong widget
        $this->_ci_view_paths = array(APPPATH . 'widgets/' . $widget_directory . '/' => TRUE);
Và sau khi load widget thì trả lại vị trí view cho folder view chính của hệ thống

// Trả lại phương thức load views cho hệ thống CI
        $this->_ci_view_paths = array(APPPATH . 'views/' => TRUE);

Gọi Widget Từ Controller Chính

Bạn tạo một controller welcome.php với nội dung như sau:

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

class Welcome extends CI_Controller {
	public function index()
	{
		echo $this->load->widget('header');
	}
}
?>
Nhìn vào code đơn giản đúng không nào, để load widget thì chỉ cần gọi $this->load->widget('widget_name', array('cac_bien_truyen_vao'))

Bạn chạy controller này lên màn hình sẽ xuất hiện dòng chữ Đây là header, và đây cũng chính là nội dung trong file view của widget header.

Truyền biến vào widget

Đôi lúc ta cũng cần truyền biến vào widget để xử lý, ta làm như sau:

Controller welcome.php

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

class Welcome extends CI_Controller {
	public function index()
	{
                $title = 'Hướng dẫn tạo widget';
                $content = 'Tự tạo widget cho riêng mình';
		echo $this->load->widget('header', array($title, $content));
	}
}
?>
File widgets/header/controller.php

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

class Header_widget extends MY_Widget 
{
    // Nhận 2 biến truyền vào
    function index($title, $content){
        
        // truyền qua view
        $this->load->view('view', array(
            'title' => $title,
            'content' => $content
        ));
    }
}
File widgets/header/view.php

<h1><?php echo $title ?></h1>

<h3><?php echo $content; ?></h3>
Thật đơn giản đúng không nào, muốn truyền biến qua widget thì khai báo hàm load widget và bên controller widget sẽ nhận với các biến tương ứng.

Load Model, Library, Helper trong widget

Ở mỗi widget ta load model, helper, library, language một cách bình thường nhé, vì bản chất nó cũng là instance của codeigniter.

Ví dụ:

$this->load->view()

$this->load->model()

$this->load->library()

$this->load->helper()

Lời kết

Qua bài này các bạn có thể tự tạo cho mình một thư xử lý widget rồi đúng không nào, đoạn code mình viết có thể chưa tối ưu nên nếu các bạn có ý kiến khác thì hãy bổ sung góp ý giúp mình với nhé, và mình có gửi file Download đính kèm. Cuối cùng cám ơn các bạn đã đọc bài này và chúc các bạn vui vẻ khi tham gia freetuts.net.

Hãy để lại link bài viết gốc khi chia sẻ bài viết này, mình sẽ report DMCA với những website lấy nội dung mà không để nguồn hoặc copy bài với số lượng lớn.

Nguồn: freetuts.net

Profile photo of adminTheHalfHeart

TheHalfHeart

Có sở thích viết tuts nên đã từng tham gia viết ở một số diễn đàn, đến năm 2014 mới có điều kiện sáng lập ra freetuts.net. Sinh năm 90 và có 1 vợ 2 con, thích ca hát và lập trình.

ĐĂNG BÌNH LUẬN: Đăng câu hỏi trên Facebook để được hỗ trợ nhanh nhất.