Membuat Halaman Detail pada Twig Codeigniter

Membuat Halaman Detail pada Twig Codeigniter – Hallo teman –teman , pada hari ini kita masih akan membahas tentang template engine Twig yang kita pasang pada framework PHP Codeigniter. Jika pada artikel sebelumnya kita sudah membuat cara parsing data dari database, sekarang kita akan sedikit terapkan dengan membuat halaman detail dari produk, langsung saja kita simak tutorial
Sebelumnya kalian harus menginstall kode twig pada codeigniter menggunakan composer dengan command berikut

composer require kenjis/codeigniter-ss-twig
php vendor/kenjis/codeigniter-ss-twig/install.php

selanjutnya kita buat table database seperti berikut, dan kalian ubah settingan koneksi database pada project kalian.
 
Nah, persiapan kita sudah selesai, sekarang kita akan memulai dengan menggunakan file Controller/ Welcome.php
Replace semua isi yang ada pada file tersebut dengan baris kode dibawah ini

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {

    public function __construct()
    {
        parent::__construct();
        $this->load->library('twig');
        $this->twig->addGlobal("sitename","ini website");
    }

    public function index()
    {
        $data["dtproduct"] = $this->db->get("products")->result();
        $this->twig->display("welcome",$data);
    }
}

 

Pada kode diatas saya membuat sebuah variable dtproduct yang mengambil dari table products di database, dan menggunakan result() karena akan kita tampilkan lebih dari satu data.
Selanjutnya pada folder view, buat file welcome.twig dan isi dengan baris kode berikut

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{{ sitename }}</title>

    </head>
<body>
    <ul>
    {% for product in dtproduct %}
        <li><a href="detail/view/{{ product.id}}.html">{{ product.name}}</a></li>
    {% endfor %}
    </ul>
</body>
</html>


Pada struktur file twig diatas, saya membuat looping for dengan inklusi product dari variable dtproduct yang ada pada controller.
Selanjutnya kita buat sebuah controller baru dengan nama Detail.php, dan isi seperti berikut

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Detail extends CI_Controller {

    public function __construct()
    {
        parent::__construct();
        $this->load->library('twig',"url");
        $this->twig->addGlobal("sitename","ini website");
    }
    public function view($id)
    {
        $data["dtproduct"] = $this->db->query("select * from products where id = '$id'")->row();

        $this->twig->display("detail_page",$data);
    }
}


Selanjutnya buat sebuah file pada folder view dengan nama detail_page.twig dan isi seperti berikut

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{{ sitename }}</title>

    </head>
<body>
    <h2>{{ dtproduct.name }}</h2>
    <ul>
        <li>{{ dtproduct.description }}</li>
    </ul>
</body>
</html>

Baiklah teman-teman, cukup mudah bukan, demikian artikel kali ini yang membahas tentang cara membuat halaman detail pada twig codeigniter, Semoga bermanfaat. Terima kasih.

 

28 Agustus 2018

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat