避免每次在CI中更改css和js

Question

I am using plenty of CSS and JavaScript in my CodeIgniter application.

Here is my sample controller.

public function index() {
    $this->load->view('site/title');
    $this->load->view('site/menu');
    $this->load->view('site/asset');
    $this->load->view('site/css');
    $this->load->view('site/js');
    $this->load->view('site/content');
}

Though I load the CSS files and JavaScript files in the view itself like this:

<link href="<?php echo base_url()?>css/all.css" rel="stylesheet">
<link href="<?php echo base_url()?>css/theme.css" rel="stylesheet">

What I want is if I change the CSS folder location to some other i.e., (asset/css) I need to change the path in all the functions. How can I avoid this and make it simple?

Answer 1

You can do it by it by creating a common loader, which loads css, js and menu by default and then loading the main content dynamically according to the need.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class site extends CI_Controller 
{
//public loader here
public function loader($common)
{
  $this->load->view($common);
  $this->load->view('site/asset'); //which contains the css, js and menu folder
}
//index page here
public function index()
    {
    $this->loader('index');
    }
//about page here
public function about()
    {
    $this->loader('about');
    }
//blog page here
public function blog()
    {
    $this->loader('blog');
    }
}