Belajar membuat website, MVC codeigniter dan halaman pertamamu

Oleh: adminpartheon - 22-01-2021   -   17:25

Bagikan :

Belajar membuat website, MVC codeigniter dan halaman pertamamu

Diartikel sebelumnya yang berjudul BELAJAR MEMBUAT WEBSITE INSTALL CODEIGNITER kita telah berhasil menginstall dan me-LIVE kan web pertama kita dengan framework codeigniter. Seperti yang kita ketahui tanda sukses web telah live adalah seperti pada gambar dibawah ini:

sukses live web codeigniter

Okey, langsung saja kita belajar cara membuat halaman pertama kita pada framework codeigniter.

1. Buka folder web sitemu seperti contoh pada gambar dibawah ini:

step 1 stuktur codeigniter

Pada contoh diatas, admin partheon memberi nama folder webnya dengan nama FIRSTWEB dan lokasi file ada pada

C:\xampp\htdocs\firstweb (untuk penamaan web bebas, cuman pastikan ada dihtdocs). Bila belum mengetahui tentang XAMPP webserver dan settingnya dapat berkunjung ke link berikut INSTALL DAN SETTING XAMPP WEBSERVER. 

2. Pergi ke folder application dan perhatikan folder controller, model, dan view (ini yang disebut MVC). Contoh step 2 dapat dilihat pada gambar dibawah ini:

Folder MVC codeigniter

Seperti yang sobat lihat pada gambar diatas, folder MVC direpresentasikan pada folder Controller,model,dan view.

Ketiga folder tersebut memiliki fungsi sebagai berikut:

  • Controller, folder ini berisi file-file yang digunakan untuk proses logic disisi server (web server).
  • Model, folder ini berisi file-file yang mengatur akses ke operasi database (bisa mysql, postgree, mongodb,dll).
  • View, folder ini bertanggung jawab terhadap tampilan website pada browser, sehingga penulisan html, javascript, css ada pada file yang ada didalam folder ini.

3.  Buat halaman pertamamu, namun pertama-tama cek posisi default controller pada path Application\config\routes.php.

routes config codeigniter

Buka routes.php dengan notepad++ (yang dipakai admin, sobat bisa pakai aplikasi lain, seperti sublime,dll). Lalu cari variable $route['default_controller'] seperti pada gambar dibawah ini:

 file controller default codeigniter

