Cómo cargar archivos javascript css en codeigniter ci

Question

Quiero migrar mi sitio web a CI. simplemente modifiqué desde el archivo de muestra ci welcome.php en la función index(), cargo la vista para mostrar. sin embargo, puse muchos javascripts y archivos css en el archivo de encabezado. y llámalo por $this->load->view('header'); ¡pero no puedo cargar los archivos javascript correctamente! ¿Alguien me puede dar algunos consejos? es difícil configurar cómo la ruta correcta.

<script type="text/javascript" src="/assets/javascripts/order.js"></script> 
<script type="text/javascript" src="../assets/javascripts/order.js"></script> 
<script type="text/javascript" src="../../assets/javascripts/order.js"></script>  

mi código del controlador de la siguiente manera

class Welcome extends CI_Controller { 

public function index() 
{ 
    $this->load->helper('url');  
    $this->base = $this->config->item('base_url'); 

    $this->load->view('header'); 
    $this->load->view('welcome_message'); 


} 

}

Belows es mi estructura de carpetas

Answer 1

poner la carpeta de activos con applications, system, assets

no

en la aplicación y carga sencilla de la clase url ayudante en controlador donde se llama a la vista de encabezamiento parte algo así como

$this->load->helper('url'); 
$this->load->view('header'); 

y simplemente usar algo como esto en su archivo de cabecera ..
porque $this->base_url() retorno del / carpeta ..

<script src="<?php echo $this->base_url();?>assets/javascript/jquery.js"></script> 

Cambio de la estructura de carpetas porque el acceso dentro de la carpeta de la aplicación es sólo para la parte del núcleo que sé ..

aquí está el enlace si quieres saber más sobre URL Helper

Answer 2

respuesta de Jogesh_p sin duda va a resolver el problema de los activos de carga que tiene. Me gustaría darle seguimiento a esta pregunta que dio

Gracias o su apoyo. Por cierto, si quiero usar alguna biblioteca como phpMailler o zend framwork.

Usted puede poner en application/libraries/

luego cargarla en el controlador usando nombre de clase de la Biblioteca

$this->load->library('phpmailer'); 

Su desee cargar en el constructor o en el individuo método.

¡Buena suerte!

Answer 3

Esta es la mejor manera con el código mínimo

<script src="<?php echo base_url('assets/javascript/jquery.js');?>"></script> 
<script src="<?php echo base_url('assets/css/bootstrap.min.js');?>"></script> 

Answer 4

activos/css/bootstrap.min.css"

<!-- Include JS --> 
    <script src="<?php echo base_url();?>assets/js/jquery.js"></script> 
    <script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script> 

Answer 5

function addcategory() 
{ 
    //alert("<?php echo base_url();?>") 
    $.ajax({ 
       complete: function() {}, //Hide spinner 
       url : '<?php echo base_url();?>category/search', 
       data:$('#add_category').serialize(), 
       type : "POST", 
       dataType : 'json', 
       success : function(data) { 
        if(data.code == "200") 
        { 
         alert("category added successfully"); 
        } 

         }, 
       beforeSend: function(XMLHttpRequest){}, //$.blockUI(); 
         cache: false, 
         error : function(data) { 
          } 
      }); 

} 

Answer 6

Para solucionar mi problema creé funciones de ayuda para cargar activos y aquí está mi código desplegado en mi solicitud PS:.. En primer lugar había planeado una estructura buena directorio/flexibles

[some_helper.php]

/* 
* Created: 2017/12/14 00:28:30 
* Updated: 2017/12/14 00:28:39 
* @params 
* $url_structure = 'assets/js/%s.js' 
* $files = ['main.min', 'social'] 
* $echo = FALSE 
* 
*/ 

function load_js($files = [], $url_structure = NULL, $version = '1.0', $echo = FALSE){ 
    $html = ""; 
    foreach ($files as $file) { 
     if($url_structure){ 
      $file = sprintf($url_structure, $file); 
     } 
     $file_url = base_url($file); 
     $html .= "<script src=\"{$file_url}?v={$version}\"></script>"; 
    } 
    if($echo) { 
     echo $html; 
    } 
    return $html; 
} 

/* 
* Created: 2017/12/14 00:28:48 
* Updated: 2017/12/14 00:28:51 
* @params 
* $version = '1.0' // Later load from configuration 
* $url_structure = 'assets/js/%s.css' 
* $files = ['main.min', 'social'] 
* $echo = FALSE 
* 
*/ 

function load_css($files = [], $url_structure = NULL, $version = '1.0', $echo = FALSE){ 
    $html = ""; 
    foreach ($files as $file) { 
     if($url_structure){ 
      $file = sprintf($url_structure, $file); 
     } 
     $file_url = base_url($file); 
     echo "<link rel=\"stylesheet\" href=\"{$file_url}?v={$version}\">"; 
    } 
    if($echo) { 
     echo $html; 
    } 
    return $html; 
} 

entonces llamada en la vista

[some_view.php]

$css = [ 
    'path' => 'assets/css/%s.css', 
    'files' => ['bootstrap.min','style'] 
]; 
load_css($css['files'], $css['path'], '1.0', TRUE); 

Espero que ayuda a alguien. En el caso de OP $css['path'] = 'application/assets/css/%s.css'; hará el truco.

Actualicé el código en Github que seguiré actualizando.