Senin, 23 April 2018

Membuat Web Berita Sederhana Dengan PHP & MYSQLi - Part 12

Membuat Halaman Utama Website Bagian 1 (Homepage)


Di beberapa part tutorial sebelumnya, tutorial membahas tentang pembuatan halaman administrator, untuk tutorial selanjutnya adalah pembuatan halaman utama website dimana halaman utama ini diantaranya adalah halaman homepage, halaman artikel, dan lainnya. Pada tutorial ini kita hanya akan membuat 3 halaman website saja, yang pertama adalah halaman homepage, lalu halaman artikel, dan halaman untuk menampilkan daftar artikel berdasarkan kategori. Untuk tutorial bagian pertama, kita akan membuat halaman homepage terlebih dahulu. Berikut pembahasannya.

Membuat Halaman Homepage


Masuk kedalam folder root project kita, atau anda bisa membukanya di htdocs/websaya. Kemudian didalam folder websaya, buat dua folder baru bernama pages dan views. Atau anda bisa melihat strutkturnya seperti gambar dibawah ini : 


Kemudian buka file index.html, lalu copy kode html dari line 1 hingga line 31, kemudian buat file baru di folder views dan berikan nama header.php, dan pastekan kode html tersebut kedalam file header.php.


Setelah itu kembali ke file index.html, kemudian copy kode html dari line 150 hingga line 156 lalu buat file bernama footer.php didalam folder views dan pastekan kode html yang sebelumnya dicopy kedalam file footer.php.


Langkah berikutnya adalah buat file index.php didalam folder root project kita (folder websaya), kemudian isikan sintaks dibawah kedalam file index.php tersebut : 

index.php



Setelah itu masuk kedalam folder pages, kemudian buatlah file bernama home.php dan inputkan sintaks dibawah kedalam file home.php.

home.php


Setelah anda menginputkan sintaks diatas, buka file app.php yang bisa anda temukan didalam folder "websaya/application/functions/app.php" kemudian tambahkan sintaks dibawah ini kedalam file tersebut.

app.php



Setelah itu, silakan akses web utama kita melalui url berikut ini http://localhost/websaya/. Jika data artikel didalam tabel konten pada database anda tidak kosong atau ada isinya maka akan terlihat seperti screenshot berikut ini :

Jangan lupa untuk mengisi artikel melalui halaman admin, untuk tutorial selanjutnya kita akan membuat halaman tampilkan artikel berdasarkan id serta tampilkan daftar artikel berdasarkan id kategori.

Related Posts

Membuat Web Berita Sederhana Dengan PHP & MYSQLi - Part 12
4/ 5
Oleh

1 komentar:

30 April 2019 18.52 delete

min minta link download source codenya

Reply
avatar