how to load css file in codeigniter
您好 Frnds 我无法在 codeigniter 中加载 css 文件。所以请告诉我如何加载。
Codeigniter 示例目录结构
a) 样式表
b) javascript
c) 图像
控制器:
1 2 3 4 5 6 7 8 9 |
查看
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 | <html> <head> <link rel="stylesheet" type="text/css" href=a€?assets/stylesheets/main.cssa€? /> </head> <body> <img height="136" src="../images/learnersway.jpg" width="272" /> <ul> <li> HTML </li> <li> XML </li> <li> CSS </li> </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> <li> HTML Head </li> </ul> Under Construction... All Rights Reserved @ LearnersWay.com <ul> <li> About Us </li> <li> Terms & Privacy Policy </li> </ul> </body> </html> |
注意:
请告诉我如何在 codeigniter 中加载 css 文件。即使可以告诉我如何加载 javascripts 和图像。
我是 codeigniter MVC 框架的初学者。
首先进入application/config/autoload.php。然后添加
1 2 3 4 5 6 7 8 9 10 11 | <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'> |
请访问用户指南 http://ellislab.com/codeigniter /user-guide/helpers/html_helper.html
有很多方法可以包含 css 文件,例如:
加载这个助手:
或
1 |
在模板文件中使用以下行
1 |
并加载这个帮助文件
$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 |
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 |
你可以在这个问题上使用我的回答
如何在 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?