Учебники

CodeIgniter — Добавление JS & CSS

Сентябрь 20, 2018

Добавить файл JavaScript и CSS (Cascading Style Sheet) в CodeIgniter очень просто. Вы должны создать папку JS и CSS в корневом каталоге и скопировать все файлы .js в папку JS и файлы .css в папку CSS, как показано на рисунке.

Добавление JS и 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'); 
}

Измените файл rout.php в application / config / rout.php, чтобы добавить маршрут для вышеуказанного контроллера и добавить следующую строку в конце файла. 

$route['profiler'] = "Profiler_controller"; 
$route['profiler/disable'] = "Profiler_controller/disable"

Используйте следующий URL в браузере, чтобы выполнить приведенный выше пример.

50
Share: