如何在codeigniter中加载css文件答案

【问题标题】：how to load css file in codeigniter如何在codeigniter中加载css文件
【发布时间】：2014-01-08 23:32:53
【问题描述】：

您好 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 框架的初学者。

【问题讨论】：

标签： php css codeigniter

【解决方案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

【讨论】：

嗨，老板，如果我使用 echo base_uri() 显示空白页面。如果我使用 echo base_url() 显示没有 CSS 格式的内容。请告诉我现在我需要做什么。注意：我在本地系统中运行 codeigniter
你确定你加载了 url helper 吗？你的 config.php 文件中的 base_url() 是什么？
你确定我加载了帮助程序，并且 base_url 显示为空，如下所示 $config['base_url']= '';
这是你的文件夹项目
我不同意将新用户告诉First go to application/config/autoload.php. Then add $autoload['helper'] = array('html','url'); ... ... ... ... ... ...在学习阶段，手动操作更有意义...

【解决方案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'); ?>">

【讨论】：

我做了 echo base_url('path/to/css-file');而是

【解决方案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">

【讨论】：

【解决方案4】：

在模板文件中使用以下行

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

并加载此帮助文件 $this->load->helper('url')

【讨论】：

我应该在哪里加载帮助文件，无论是视图还是控制器。请告诉我。
如果我使用你提到的上述代码。我收到以下错误：遇到 PHP 错误严重性：通知消息：未定义变量：基本文件名：views/home_learnersway.php 行号：9 /application/assets/stylesheets/main.css" type="text/css">
所以不要使用 $base ，而是使用你的 base_url() 路径。
你能告诉我如何识别我的 base_url。因为我在本地系统中运行我的源代码

【解决方案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?

【讨论】：

【解决方案6】：

codeigniter 中设置资产的最佳实践如下：

应用
资产
系统

但你想要的流程如下：

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

因此，如果您想将 assets 文件夹保留在应用程序中，那么您必须执行一些额外的功能，如下所示：首先，确保您已在控制器中加载了 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">

【讨论】：

【解决方案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">

【讨论】：