Tài liệu bổ sung về khung phần mềm
Khung sườn, Ý tưởng thiết kế và Tài liệu
Menu thả xuống đa ngôn ngữ ShipLang
Danh sách các ngôn ngữ đa ngôn ngữ được lưu trữ trong một biến có tên [$qx_lang] trong thư mục gốc [index.php].
Trong [English|1], |1 biểu thị việc hiển thị ngôn ngữ, và |0 biểu thị ngôn ngữ tồn tại nhưng không được hiển thị.
Menu thả xuống đa ngôn ngữ được tải tự động; các tính năng thiết kế chi tiết có sẵn trong phần hướng dẫn chung.
Các gợi ý bổ sung
I. Các tiêu chuẩn viết mã JavaScript
Vô hiệu hóa jQuery, các từ viết tắt hàm mũi tên và các hàm tự thực thi.
II. Dịch thuật đa ngôn ngữ
2.3 Thẻ dịch văn bản động (sử dụng thận trọng)
<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>
2.4 Chuyển hướng trang đa ngôn ngữ (ngôn ngữ hiện tại phải được giữ nguyên)
<!-- 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. Thanh toán và Đăng nhập
Đăng nhập và thanh toán là các tính năng tùy chọn; chúng chỉ nên được tích hợp nếu người dùng yêu cầu rõ ràng. Người dùng cần chỉ định các điều kiện để hiển thị chức năng đăng nhập và thanh toán cũng như các yếu tố kích hoạt chúng. Nếu mô tả chưa đầy đủ, người dùng có thể chọn không thêm chúng vào thời điểm này.
window.Login_ShipLang(); // 拉起登录
window.OpenPay_ShipLang(); // 拉起支付
if (window.IsPay_ShipLang()) {
// 是会员
} else {
// 非会员
}
IV. Hướng dẫn thiết kế hình ảnh
- màu sắc:Văn bản, đường viền, hình nền
#333,边框#ddd,背景#fff - khoảng cách:Sử dụng bội số của 8 (8px, 16px, 24px).
- Phông chữ:Được nhập từ Google Fonts
- Logo: Phông chữ viết tay trang nhã, 22px
- Tiêu đề: Phông chữ Serif (Dễ đọc, Trang trọng)
- Văn bản chính: kiểu chữ serif dễ đọc, cỡ 16px, chiều cao dòng 1.6.
- Điều hướng: 15px
#666
- Góc bo tròn:thống nhất
6px - Về nguyên tắc:Khoảng trắng > trang trí; tắt biểu tượng cảm xúc; sử dụng ít hình ảnh hơn; sử dụng văn bản cho logo, không phải hình ảnh.