Pada tutorial kali ini kita akan belajar Cara Membuat Halaman Category, pada tutorial Menggunakan Codeigniter Part 1 kali ini kita akan melakukan instalisi pada codeigniternya dan membuat database dan table yang akan kita gunakan dalam pembuatan halaman category.
oke teman-teman kita akan langsung saja masuk ke study casenya tentang Cara Membuat Halaman Category Menggunakan Codeigniter Part 1. Langkah pertama pastikan teman-teman telah men-download file codeigniternya pada https://codeigniter.com/download pada project pembuatan halaman category kali ini kita menggunakan codeigniter v3.
Selanjutnya kita akan buat sebuah table dengan nama posts dan category_posts, pada table posts kita akan membuat strukturnya seperti dibawah ini :

Selanjutnya untuk struktur dari table category_post seperti dibawah ini :

Berikutnya kita akan setting untuk databasenya seperti dibawah ini :

Berikunya kita akan membuat sebuah controller dengan nama Post didalam controller tersebut kita akan membuat sebuah method seperti dibawah ini :
|
1 2 3 |
public function index(){ $this->load->view('post'); } |
Selanjutnya kita akan membuat sebuah file pada views dengan nama post.php, pada views/post.php kita akan membuat tampilan menu category yang akan kita gunakan seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body> <div class="container"> <div class="btn-group"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Category </button> <div class="dropdown-menu"> <a class="dropdown-item" href="">Category 1</a> <a class="dropdown-item" href="">Category 2</a> <a class="dropdown-item" href="">Category 3</a> </div> </div> </div> <br> </body> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> </html> |
Pada script diatas kita menggunakan bootstrap v4 sebagai tampilannya jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini :

Oke teman-teman itulah pembahasan kita pada Cara Membuat Halaman Category Menggunakan Codeigniter Part 1. untuk prosesnya akan kita bahas pada Cara Membuat Halaman Category Menggunakan Codeigniter Part 2.
Semoga bermanfaat.
Terimakasih.