如何在 CodeIgniter 中添加外部 css 和 javascript 文件答案

【问题标题】：How to add external css and javascript file in CodeIgniter如何在 CodeIgniter 中添加外部 css 和 javascript 文件
【发布时间】：2023-03-12 04:57:01
【问题描述】：

我在视图文件中添加外部 css 和 javascript 文件时遇到问题。我为 CSS 和 Javascript 创建了单独的目录。目前我的目录如下：

配置
控制器
- AdminTabs.php
CSS
- tab_v.css
Javascript
- tab_v.js
型号
查看次数
- 管理员
  - tab_v.php

我已经像这样在 tab_v.php 中包含了文件

<link rel="stylesheet" type="text/css" href="../CSS/tab_v.css">
<script type='text/javascript' src="../Javascript/tab_v.js"></script>

tab_v.php 由控制器 AdminTabs.php 加载我得到错误：

  domainname/app/CSS/tab_v.css Failed to load resource: the server responded with a status of 404 (Not Found)
  domainname/app/JavaScript/tab_v.js Failed to load resource: the server responded with a status of 404 (Not Found)

【问题讨论】：

您应该在应用程序文件夹之外创建一个资产文件夹。
如果我创建一个文件夹，你能举例说明路径的样子吗？
添加的答案应该会有所帮助

标签： php css codeigniter

【解决方案1】：

首先加载 url helper application > config > autoload.php

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

然后在 application > config > config.php 中设置你的基本 url 如果不是 css 链接和 js 可能不工作

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

如果托管网址看起来像什么

$config['base_url'] = 'http://www.example.com/';

application

assets

assets > css > tab_v.css

assets > js > tab_v.js

system

index.php

头

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/tab_v.css');?>">
<script type='text/javascript' src="<?php echo base_url('assets/js/tab_v.js');?>"></script>
</head>

【讨论】：

感谢您的回答