Question

Hi Frnds我无法在codeigniter中加载css文件。所以请告诉我如何加载。 Codeigniter示例目录结构

视图
模型
控制器
资产 a）样式表 b）javascript c）图像
配置

控制器：

    <?php if (!defined('BASEPATH')) exit('No direct script access allowed');
    class Learnersway extends CI_Controller
    {
        function index()
        {
            $this->load->view('home_learnersway');
        }
    }
    ?>

查看

    <html>
    <head>

        <link rel="stylesheet" type="text/css" href=“assets/stylesheets/main.css”   />

    </head>
    <body>
    <div class="wrapper">
    <div class="header">
    <div class="title"><img height="136" src="../images/learnersway.jpg" width="272" /></div>

    <div class="main_menu">
    <ul>
        <li>HTML</li>
        <li>XML</li>
        <li>CSS</li>

    </ul>
    </div>
    </div>

    <div class="main_container">
    <div class="sub_menu">
    <ul>
        <li>HTML Introduction</li>
        <li>HTML Editors</li>
        <li>HTML Basic</li>
        <li>HTML Elements</li>
        <li>HTML Attributes</li>
        <li>HTML Headings</li>
        <li>HTML Paragraphs</li>
        <li>HTML Formatting</li>
        <li>HTML Links</li>
        <li>HTML Head</li>

    </ul>
    </div>

    <div class="sub_container">
    <div>Under Construction...</div>
    </div>
    </div>

    <div class="footer">
    <div class="left">All Rights Reserved @ LearnersWay.com</div>

    <div class="right">
    <ul>
        <li>About Us</li>
        <li>Terms &amp; Privacy Policy</li>

    </ul>
    </div>
    </div>
    </div>
    </body>
    </html>

注意：

请告诉我如何在codeigniter中加载css文件。即使可以告诉我如何加载javascripts和图像。我是codeigniter MVC框架的初学者。

Answer 1

首先转到application / config / autoload.php。然后添加$autoload['helper'] = array('html','url');

<link rel="stylesheet" href="<?php echo base_url('assets/stylesheets/main.css')?>"/>
//OR
<?php echo link_tag('assets/stylesheets/main.css')?>

//Image
<?php echo img('asset/images/learnersway.jpg')?>
//OR
<img src="<?php echo base_url('asset/images/learnersway.jpg')?>" />

//Javascript
<script src='asset/javascript/yourscript.js'></script>

请访问用户指南http://ellislab.com/codeigniter%20/user-guide/helpers/html_helper.html

Answer 2

有许多方法可以包含css文件，例如：

加载此帮助程序：$this->load->helper('url');然后您可以在视图中使用它：

<link rel="stylesheet" type="text/css" href=“<?php echo base_url(); ?>path/to/css-file">

或

<link rel="stylesheet" type="text/css" href=“<?php echo base_url('path/to/css-file'); ?>">

Answer 3

在您的视图中，请使用 site_url（）; 将css，js和图片加载为：

<link rel="stylesheet" type="text/css" href=“<?php echo site_url();?>assets/stylesheets/main.css”  
<script type="text/javascript" language="javascript" src="<?php echo site_url(); ?>assets/javascript/yourjs.js"></script>

将它们放在 head 标记中，无论您想在哪里显示图像，都可以使用：

<img title="yourimagetitle"src="<?php echo site_url();?>assets/images/yourimage.extension" height="100" width="200">

Answer 4

在模板文件中使用以下行

<link rel="stylesheet" href="<?php echo $base?>/application/css/style.css" type="text/css">

并加载此帮助文件 $ this-＆gt; load-＆gt; helper（'url'）

Answer 5

你可以在这个问题上使用我的答案 how to load css, js dynamically in codeigniter

    public function index() { 
// View "css_js_view" Page.
 //conditional 
if(your condition){
 $this->data = array( 'css' => site_url()."your css file", //this directory you css 'js' => site_url()."your js file" //this directory you js 
);
 }else{
 $this->data = array( 'css' => site_url()."your css file", //this directory you css 'js' => site_url()."your js file" //this directory you js 
);
 } 
$this->load->view('load_view',$this->data);

}

而不是你的观点

<!--Load css and js--> 
    <link rel="stylesheet" type="text/css" href="<?php echo $css; ?>">
     <script src="<?php echo $js; ?>"></script>

您也可以使用本教程How to load css,javascript conditionally?

Answer 6

代码初始化的最佳做法是按以下流程设置资产：

应用程序
资产
系统

但是您想要的流程如下：

应用程序>资产> CSS> style.css
系统

因此，如果要将资产文件夹保留在应用程序中，则必须执行以下一些附加功能：首先，请确保已在控制器中加载了URL帮助器：

$this->load->helper("url");

您首先必须使用以下代码在“ application / helpers”目录中创建一个名为“ my_helper.php”的助手：

if ( ! function_exists('asset_url()'))
{
  function asset_url() {

    return base_url().'application/assets/';

  }
}

现在，您必须按如下方式将此辅助程序加载到控制器中：

$this->load->helper("my_helper");

现在，用以下代码替换“ application /”目录中的.htaccess代码：

RewriteEngine on
RewriteCond $1 !^(index\.php|images|assets|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]

完成所有上述功能后，您必须在视图中声明资产，如下所示：

<link rel="stylesheet" href="<?php echo asset_url(); ?>css/style.css">

Answer 7

首先打开config.php文件，并给base_url类似

$config['base_url'] = 'http://localhost/your_file_name/';

在将此加载助手添加到您的控制器文件后，如下所示：

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

然后转到您的视图文件夹并提供如下链接：

<link rel="stylesheet" href="<?php echo base_url(); ?>assets/stylesheet/main.css">

如何在codeigniter中加载css文件

7 个答案: