Cara menggunakan index php page

Jika Anda memperoleh pemahaman dasar tentang cara membangun website menggunakan PHP, Anda akan memiliki pengetahuan tentang penyertaan file dan menghasilkan keluaran—dasar-dasar penyesuaian halaman web.

Mungkin Anda bertanya-tanya harus mulai dari mana, atau langkah selanjutnya apa yang harus diambil saat membangun lebih banyak fungsionalitas ke situs Anda.

Dalam tutorial ini, saya menyajikan struktur situs sederhana yang memungkinkan pembaruan langsung. Ini juga menunjukkan beberapa fungsi PHP yang berguna untuk menambah nilai.

Website yang Akan Anda Bangun di PHP

Situs web sampel—tersedia di repositori GitHub—adalah situs sederhana tentang burung dengan segala kebaikannya yang berbulu. Ada beberapa bagian, beberapa halaman info, dan halaman beranda. Situs terakhir tidak sepenting teknik yang akan Anda baca, dan ide-ide yang mungkin menginspirasi Anda.

Jika Anda bisa, unduh situsnya dari GitHub dan instal di komputer lokal Anda sebelum melanjutkan membaca.

Struktur Keseluruhan Situs

Berikut adalah beberapa file dan direktori utama yang harus Anda selidiki.

composer.json
data/
funcs.php
md/
site/
index.php
tpl/

• Setiap halaman sesuai dengan skrip PHP di direktori situs. Ini memperkenalkan beberapa redundansi, tetapi itu membuat semuanya tetap sederhana. Saat mengatur server web Anda, pastikan Anda mengarahkan DOCROOT Anda ke direktori situs.
• Direktori md berisi file sumber penurunan harga yang menyimpan konten utama dari beberapa halaman individual.
• Direktori tpl berisi template dan file yang mendefinisikan keseluruhan struktur HTML yang dapat dibagikan oleh beberapa halaman.
• Sebagian besar fungsi PHP ada di funcs.php.

Bagaimana Situs Bekerja

Bootstrap

Bootstrap adalah kerangka kerja front-end untuk membangun situs web. Ini memiliki gaya bawaan dan fungsionalitas JavaScript, yang mencakup kebutuhan pengembang web yang paling umum. Ini adalah cara terbaik untuk membuat dan menjalankan situs dengan cepat sebelum Anda menghabiskan waktu untuk menyempurnakan desain.

Anda dapat menginstal dan meng-host file Bootstrap di server Anda, tetapi untuk kecepatan maksimum, Anda dapat merujuknya dari CDN. Lihatlah tpl/head.php dan Anda akan melihat contoh seperti:

Templat Dasar

Mulailah dengan site/index.php. Ini adalah file yang mewakili halaman beranda situs. Bergantung pada bagaimana server web Anda diatur, Anda harus dapat mengaksesnya di http://yoursite.example.com/ atau, jika gagal, http://yoursite.example.com/index.php.

Perhatikan bahwa keduanya termasuk tepat di awal file ini: funcs.php dan TPL_DIR.”/home.php”. File funcs.php mendefinisikan konstanta TPL_DIR sebagai path absolut penuh dari direktori tpl di tingkat atas situs.

Lihat di tpl/home.php. Ini adalah kerangka terluar dari dokumen html: hanya menyertakan doctype dan elemen HTML. Di dalam elemen HTML, ia menggunakan dua penyertaan untuk templat yang mewakili kepala dan badan.

Sebaliknya, template untuk bagian burung memuat template tubuh yang berbeda, tpl/birds/body.tpl. Ini berisi tata letak yang berbeda untuk halaman dalam bagian itu, satu dengan bilah sisi.

Parsing Markdown

Dalam file composer.json, perpustakaan pihak ketiga yang disebut erusev/parsedown diperlukan. Ini adalah perpustakaan penguraian penurunan harga. Ini memungkinkan Anda untuk, dengan sangat mudah, mengubah teks penurunan harga menjadi HTML.

Banyak situs statis menghasilkan HTML final dari dokumen yang ditulis dalam bahasa lain, seperti Markdown. Ini menawarkan sintaks yang lebih bagus untuk penulisan, yang lebih mudah dibaca daripada HTML. Situs sampel menyajikan ini sebagai opsi. Lihatlah fungsi show_content() di funcs.php:

function show_content() {
$file = MD_DIR.PAGE.'.md';
if (file_exists($file)) {
$Parsedown = new Parsedown();
echo $Parsedown->text(file_get_contents($file));
} else if (function_exists("content")) {
echo content();
}
}

Jika file penurunan harga yang sesuai dengan halaman yang diminta ada, objek Parsedown mengubah isinya menjadi HTML dan mengeluarkannya. Jika tidak ada file penurunan harga, itu akan mencari fungsi bernama content() sebagai gantinya. Halaman individual dapat mendefinisikan fungsi ini (lihat site/index.php sebagai contoh) jika kontennya perlu melampaui apa yang dapat dicapai Markdown statis.

Memuat Metadata

Lihatlah fungsi get_json di funcs.php:

function get_json($file) {
$data_file = DATA_DIR."/".$file;
if (!file_exists($data_file)) {
return array();
}
if (($json = file_get_contents($data_file)) === false) {
return array();
}
if (($out = json_decode($json, true)) === null) {
return array();
}
return $out;
}

Pada dasarnya, fungsi memanggil dua orang lain untuk mengambil dan mengurai data dari file yang diberikan. Ini mendandaninya dengan banyak pemeriksaan kesalahan untuk mengembalikan array kosong jika ada yang tidak beres. Memanggil json_decode() seperti ini mengembalikan array asosiatif yang membuatnya sangat mudah untuk bekerja dengan data segera. Pendekatan ini sangat nyaman sehingga Anda mungkin lebih suka menggunakan database, terutama untuk tugas-tugas sederhana seperti konfigurasi global.

