admin
by on May 30, 2020
Like
2,783 views

Secara prinsip cara kerja template adalah memanggil file view disaat memuat suatu halaman. file view yang umum digunakan adalah header, footer dan sidebar.
Buat file view templates/header.php isi dengan skrip berikut

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {   margin: 0; } footer {   width: 100%;   background-color:rgb(242,242,242);   height: 40px;   padding-top: 10px } footer .hakcipta {   width: 100%;   color: white;   text-align: center;   background-color:rgb(163,163,117);   height: 40px;   line-height: 40px ; } header {   background-color: white; } header .logo {   font-size: 30px;   font-weight: bold;   padding: 15px; } header .menu {   overflow: hidden;   background-color:rgb(0,77,0); } header .menu a {   float: left;   color:rgb(242,242,242);   text-align: center;   padding: 14px 16px;   text-decoration: none;   font-size: 17px; } header .menu a:hover {   background-color:rgb(214,214,194);   color: black; } </style> </head> <body> <header> <div class="logo">   CregAsia.com </div> <div class="menu">   <a href="#beranda">Beranda</a>   <a href="#blog">Blog</a>   <a href="#forum">Forum</a>   <a href="#foto">Foto</a> </div> </header>

 

Buat file view templates/footer.php isi dengan skrip berikut

<footer>   <div class="hakcipta">     About Us | | Kotak | Disclaimer <em>CregAsia.com &copy; 2020</em>   </div> </footer> </body> </html>

 

Untuk melihat hasilnya harus dipanggil melalui controller. Pada tutorial ini kita akan mencoba menggunakan template pada file latihan yang telah dikerjakan sebelumnya, buka file  app/Controllers/Latihan.php
ubah

return view('tentang');

menjadi

$data['title'] = 'Codeigniter 4'; echo view('templates/header', $data); echo view('tentang'); echo view('templates/footer');

 

Untuk melihat hasilnya di http://localhost/ci4/public/index.php/latihan/tentang

Posted in: CodeIgniter 4
Like
Be the first person to like this.