如何在Codeigniter中包含CSS和JS文件

debugcn 发表于 Dev

用户

我正在尝试在以下代码中包含css文件。

配置：

$config['base_url'] = 'http://localhost/ASOFT/Projects/CI_search';
$config['site_url'] = 'http://localhost/ASOFT/Projects/CI_search/index.php';
$config['js'] = 'assets/js';

看法：

<link rel="stylesheet" href="<?php echo $base?>/<?php echo $css?>/style.css">
<link rel="stylesheet" href="<?php echo $base?>/<?php echo $css?>/bootstrap.min.css">
<script src="<?php echo $base?>/<?php echo $js?>/jquery.min.js"></script>
<script src="<?php echo $base?>/<?php echo $js?>/jquery.js"></script>
<script src="<?php echo $base?>/<?php echo $js?>/bootstrap.min.js"></script>

我将css文件放在CI_search / css中，将js文件放在CI_search / assets / js中，我得到了错误undefined variable css和undefined variable js。请提供此问题的解决方案。

更新

控制器：

public function index() {     
    $this->data = array(
         'site' => $this->config->item('site_url'), 
         'base' => $this->config->item('base_url'), 
         'css' => $this->config->item('css'), 
         'js' => $this->config->item('js'), 
         'image'=>$this->config->item('image') 
    ); 

   $data = $this->data; 
   $data['error'] = ''; 

   $this->load->view('index',$data); 
}

阅读进化

据我所知，您没有在配置文件中声明$ config ['css']，因此，获得css的未定义变量错误是正常的。但是您应该不会对js有任何疑问。

声明base_url时，请在末尾使用斜杠（例如“ http：// localhost / fancysite / ”）

您也可以使用CI的url帮助程序来使用诸如base_url（）或site_url（）之类的功能，以及更多其他功能。（如@Likee建议）。

config.php

// this should be the first variable in CI's config.php
$config['base_url'] = "http://localhost/ASOFT/Projects/CI_search/";

// many more lines with other configuration variables
// ..................................................
// ..................................................
// ..................................................

// your own configuration variables at the end of file
$config['css'] = 'css/';
$config['js'] = 'assets/css/';
$config['image'] = 'images/';

控制器

public function index() {

    // loading url helper to use base_url() function in the view,
    // if you load this helper in autoload.php you don't need to load it here again
    $this->load->helper('url');

    // if you didn't declare data as class property
    // you can simply use
    // $data = array(
    //         'css' => $this->config->item('css'),
    //         'js' => $this->config->item('js'),
    //         'image'=>$this->config->item('image')
    //          );

    $this->data = array( 
         'css' => $this->config->item('css'), 
         'js' => $this->config->item('js'), 
         'image'=>$this->config->item('image') 
    ); 

    // you really don't need the line below
    // $data = $this->data;
    $this->data['error'] = ''; 

    $this->load->view('index',$this->data); 
}

看法

<link rel="stylesheet" href="<?php echo base_url($css . 'style.css'); ?>">
<link rel="stylesheet" href="<?php echo base_url($css . 'bootstrap.min.css'); ?>">
<script src="<?php echo base_url($js . 'jquery.min.js'); ?>"></script>
<!-- do you really need to include jquery.js while you included jquery.min.js above? but here we go :) -->
<script src="<?php echo base_url($js . 'jquery.js'); ?>"></script>
<script src="<?php echo base_url($js . 'bootstrap.min.js'); ?>"></script>

可能您将需要大量使用url helper。因此，您可以将其自动加载到config文件夹中的autoload.php文件中。它必须在90号线附近