Situs ini menggunakan dua file metadata: data/titles.json dan data/featured.json. Yang pertama menyimpan judul setiap halaman, berguna untuk penautan otomatis dan dalam kasus lain.

{
"/": "Home",
"/about": "About",
"/birds": "Bird profiles",
…
}

Ini adalah cara praktis untuk menyimpan semua judul halaman di satu tempat (file) yang mudah diperbarui saat Anda membutuhkannya. Judul-judul ini berkontribusi pada navigasi di menu atas, daftar remah roti, dan panel samping.

function page_title($page = PAGE) {
$titles = get_titles();
return array_key_exists($page, $titles) ? $titles[$page] : basename($page);
}

Inilah bagian pertama dari fungsi breadcrumbs() (dari funcs.php) yang membuat larik judul halaman untuk setiap bagian URL. Misalnya, untuk halaman /birds/blue-tit, ia mengambil judul untuk halaman /, lalu judul untuk /birds, dan terakhir judul untuk /birds/blue-tit. Daftar breadcrumb kemudian akan terdiri dari satu tautan untuk setiap halaman dalam hierarki.

function breadcrumbs() {
$items = array();
$titles = get_titles();
$parts = explode("/", PAGE);
$href = "";
foreach ($parts as $part) {
$href .= ($href == "/" ? "" : "/").$part;
$items[$href] = $titles[$href];
}
…
}

Mendapatkan Metadata Lainnya

Jika Anda melihat halaman Tentang, berita tertentu, atau profil burung tertentu, Anda seharusnya dapat melihat pesan Terakhir diperbarui di footer. Footer situs disimpan di tpl/footer.php. Buka file ini dan perhatikan potongan PHP di dalamnya:

if (file_exists($file = MD_DIR.PAGE.'.md')) {
echo 'Last updated: '.date('r', filemtime(MD_DIR.PAGE.'.md'));
}

Ini adalah contoh sederhana mengambil metadata langsung dari file daripada database atau sumber lain. Fungsi filemtime mengembalikan waktu modifikasi terakhir dari sebuah file. Perhatikan bahwa ini adalah metode yang sangat nyaman untuk mendapatkan tanggal konten, tetapi ini bukan tanpa kekurangannya.

Mengekstrak Data Menggunakan Ekspresi Reguler

Seringkali perlu untuk menggunakan kembali konten di seluruh situs, untuk menampilkan ringkasan berita di halaman konten, misalnya. Dengan CMS lengkap, Anda dapat menyimpan data ini sebagai bidang tambahan dalam database. Dengan pendekatan file datar sederhana, Anda perlu berpikir secara berbeda.

Berita di situs ini disimpan sebagai file penurunan harga, sehingga konten mentah tersedia. Ekspresi reguler adalah alat yang berguna dalam kit pengembang, memberi Anda kemampuan untuk mencocokkan dan mengekstrak konten. File news/index.php melakukan hal itu untuk menampilkan kontennya. Ini mengambil konten setiap file di direktori md/news sebagai string. Kemudian menjalankan beberapa ekspresi reguler untuk mengekstrak data.

Judul adalah baris yang dimulai dengan simbol #, menurut sintaks Markdown. Spasi putih opsional kemudian mengikuti, sebelum judul sebenarnya. Ekspresi reguler ^#\s+(.+) cocok dengan pola teks tersebut dan preg_match() mengembalikan semua yang cocok di antara tanda kurung: judul.

if (preg_match("/^#\​s+(.+)/", $contents, $matches)) {
$title = $matches[1];
}

Dua ekspresi reguler lagi mengikuti untuk mengekstrak gambar dan kalimat pertama dari file penurunan harga berita. Ada kelemahan dari pendekatan ini; khususnya, memerlukan disiplin untuk memastikan file penurunan harga selalu diformat persis seperti yang diharapkan kode.

Memilih Konten Acak

Halaman /birds tidak banyak membantu, jadi gambar burung acak menghidupkannya. Ini mudah dicapai dengan sedikit pemeriksaan sistem file dan fungsi yang dibangun ke dalam PHP. Keajaiban terjadi di site/birds/index.php:

function content() {
 $files = scandir(SITE_DIR."/img");
 $files = array_filter($files, function($file) { return $file[0] != '.'; });
 $file = $files[array_rand($files)];
 echo '<h1>Birds</h1>';
 echo '<img src="/img/'.$file.'" />';
}

Triknya adalah mengatur semua gambar untuk fungsi khusus ini ke dalam satu direktori. Fungsi scandir() kemudian membaca file dari direktori ini ke dalam array dan array_rand() memberi kita kunci acak dari array sehingga fungsi dapat memilih file individual.

Membangun Situs Web dan Keterampilan dalam PHP

Saya harap Anda telah belajar setidaknya satu hal baru dari artikel ini. Lebih penting lagi, saya harap ini telah mengilhami Anda untuk mempertimbangkan berbagai pendekatan dan menunjukkan bagaimana Anda dapat menggunakan PHP dalam berbagai cara.

Setelah Anda terbiasa dengan PHP, Anda akan mulai memikirkan solusi alternatif untuk setiap masalah. Ini adalah perkembangan alami dan berarti Anda mulai berpikir pada tingkat yang lebih tinggi, kurang fokus pada bahasa pemrograman itu sendiri dan lebih banyak pada apa yang dapat Anda lakukan dengannya.

Langkah langkah dalam membuat halaman PHP?

Apa itu PHP Niagahoster?

Jelaskan tools apa yg harus dipersiapkan untuk pemrograman web menggunakan PHP?

Apa yang dimaksud dengan bahasa pemrograman PHP dan berikan contohnya?