Pada contoh diatas, variable $route['default_controller'] bertuliskan 'welcome'. Hal ini berarti bahwa setiap web site dipanggil di browser (http://127.0.0.1/firstweb) akan selalu mengacu pada controller file welcome. 

4. Buat file baru pada folder VIEW. Langkah selanjutnya adalah kita akan membuat halaman kosong baru. Masuk ke notepad++ dan buat page baru seperti pada gambar dibawah ini:

add file folder view codeigniter

Pada gambar diatas, kita akan membuat file bernama belajar.php dan disave pada folder c:\xampp\htdocs\firstweb\application\view.  Pada file belajar.php kita tulis code sebagai berikut:

<?php echo "HELLO SAYA BARU BELAJAR" ?>

Dimana akan menampilkan tulisan HELLO SAYA BARU BELAJAR di browser ketika web dijalankan.

5.  Rubah controller Welcome untuk menampilkan belajar.php. Pergi ke file welcome.php pada folder c:\xampp\htdocs\firstweb\application\controller\welcome.php. Buka file tersebut pada notepad++ seperti yang dilihat pada gambar dibawah ini:

load view codeigniter 

pada script diatas kita akan mengubah target tampilan dari file welcome_message.php ke belajar.php yang baru kita buat tadi. 

6. Setelah itu, kita cek perubahannya dengan memanggil http://127.0.0.1/firstweb atau http://localhost/firstweb. Hasilnya akan kita lihat seperti gambar dibawah ini:

membuat file view codeigniter

Di browsermu akan keluar tulisan "Hello saya baru belajar". Okey, dalam sesi ini kita telah belajar cara membuat halaman baru pada framework codeigniter. Sesi berikutnya kita akan membahas mengenai pengenalan HTML dasar agar halamanmu lebih cantik dan enak dipandang.

Klik untuk link berikutnya -> BELAJAR WEBSITE part 5 pengenalan HTML DASAR

 

Artikel terkait

Belajar membuat website setting install xampp webserver
Belajar membuat website setting install xampp webserver
Belajar membuat website HTML dasar-TABLE
Belajar membuat website HTML dasar-TABLE
Belajar membuat website install codeigniter php
Belajar membuat website install codeigniter php
fungsi resistor beserta cara ukur lewat kode warna resistor dan multimeter
fungsi resistor beserta cara ukur lewat kode warna resistor dan multimeter
input date html tutorial dan cara pakainya
input date html tutorial dan cara pakainya
cegah copy paste konten web dengan javascript dan css anti plagiarism
cegah copy paste konten web dengan javascript dan css anti plagiarism
Artikel lainnya
cek kabel putus dengan multimeter atau avometer digital visero a830L
Seringkali peralatan elektronik kita tidak berfungsi karena adanya ganggunan dalam komponennya, salah satunya adalah kabel putus. Artikel kali ini akan membahas cara cek kabel putus dengan multimeter digital.
cara membuat function mysql database
selain query kita dapat membuat sebuah fungsi untuk mempermudah operasi database, bagaimana caranya ? yuks kita baca artikel berikut ini.
fungsi resistor beserta cara ukur lewat kode warna resistor dan multimeter
Kali ini kita akan bahas pengertian komponen elektro yaitu resistor beserta cara ukurnya berdasarkan kode warna dan multimeter digital
5 youtuber cerita menarik tuk menemani harimu
Sambil kerja dikomputer mendengarkan cerita-cerita menarik dapat kamu coba untuk mengusir kebosanan dan meningkatkan produktifitasmu, yuk coba dengarkan 5 youtuber Indonesia yang pandai bercerita ini.
Khasiat tanaman pecut kuda
Jarang orang mengetahui tanaman pecut kuda, padahal khasiat dan kegunaannya sangat banyak. berikut adalah kegunaan pecut kuda
input date html tutorial dan cara pakainya
Dalam membuat website pasti ada saatnya kita menggunakan isian tanggal, dalam artikel berikut kita akan mengupas cara dan petunjuk pengunaan input date untuk mempermudah operasi tanggal.
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
Sesi belajar javascript kali ini akan membahas pembuatan fungsi untuk merubah sebuah angka menjadi kalimat terbilang.
4 youtuber bule yang cerita tentang indonesia mulai dari wisata, budaya sampai makanan
pesona indonesia mampu memikat hati orang asing, 4 youtuber ini membuat vlog tentang beberapa wisata didaerah Indonesia. Siapakah 4 youtuber tersebut, yuks kita simak youtuber yang sering ditonton admin..
4 film barat dengan jagoan yang tak terkalahkan
Anda senang dengan film barat? suka dengan aksi perkelahian yang memacu adrenalin? berakhir happy ending? yuk simak artikel berikut ini buat menambah list film yang akan kamu tonton
5 lagu barat klasik romantis
Kangen sama pasangan? cobain lagu-lagu klasik ini supaya makin kangen dengan pasanganmu. Lagu klasik barat yang memorable dan romantis habis
Tutorial php cara membuat thousand separator nominal uang
Artikel berikut akan membahas cara merubah nominal uang menjadi lebih enak dibaca dengan menambah separator ribuan, ratusan ribu, dll didalam pemprograman PHP.
5 youtuber review film untuk menambah list film yang akan kamu tonton
ga ada waktu buat nonton film atau bingung film yang bagus yang mana, yuk cek 5 youtuber spesialist membahas film-film yang menarik lewat artikel ini.
Raline Shah profil
Raline shah dikenal sebagai artis Indonesia yang pergaulannya luas, dari mohammad hadid sampai artis asia internasional lainnya masuk lingkaran pertemanannya. Berikut adalah biodata raline shah artis yang bukan kaleng-kaleng
isi tinta printer canon e400 hitam
Simak artikel berikut ini untuk mengisi tinta cartidge hitam printer canon e400 beserta cara reset manual
Tutorial javascript cara merubah format tgl
kali ini, admin akan membahas cara merubah format tgl dari format YYYY-mm-dd (2021-05-28) menjadi format dd/mm/YYYY (28/05/2021) dengan bahasa pemrograman javascript.