关于php：如何在codeigniter中加载css文件

how to load css file in codeigniter

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

意见

楷模

控制器

资产
a) 样式表
b) javascript
c) 图像

配置

控制器：

1
2
3
4
5
6
7
8
9

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

查看

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129

</head>
<body>

<img height="136" src="../images/learnersway.jpg" width="272" />

<ul>

</ul>

<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>

</ul>

Under Construction…

<ul>

<li>
About Us
</li>

<li>
Terms & Privacy Policy
</li>

</ul>

</body>
</html>

注意：

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

首先进入application/config/autoload.php。然后添加 $autoload[‘helper’] = array(‘html’,’url’);

1
2
3
4
5
6
7
8
9
10
11

//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’>

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

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

加载这个助手：$this->load->helper(‘url’);，然后你可以在你的视图中使用它：

1	<link rel="stylesheet" type="text/css" href=a€?<?php echo base_url(); ?>path/to/css–file">

或

1	<link rel="stylesheet" type="text/css" href=a€?<?php echo base_url(‘path/to/css-file’); ?>">

在模板文件中使用以下行

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

并加载这个帮助文件
$this->load->helper(//’url//’)

在您看来，请使用 site_url();将 css、js 和图像加载为：

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

把它放在head标签和任何你想显示图像的地方都使用这个：

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

首先打开config.php 文件并给出base_url like

1	$config[‘base_url’] = ‘http://localhost/your_file_name/’;

在这个加载帮助器到你的控制器文件之后，像这样：

1	$this->load->helper(‘url’);

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

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

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

应用
资产
系统

但你想要的流程如下：

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

因此，如果您想将 assets 文件夹保留在应用程序中，那么您必须执行一些额外的功能，如下所示：
首先，确保您已在控制器中加载了 URL 帮助程序：

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

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

1
2
3
4
5
6
7
8

if ( ! function_exists(‘asset_url()’))
{
function asset_url() {

return base_url().‘application/assets/’;

}
}

现在，您必须将这个助手加载到您的控制器中，如下所示：

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

现在将 //’application///’//’ 目录中的 .htaccess 代码替换为以下代码：

1
2
3

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

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

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

你可以在这个问题上使用我的回答
如何在 codeigniter

中动态加载 css、js

1
2
3
4
5
6
7
8
9
10
11
12
13

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);

}

比你的看法

1
2
3

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

您也可以使用本教程如何有条件地加载 css、javascript？

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/268469.html

关于php：如何在codeigniter中加载css文件

how to load css file in codeigniter

相关推荐

发表回复