外部 css 文件未在 Codeigniter 视图中加载答案

【问题标题】：External css file not loading in Codeigniter view外部 css 文件未在 Codeigniter 视图中加载
【发布时间】：2017-12-14 13:29:52
【问题描述】：

过去我曾多次使用带有 codeigniter 的 css，但我无法在新的服务器设置上配置它。我已经查看了 Stack overflow 上的几乎所有答案，但似乎没有一个对我有用。我创建了一组非常基本的测试文件 -

控制器（codeigniter/application/controllers/Pages.php）

<?php
class Pages extends CI_Controller{

        public function testthis(){

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

        }
}
?>

查看（codeigniter/application/views/testcss2.php）

<html>
<head>
  <title>CSS styled page</title>
        <link rel="stylesheet" type="text/css" href="<?php echo base_url();?
>testcss.css">
</head>

<body>

<!-- Main content -->
<h1>Testing CSS styled page for codeigniter</h1>

<p>Welcome to my styled page!

<p>CSS Styled page

<address>7th July 2017
</address>

</body>
</html>

配置.php

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

自动加载.php

$autoload['helper'] = array('url');

testcss.css 文件被放置在 Ubuntu 的根 html 文件夹中，但我最终将它复制到几乎每个目录中，因为它没有被拾取而感到沮丧。

结果—— 该页面已成功显示，但没有任何样式。如果我复制 css 文件的内容并使用样式标记将其粘贴到内联的视图文件中，则 css 可以工作！但不是在使用外部 css 时。

为什么使用带有 codeigniter 的 css 如此令人沮丧！！！

【问题讨论】：

How to get correct CSS file address in my view using base_url() CodeIgniter method的可能重复
在 codeigniter 应用程序文件夹之外创建一个单独的 assets 文件夹。将您的 CSS 和 JA 以及图像放入其中，然后从那里解决所有问题。
你确定你的 $config['base_url'] 是正确的吗？
@Brad 我试过了，但还是不行。
在 Codeigniter 中使用 CSS 没有问题。这是我用于应用程序文件夹之外的资产文件的链接 ""

标签： php css codeigniter

【解决方案1】：

例如您的项目名称是“ProjectName”，添加文件夹资产并将 css 文件放入其中。

这里在配置更改 base_url

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

之后在视图中使用这种方式

<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/testcss.css');?>">

我希望它对你有用。

如果有任何问题，请告诉我。谢谢你

【讨论】：

感谢大家的建议。我所做的是重新安装一个新的 3.1.5 codeigniter 并从顶部加载所有内容。有效。我仍然不知道我第一次做错了什么。可能是配置有问题。
这是编程的一部分。 :) 不用担心。

【解决方案2】：

控制器/pages.php

<?php
class Pages extends CI_Controller{
function __construct() {
parent::__construct();

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

public function index() {    
$this->load->view('testcss');
}
}
?>

views/testcss.php

<html>
<head>
<title>Load css and javascript file in codeigniter</title>

<!--Load style.css file, which store in css folder.-->
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/style.css">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Open+Sans+Condensed:300|Raleway' rel='stylesheet' type='text/css'>
</head>
</html>

有时，您需要从 root 授予使用 css 和 js 的权限。将它们放入文件夹可以让您管理和包含来自同一路径的所有内容。

【讨论】：