CodeIgniter - Добавление JS и CSS
Добавить файл JavaScript и CSS (каскадная таблица стилей) в CodeIgniter очень просто. Вы должны создать папку JS и CSS в корневом каталоге и скопировать все файлы .js в папку JS и файлы .css в папку CSS, как показано на рисунке.
Например, предположим, вы создали один файл JavaScript. sample.js и один файл CSS style.css. Теперь, чтобы добавить эти файлы в ваши представления, загрузите помощник URL-адреса в свой контроллер, как показано ниже.
$this->load->helper('url');После загрузки помощника URL-адреса в контроллер просто добавьте приведенные ниже строки в файл представления, чтобы загрузить файлы sample.js и style.css в представление, как показано ниже.
<link rel = "stylesheet" type = "text/css"
href = "<?php echo base_url(); ?>css/style.css">
<script type = 'text/javascript' src = "<?php echo base_url();
?>js/sample.js"></script>пример
Создайте контроллер под названием Test.php и сохраните это в application/controller/Test.php
<?php
class Test extends CI_Controller {
public function index() {
$this->load->helper('url');
$this->load->view('test');
}
}
?>Создайте файл представления с именем test.php и сохраните в application/views/test.php
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>CodeIgniter View Example</title>
<link rel = "stylesheet" type = "text/css"
href = "<?php echo base_url(); ?>css/style.css">
<script type = 'text/javascript' src = "<?php echo base_url();
?>js/sample.js"></script>
</head>
<body>
<a href = 'javascript:test()'>Click Here</a> to execute the javascript function.
</body>
</html>Создайте файл CSS с именем style.css и сохраните в css/style.css
body {
background:#000;
color:#FFF;
}Создайте файл JS с именем sample.js и сохраните в js/sample.js
function test() {
alert('test');
}Изменить routes.php файл в application/config/routes.php чтобы добавить маршрут для указанного выше контроллера и добавить следующую строку в конец файла.
$route['profiler'] = "Profiler_controller";
$route['profiler/disable'] = "Profiler_controller/disable"Используйте следующий URL-адрес в браузере, чтобы выполнить приведенный выше пример.
http://yoursite.com/index.php/test