Memecah template adminlte2 di codeigniter || Part 2

-





Memecah template
Pemecahan template digunakan agar dalam membuat halaman website lebih mudah di edit dan tanpa harus menuis ulang code yang sama berulang kali.

Buat folder
Pertama buka sublime lalu buka folder toko yang kita buat di part1. Setelah itu buat folder dengan nama template di folder view dan didalamnya buat file dengan nama
  • ·         header.php
  • ·         home.php
  • ·        footer.php
lihat gambar dibawah ini


       
Setting url adminlte2
buka file index.html seperti dibawah ini

Perbaiki urlnya dengan Tekan ctrl+h lalu lihat seperti dibawah ini.
  • url bower_components

  • url dist

  • url plugins



Setting file header
Copy code index.html tadi dari baris ke 1 sampai baris ke 511 seperti gambar di bawah ini

Lalu paste di file header.php yang kita buat tadi lalu tekan ctrl+s untuk save



Setting file home
Copy code index.html tadi dari baris ke 511 sampai baris ke 1026

Lalu paste di file home.php yang kita buat tadi lalu tekan ctrl+s untuk save



Setting file footer
Copy code index.html tadi dari baris ke 1027 sampai ke baris terakhir.


Lalu paste di file footer.php yang kita buat tadi lalu tekan ctrl+s untuk save




Hasil
Klik kanan folder controller lalu pilih newfile dan ketik code dibawah ini.

Setelah selesai tekan ctrl+s untuk save lalu beri nama Home.php
Buka controller Login.php lalu ubah code seperti gambar dibawah

Setelah selesai tekan ctrl+s untuk save.

Komentar

Posting Komentar

Postingan populer dari blog ini

Menu dan logout di adminlte codeigniter || Part 3

-
Gambar
  Edit menu buka project kita yang sudah kita buat di part sebelumnya. buka file header yang ada di folder view->template->headear.php. lihat baris 336 sampai 503, ini merupakan bagian menu default yang ada di adminlte. lalu ganti bagian menu di baris 336 sampai 503 sesuai dengan desain anda atau seperti punya saya yang ada di bawah ini.  di bagian 1 adalah menu dashboard dengan tipe menu tanpa sub, dibagian 2 adalah menu data master dengan tipe menu dengan sub, dan dibagian 3 menu transaksi dengan tipe menu dengan sub. setelah itu save ctrl+s. Link menu dengan controller Cara agar ketika menu di klik muncul halaman yang diiginkan kita harus menganti kode href yang ada dimenu tadi seperti gambar di bawah ini.   kode yang saya tandai diatas maksudnya ketika menu dashboard diklik maka akan menjalankan controller home dan controller home akan menjalankan method index yang akan memangil view dari halaman home.php. untuk me...
Baca selengkapnya

Membuat login codeigniter template adminlte2 || Part 1

-
Gambar
Persiapan  Download file yang dibutuhkan di bawah ini : codeigniter3 download adminlte2  download   code editor sublime  download setelah itu extract file codeigniter dan taruh di C:\xampp\htdocs dan rename folder CodeIgniter-3.1.9 menjadi toko rename CodeIgniter-3.1.9 jadi toko. setelah itu extract file adminlte2 dan taruh di C:\xampp\htdocs\toko dan rename folder AdminLTE-2.4.5 menjadi adminlte2 Membuat database Buka xampp lalu klik start pada mysql dan apache buka http://localhost/phpmyadmin/ lalu lakukan seperti gambar di bawah ini Lalu buat colum seperti di bawah ini setelah selesai tombol simpan dibagian bawah Isi data table karyawan seperti di bawah ini lalu klik kirim/send Setting codeigniter Buka sublime lalu klik file->open folder lalu pilih letak folder toko yg sudah kita buat tadi Setting autoload libraries dan helper seperti dibawah...
Baca selengkapnya

Crud table barang adminlte codeigniter || part 7

-
Gambar
  Buat table buat table baru dengan nama barang di dalam database tokoku yang sudah kita buat dan desain database seperti gambar dibawah ini. Buat model Buka project kita di text editor sublime atau lainnya lalu buat file baru di dalam folder model Seperti gambar dibawah ini dan simpan dengan nama m_barang.php untuk penjelasan hampir sama seperti di part 4. Buat controller     Buat file dengan nama Kategory.php di folder controller lalu ketik kode seperti gambar ini. penjelesan kode : tanda 1 untuk mengambil seluruh data dari table kategori yang akan digunakan untuk mengisi combox yang nanti dibuat. tanda 2 untuk memangil function yang sudah dibuat di tanda 1 agar function tersebut berjalan di saat insert/tambah data. tanda 3 untuk memangil function yang sudah dibuat di tanda 1 agar function tersebut berjalan di saat edit/ubah data. penjelasan kode selain 1-3 bisa dilihat di part 4. Buat view tampil data didalam folder data_...
Baca selengkapnya