136 •
System
Berisi file-file CodeIgniter dan konfigirasinya, kita tidak akan mengubah apapun dalam folder ini, karena dalam folder ini berisi
file-file inti CodeIgniter. •
User_guide
Berisi file dokumentasi atau turorial CodeIgniter yang dapat diakses melalui
browser. Kita
dapat mengaksesnya
dengan http:localhostmyproyekuser_guide
2. Controller dan View
Membangun view sama seperti membangun HTML biasa. Folder views berisi
file HTML telah pertama kali dibuat. File HTML menggunakan tag-tag standard an merupakan web statis. Kegiatan pembelajaran berikutnya akan meodifikasi
file tersebut sehingga menjadi dokumen web dinamis. Langkah-langkah yang dapat dilakukan adalah sebagai berikut :
1. Buka file home.html pada folder topik4-1, ubah beberapa script menjadi seperti dibawah ini, save as dengan nama home.php dalam
folder views CodeIgniter.
C:xampphtdocsmyproyekapplicationcontrollersWeb.php
1 2
DOCTYPE html html
lang =
en head
137
3 4
5
6 7
8 9
10 11
12 13
14 15
166 167
168 title
Nama Proyek title
meta charset
= utf-8
meta name
= viewport
content =
width=device-width, initial-scale=1 link
rel =
stylesheet href
= ?php
echo base_url
? assetscssbootstrap.min.css
link rel
= stylesheet
href =
?php echo
base_url ?
assetsstylecarousel.css link
rel =
stylesheet href
= ?php
echo base_url
? assetsstyleblog.css
style .carousel-inner .item img,
.carousel-inner .item a img { width: 100;
margin: auto; }
style ... kode lanjutan ...
script src
= ?php
echo base_url
? assetsjsjquery.min.js
script script
src =
?php echo
base_url ?
assetsjsbootstrap.min.js script
script src
= ?php
echo base_url
? assetsjsdocs.min.js
script
Petunjuk: Nomor dengan warna merah
adalah kode yang perlu diubah.
2. Copy folder assest dalam CD dan paste dalam direktori myproyek
yang telah kita buat tadi. Folder assets berisikan file CSS, JavaScript, dan Gambar dari web yang kita bangun.
3. ubah beberapa konfigurasi dalam CodeIgniter Seperti dibawah ini, pada file autoload.php, aktifkan helper url
138
autoload[helper] = arrayurl; Tambahkan url pada array helper seperti code diatas.
4. Masuk pada direktori controllers, buat file baru dengan nama Web.php,
dan tulis code dibawah ini dalam file tersebut.
C:xampphtdocsmyproyekapplicationcontrollersWeb.php
1 2
3 4
5 6
7 8
9 10
?php defined
BASEPATH ORexit
No direct script access allowed ;
class Web
extends CI_Controller
{ publicfunction
index {
this -
load -
view home
; }
}
5. ubah default controller yang awalnya controller welcome menjadi controller web.
route[default_controller] = welcome; Rubahlah menjadi
route[default_controller] = web; Untuk merubah controller yaitu melalui file routers.phpyang ada dalam folder
config.