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

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

  1. 观看次数
  2. 型号
  3. 控制器
  4. 资产 a) 样式表 b) javascript c) 图片
  5. 配置

控制器:

    <?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-&gt;load-&gt;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">
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2012-08-20
            • 2020-02-11
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2016-08-26
            • 1970-01-01
            相关资源
            最近更新 更多