เอกสารประกอบเพิ่มเติมของกรอบงาน

กรอบแนวคิด การออกแบบ และเอกสารประกอบ

เมนูแบบเลื่อนลงหลายภาษาของ ShipLang

รายชื่อภาษาหลายภาษาจะถูกเก็บไว้ในตัวแปรชื่อ [$qx_lang] ในไดเร็กทอรีหลัก [index.php]

ใน [English|1] |1 หมายถึงการแสดงภาษา และ |0 หมายถึงภาษามีอยู่แต่ไม่ได้แสดง

เมนูแบบดรอปดาวน์หลายภาษาจะโหลดโดยอัตโนมัติ คุณสมบัติการออกแบบโดยละเอียดมีอยู่ในส่วนคำถามทั่วไป

ข้อความแจ้งเตือนเพิ่มเติม

I. มาตรฐานการเขียน JavaScript

ปิดใช้งาน jQuery, ตัวย่อฟังก์ชันลูกศร และฟังก์ชันที่เรียกใช้งานตัวเอง

II. การแปลหลายภาษา

2.3 แท็กการแปลข้อความแบบไดนามิก (ควรใช้ด้วยความระมัดระวัง)

<span id="g">测试</span>
<div style="display:none"><!-- 隐藏翻译字典 -->
  <span data-i18n="哈喽">hello</span>
  <span data-i18n="不错">good</span>
</div>
<script>
  // JS里写中文，系统自动查字典翻译
  alert('哈喽'); // 自动读取翻译为 hello
  document.getElementById('g').textContent = '不错'; // 自动替换成 good
</script>
⚠️ หมายเหตุ:ควรทำเช่นนี้เฉพาะเมื่อจำเป็นต้องแสดงข้อมูลแบบไดนามิกโดยใช้ JavaScript เท่านั้น และใช้ JavaScript ให้น้อยที่สุดเท่าที่จะเป็นไปได้เมื่อไม่จำเป็น

2.4 การเปลี่ยนเส้นทางหน้าเว็บหลายภาษา (ต้องคงภาษาปัจจุบันไว้)

<!-- HTML 跳转，系统自动处理，直接写相对路径即可 -->
<a href="/home" data-i18n="h">首页</a>
<!-- 当前中文页 → /zh/home -->
<!-- 当前英文页 → /en/home -->
// JS 跳转，需手动拼接语言代码
window.location.href = '/' + document.documentElement.lang + '/about';
// 当前中文页 → /zh/about
// 当前英文页 → /en/about

III. การชำระเงินและการเข้าสู่ระบบ

การเข้าสู่ระบบและการชำระเงินเป็นคุณสมบัติเสริม ควรเพิ่มเฉพาะเมื่อผู้ใช้ร้องขออย่างชัดเจนเท่านั้น ผู้ใช้ต้องระบุเงื่อนไขที่จะแสดงการเข้าสู่ระบบและการชำระเงิน และสิ่งที่กระตุ้นให้แสดง หากคำอธิบายไม่สมบูรณ์ ผู้ใช้สามารถเลือกที่จะไม่เพิ่มในขณะนี้ได้

window.Login_ShipLang();   // 拉起登录

window.OpenPay_ShipLang(); // 拉起支付

if (window.IsPay_ShipLang()) {
    // 是会员
} else {
    // 非会员
}

IV. แนวทางการออกแบบเชิงภาพ