1. 程式人生 > >CI框架3.x 之實現前後端分離

CI框架3.x 之實現前後端分離

control dir() public 技術 前後端 function ase ant html

一、建立合理的目錄結構

  技術分享圖片

admin與home為後臺和前臺的控制器和模板文件夾

二、定義前後臺視圖路徑常量

在constants.php中添加如下代碼:

//定義前臺視圖路徑常量
define(‘HOME_VIEW_DIR‘, ‘views/home/‘);
//定義後臺視圖路徑常量
define(‘ADMIN_VIEW_DIR‘, ‘views/admin/‘);

三、創建擴展加載器

在core文件夾中創建MY_Loader.php,代碼如下:

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2019/2/16 0016
 * Time: 下午 1:31
 
*/ defined(‘BASEPATH‘) OR exit(‘No direct script access allowed‘); class MY_Loader extends CI_Loader { /** * @Description: 設置前臺模板頁面路徑 * @Author: Yang */ public function set_home_view_dir() { $this->_ci_view_paths = array(APPPATH . HOME_VIEW_DIR => TRUE); }
/** * @Description: 設置後臺模板頁面路徑 * @Author: Yang */ public function set_admin_view_dir() { $this -> _ci_view_paths = array(APPPATH . ADMIN_VIEW_DIR => TRUE); } }

四、創建前臺控制器

在home文件夾中添加index.php文件,代碼如下:

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2019/2/16 0016
 * Time: 下午 1:25
 
*/ defined(‘BASEPATH‘) OR exit(‘No direct script access allowed‘); class Index extends CI_Controller { public function __construct() { parent::__construct(); $this->load->set_home_view_dir(); } public function index() { $this->load->view("home.html"); } }

訪問前臺結果如下圖所示:

技術分享圖片

五、創建後臺控制器

在admin文件夾中添加index.php,代碼如下:

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2019/2/16 0016
 * Time: 下午 1:25
 */
defined(‘BASEPATH‘) OR exit(‘No direct script access allowed‘);

class Index extends CI_Controller
{
    public function __construct()
    {
        parent::__construct();
        $this->load->set_admin_view_dir();
    }

    public function index()
    {
        $this->load->view("admin.html");
    }
}

訪問後臺結果如下圖所示:

技術分享圖片

CI框架3.x 之實現前後端分離