【问题标题】:Sounds simple but It is not working: Import CSS in CodeIgniter 2.1.3听起来很简单,但它不起作用:在 CodeIgniter 2.1.3 中导入 CSS
【发布时间】:2013-05-17 11:07:43
【问题描述】:

我刚刚下载了 CodeIgniter 2.1.3 并尝试通过 header_controller 将 css 导入,

我尝试过 SOF:CodeIgniter - Loading CSSCI_Help_pagecodeigniter CSS problem (SitePoint Form Thread)。我很困惑,找不到简单的答案。有没有人对如何在 CodeIgniter 2.1.3 版上导入 CSS 和 JS 有一个一步一步的答案。

我有:register.php

<?php

class register extends  CI_Controller {

    public function index()
    {

        //Get header
        $this->load->view('header');

        //Any other class
        $this->load->view('register');

    }
}

header.php

<?php

?>

    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
        <link rel="stylesheet" href="<?php echo base_url();?>css/bootstrap.css" type="text/css" media="screen"/>

        <title>DMP</title>
    </head>
    <body>

这是我的项目文件夹:Project folders.png(如果你想指导我在哪里可以放置 CSS)

谢谢。

【问题讨论】:

  • 什么不适合你?你输出的网址是不是错了?
  • @hakre 所以当我在标题中添加 标签时,页面变为空白,没有任何输出。
  • “页面变为空白,没有任何输出” - 这是一个非常常见的错误,请参阅PHP Error Reference,IIRC 这是那里的第一个条目。
  • 在你的控制器中加载 url helper... $this->load->helper('url') 并关注@hakre 的评论

标签: php codeigniter codeigniter-2 codeigniter-routing


【解决方案1】:

只是猜测,但为了能够使用 base_url() 您需要在控制器中加载 url 帮助程序。另外,正如@hakre 在 cmets 中已经说过的那样,打开您的错误报告。

class register extends  CI_Controller {

    public function index()
    {
        $this->load->helper('url');

        //Get header
        $this->load->view('header');

        //Any other class
        $this->load->view('register');

    }
}

【讨论】:

  • 简单,永远的大师级作品!你可以对我的 que 竖起大拇指。如果你喜欢。
  • 补充一点,1) 自动加载 URL 帮助器非常有用,2) base_url 接受一个字符串参数来表示基本 URL 之后的任何内容。它使输出更容易。例如。 echo base_url('css/bootstrap.css');
【解决方案2】:

这应该可以工作

<link rel="stylesheet" href="<?php echo base_url('css/bootstrap.css')?>" type="text/css" media="screen"/>

【讨论】:

    【解决方案3】:

    在您的查看页面上添加此内容:

     <link rel="stylesheet" href="<?php echo base_url();?>css/bootstrap.css" type="text/css" media="screen"/>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多