สวัสดีครับ ในบทความนี้ผมจะแจกตัวอย่างการทำเว็บหลายภาษา (PHP Multiple Languages) โดยใช้ session และการสร้าเงื่อนไขเข้ามาเพื่อเรียกใช้ไฟล์แต่ละภาษา ก็ถือว่าเป็นอีกวิธีที่ง่ายๆ นะครับ เพราะเขียนจาก PHP Pure ธรรมดาๆ ไม่ได้ใช้เฟรมเวิร์ค และยังมีอีกหลายวิธีที่จะนำเสนอในบทความต่อๆ ไป *ฝึกไว้ครับเผื่อได้ใช้
ตัวอย่างระบบที่มีการแสดงรายงานเป็นกราฟแท่ง
1.ระบบยืมคืนอุปกรณ์กีฬา คลิก
2.เว็บอีคอมเมิร์ชราคาถูก คลิก
3.ระบบหอพัก คลิก
4.ฐานข้อมูลศิษย์เก่า คลิก
5.ระบบเบิกจ่ายเครื่องเขียนสำนักงาน คลิก
6.ระบบสอบออนไลน์ คลิก
7.ระบบห้องสมุด คลิก
8.ระบบอื่นๆ เพิ่มเติม คลิก
รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940
คลิปแสดงการทำงาน
ไฟล์ Workshop *ตัวอย่างดังกล่าวเป็นการใช้ session และสร้าเงื่อนไขในการเปลี่ยนภาษา
1.index.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<?php //แยก header เพื่อเรียกใช้ไฟล์เดียวไปทุกหน้า include 'header.php'; //condition change language สร้างเงื่อนไขเรียกใช้ภาษาต่างๆ if($_SESSION['lang'] =='th'){ include 'th_index.php'; //ภาษาไทย }else if ($_SESSION['lang'] =='en'){ include 'en_index.php'; //ภาษาอังกฤษ }else if ($_SESSION['lang'] =='ch'){ include 'ch_index.php'; //ภาษาจีน }else if ($_SESSION['lang'] =='laos'){ include 'laos_index.php'; //ภาษาลาว }else{ include 'th_index.php'; //ภาษาไทย } //devbanban.com จัดทำเพื่อเป็นตัวอย่างง่ายๆ ให้ศึกษาและพัฒนาต่อยอดครับ ?> |
2. header.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<?php session_start(); //สร้างเงื่อนไขประกาศตัวแปรรับค่าจากการคลิกเพื่อเปลี่ยนภาษา if(isset($_GET['lang'])){ $_SESSION['lang'] = $_GET['lang']; //ชื่อภาษาตาม method get } //สร้างตัวแปรเซสชั่นเอาไปสร้าเงื่อนไขเรียกใช้ไฟล์ //print_r($_SESSION); ?> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Multiple Lang Demo by devbanban.com Nov. 2023 </title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> </head> <body> |
3. th_index.php (แสดงภาษาไทย)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<nav class="navbar navbar-expand-lg" style="background-color: red;"> <div class="container"> <a class="navbar-brand text-white" href="#">ภาษาไทย</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active text-white" aria-current="page" href="index.php">หน้าหลัก</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=th">ภาษาไทย</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=en">ภาษาอังกฤษ</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=ch">ภาษาจีน</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=laos">ภาษาลาว</a> </li> </ul> </div> </div> </nav> <div class="container mt-5"> <div class="row"> <div class="col-sm-12"> <h1 class="text-center">คุณกำลังทำงานกับภาษาไทย</h1> </div> </div> </div> |
4. en_index.php (แสดงหน้าเว็บภาษาอังกฤษ)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<nav class="navbar navbar-expand-lg" style="background-color: red;"> <div class="container"> <a class="navbar-brand text-white" href="#">En Home</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active text-white" aria-current="page" href="index.php">Home</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=th">Th</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=en">En</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=ch">Ch</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=laos">laos</a> </li> </ul> </div> </div> </nav> <div class="container mt-5"> <div class="row"> <div class="col-sm-12"> <h1 class="text-center"> work on english </h1> </div> </div> </div> |
5. ch_index.php (แสดงหน้าเว็บภาษาจีน)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<nav class="navbar navbar-expand-lg" style="background-color: red;"> <div class="container"> <a class="navbar-brand text-white" href="#">你好</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active text-white" aria-current="page" href="index.php">首頁</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=th">泰語</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=en">英語</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=ch">中國人</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=laos">寮國語</a> </li> </ul> </div> </div> </nav> <div class="container mt-5"> <div class="row"> <div class="col-sm-12"> <h1 class="text-center"> 你好 </h1> </div> </div> </div> |
6. laos_index.php (แสดงหน้าเว็บภาษาลาว)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<nav class="navbar navbar-expand-lg" style="background-color: red;"> <div class="container"> <a class="navbar-brand text-white" href="#">ສະບາຍດີ</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active text-white" aria-current="page" href="index.php">ຫນ້າທໍາອິດ</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=th">ພາສາໄທ</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=en">ພາສາອັງກິດ</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=ch">ພາສາຈີນ</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="index.php?lang=laos">ພາສາລາວ</a> </li> </ul> </div> </div> </nav> <div class="container mt-5"> <div class="row"> <div class="col-sm-12"> <h1 class="text-center"> ສະບາຍດີ </h1> </div> </div> </div> |
7. footer.php
|
1 2 3 4 5 6 7 8 |
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> </body> </html> <!-- คอร์สออนไลน์ : https://devbanban.com/?p=2867 ระบบพร้อมใช้ : https://devbanban.com/?p=4425 --> |
ลองเอาไปประยุกต์ใช้ดูนะครับ และฝากติดตามบทความต่อๆ ไปด้วยครับ
ระบบพร้อมใช้ทั้งหมด คลิก
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/