Site icon บริษัท โค๊ดบี จำกัด

วิธีทำเว็บ 2 ภาษา หรือมากกว่า พร้อมตัวอย่าง

<h2>วิธีทำเว็บ 2 ภาษา หรือมากกว่า Multi-language Website<&sol;h2>&NewLine;<blockquote><p>&NewLine;ตัวอย่างการทำงานเว็บหลายภาษา<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;examples&sol;exam2&sol;" target&equals;"&lowbar;blank">ดูตัวอย่าง<&sol;a>&NewLine;<&sol;p><&sol;blockquote>&NewLine;<blockquote><p>&NewLine;ดาวน์โหลด Example Codeigniter project<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;examples&sol;ci-multi-language-by-codebee&period;zip" target&equals;"&lowbar;blank">ดาวน์โหลด<&sol;a>&NewLine;<&sol;p><&sol;blockquote>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>บทความนี้จะมาอธิบายและแสดงการทำเว็บมากกว่า 1 ภาษา ซึ่งแน่นอนว่าถ้าเว็บเรา<br &sol;>&NewLine;สามารถแสดงเนื้อหาภายในเว็บได้หลายภาษา ก็จะเป็นผลดีต่อผู้ใช้งานเว็บ ที่จะมีมากขึ้น<&sol;p>&NewLine;<p>โดยในบทความนี้จะทดสอบการทำเว็บหลายภาษาโดยใช้ codeigniter framework<&sol;p>&NewLine;<p><strong>ติดตั้ง codeigniter framework<&sol;strong><br &sol;>&NewLine;สำหรับวิธีการติดตั้ง ci ท่านสามารถอ่านได้จากบทความนี้ <a href&equals;"http&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;php-codeigniter-เน้นใช้งาน-การติดตั้ง&sol;" target&equals;"&lowbar;blank">การติดตั้ง codeigniter<&sol;a><&sol;p>&NewLine;<p><strong>ตั้งค่าการใช้งานเบื้องต้น<&sol;strong><br &sol;>&NewLine;หลังจากที่เราติดตั้ง ci เสร็จแล้วให้ตั้งค่าต่าง ๆ ตามนี้ครับ<br &sol;>&NewLine;1&period; สร้าง assets โฟลเด้อสำหรับเก็บไฟล์ img&comma; css&comma; js&comma; font&comma; etc ตัวอย่างโครงสร้าง<br &sol;>&NewLine; <img src&equals;"http&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2016&sol;06&sol;ทำเว็บ-2-ภาษา-1&period;png" alt&equals;"ทำเว็บ 2 ภาษา" &sol;><br &sol;>&NewLine; หรือดาวน์โหลด assets&period;zip ได้ที่ <a href&equals;"http&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;examples&sol;assets&period;zip" target&equals;"&lowbar;blank">ดาวน์โหลดที่นี่<&sol;a><&sol;p>&NewLine;<p>2&period; เปิดไฟล์ application&sol;config&sol;autoload&period;php เพิ่มฟังก์ชั่นการใช้งานในส่วนของ url ดังนี้<&sol;p>&NewLine;<pre class&equals;"lang&colon;php decode&colon;true " title&equals;"application&sol;config&sol;autoload&period;php"> &NewLine;&dollar;autoload&lbrack;'helper'&rsqb; &equals; array&lpar;'url'&rpar;&semi;<&sol;pre>&NewLine;<p>3&period; <strong>สร้างไฟล์ข้อมูลเก็บภาษา<&sol;strong><br &sol;>&NewLine; ในการสร้างไฟล์ข้อมูลเก็บภาษาแต่ละภาษานั้น สำหรับ ci มีกฏเกณฑ์ อยู่ดังนี้ครับ<br &sol;>&NewLine; &&num;8211&semi; ให้สร้างโฟลเด้อใน application&sol;language&sol;english ตามชื่อภาษานั้น<br &sol;>&NewLine; &&num;8211&semi; ชื่อไฟล์ในโฟลเด้อจะต้องลงท้ายด้วย &lowbar;lang&period;php เช่น application&sol;language&sol;english&sol;english&lowbar;lang&period;php<&sol;p>&NewLine;<p><strong>ตัวอย่างโครงสร้างการสร้างโฟลเด้อและตั้งชื่อไฟล์<&sol;strong><br &sol;>&NewLine;<img src&equals;"http&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2016&sol;06&sol;ทำเว็บ-2-ภาษา-4&period;png" alt&equals;"ทำเว็บ 2 ภาษา" &sol;><&sol;p>&NewLine;<p>3&period;1 สร้างตัวแปรเก็บข้อมูลแสดงผลแต่ละภาษา แต่ละไฟล์ก็จะได้ข้อมูลออกมาประมาณนี้<&sol;p>&NewLine;<p>application&sol;language&sol;english&sol;english&lowbar;lang&period;php<&sol;p>&NewLine;<pre class&equals;"lang&colon;php decode&colon;true " title&equals;"english&lowbar;lang&period;php">&lt&semi;&quest;php &NewLine;&sol;&sol; english&lowbar;lang&period;php &NewLine;&dollar;lang&lbrack;'content'&rsqb; &equals; 'Website Multi-language'&semi; &NewLine;&quest;&gt&semi;<&sol;pre>&NewLine;<p>application&sol;language&sol;english&sol;thailand&lowbar;lang&period;php<&sol;p>&NewLine;<pre class&equals;"lang&colon;php decode&colon;true " title&equals;"thailand&lowbar;lang&period;php">&lt&semi;&quest;php &NewLine;&sol;&sol; english&lowbar;lang&period;php &NewLine;&dollar;lang&lbrack;'content'&rsqb; &equals; 'เว็บไซต์หลายภาษา'&semi; &NewLine;&quest;&gt&semi;<&sol;pre>&NewLine;<p>application&sol;language&sol;english&sol;japanese&lowbar;lang&period;php<&sol;p>&NewLine;<pre class&equals;"lang&colon;php decode&colon;true " title&equals;"japanese&lowbar;lang&period;php">&lt&semi;&quest;php &NewLine;&sol;&sol; english&lowbar;lang&period;php &NewLine;&dollar;lang&lbrack;'content'&rsqb; &equals; 'ウェブサイトの多言語'&semi; &NewLine;&quest;&gt&semi;<&sol;pre>&NewLine;<p>application&sol;language&sol;english&sol;chinese&lowbar;lang&period;php<&sol;p>&NewLine;<pre class&equals;"lang&colon;php decode&colon;true " title&equals;"chinese&lowbar;lang&period;php">&lt&semi;&quest;php &NewLine;&sol;&sol; english&lowbar;lang&period;php &NewLine;&dollar;lang&lbrack;'content'&rsqb; &equals; '网站多语言'&semi; &NewLine;&quest;&gt&semi;<&sol;pre>&NewLine;<p>4&period; สร้าง controller ชื่อว่า Home&period;php ไว้ที่ application&sol;controllers&sol;home&period;php<br &sol;>&NewLine; วิธีโหลดใช้งานแต่ละภาษาจะใช้คำสั่งดังนี้ครับ<&sol;p>&NewLine;<p> <strong>&dollar;this->lang->load&lpar;&&num;8220&semi;ชื่อไฟล์&&num;8221&semi;&comma;&&num;8221&semi;ชื่อโฟลเด้อเก็บไฟล์&&num;8221&semi;&rpar;&semi;<&sol;strong><&sol;p>&NewLine;<p> 4&period;1 ชื่อไฟล์คือไฟล์ที่ลงท้ายด้วย &lowbar;lang&period;php แต่ไม่ต้องใส่ &lowbar;lang&period;php เข้ามาด้วย<br &sol;>&NewLine; 4&period;2 พารามิเตอร์ตัวที่สองคือชื่อโฟลเด้อที่เก็บไฟล์<&sol;p>&NewLine;<p>เพราะฉะนั้นเราจะได้โค๊ดใน Home&period;php ประมาณนี้<&sol;p>&NewLine;<pre class&equals;"lang&colon;php decode&colon;true " title&equals;"Home&period;php" > &NewLine;<&quest;php &NewLine;defined&lpar;'BASEPATH'&rpar; OR exit&lpar;'No direct script access allowed'&rpar;&semi; &NewLine; &NewLine;class Home extends CI&lowbar;Controller &lbrace; &NewLine;&Tab;public function index&lpar;&rpar; &NewLine;&Tab;&lbrace; &NewLine;&Tab;&Tab;&dollar;this->lang->load&lpar;"english"&comma;"english"&rpar;&semi; &sol;&sol; โหลดภาษาอังกฤษมาแสดง &NewLine;&Tab;&Tab;&dollar;this->load->view&lpar;'home&lowbar;view'&rpar;&semi; &NewLine;&Tab;&rcub; &NewLine;&rcub; &NewLine; &NewLine;<&sol;pre>&NewLine;<p>5&period; สร้าง view ชื่อว่า home&lowbar;view&period;php ไว้ที่ application&sol;views&sol;home&lowbar;view&period;php <&sol;p>&NewLine;<p> ในส่วนของ view เวลาเรียกแสดงผลจะใช้คำสั่ง &dollar;this->lang->line&lpar;&&num;8220&semi;ชื่อตัวแปร&&num;8221&semi;&rpar;&semi;<&sol;p>&NewLine;<p> ก็จะได้โค๊ด html ออกมาในลักษณะนี้<&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " title&equals;"home&lowbar;view&period;php"> &NewLine;<&excl;DOCTYPE html> &NewLine;<html lang&equals;"en"> &NewLine;<head> &NewLine;&Tab;<meta http-equiv&equals;"Content-Type" content&equals;"text&sol;html&semi; charset&equals;UTF-8" &sol;> &NewLine;<&sol;head> &NewLine;<body> &NewLine; <h1><&quest;&equals;&dollar;this->lang->line&lpar;"content"&rpar;&semi; &quest;><&sol;h1> &NewLine;<&sol;body> &NewLine;<&sol;html> &NewLine;<&sol;pre>&NewLine;<blockquote><p>&NewLine;ตัวอย่างการทำงานเว็บหลายภาษา<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;examples&sol;exam2&sol;" target&equals;"&lowbar;blank">ดูตัวอย่าง<&sol;a>&NewLine;<&sol;p><&sol;blockquote>&NewLine;<blockquote><p>&NewLine;ดาวน์โหลด Example Codeigniter project<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;examples&sol;ci-multi-language-by-codebee&period;zip" target&equals;"&lowbar;blank">ดาวน์โหลด<&sol;a>&NewLine;<&sol;p><&sol;blockquote>&NewLine;

Exit mobile version