当前位置：首页 > news >正文

快速搭建多语言网站的 FastAdmin 实践

news 来源：原创 2025/6/20 20:30:40

快速搭建多语言网站的 FastAdmin 实践

引言

在全球化的背景下，越来越多的网站需要支持多种语言，以便满足不同用户的需求。FastAdmin 是一个基于 ThinkPHP 的快速后台开发框架，提供了丰富的功能和灵活的扩展性，非常适合用于快速搭建多语言网站。本文将介绍如何使用 FastAdmin 构建一个支持多语言的网站，并提供相应的示例代码。

环境准备

在开始之前，请确保您已经安装了以下环境：

PHP 7.2 及以上
Composer
MySQL
Nginx 或 Apache

安装 FastAdmin

首先，您需要通过 Composer 安装 FastAdmin：

composer create-project fastadmin/fastadmin your_project_name

进入项目目录：

cd your_project_name

配置多语言支持

FastAdmin 默认支持多语言，您可以通过以下步骤进行配置：

添加语言包：在 application/lang 目录下，您可以看到默认的语言包。您可以根据需要添加新的语言包，例如 en.php 和 zh.php。

// application/lang/en.php
return [
    'welcome' => 'Welcome to our website',
    'about' => 'About Us',
];

// application/lang/zh.php
return [
    'welcome' => '欢迎来到我们的网站',
    'about' => '关于我们',
];

修改配置文件：在 application/config.php 中，您可以设置默认语言和支持的语言列表。

return [
    'lang' => [
        'default' => 'en',
        'supported' => ['en', 'zh'],
    ],
];

在控制器中使用语言包：您可以在控制器中使用 Lang 类来获取对应语言的文本。

namespace app\index\controller;

use think\Controller;
use think\facade\Lang;

class Index extends Controller
{
    public function index()
    {
        $welcomeMessage = Lang::get('welcome');
        return view('index', ['message' => $welcomeMessage]);
    }
}

前端页面实现

在前端页面中，您可以通过简单的 JavaScript 切换语言。以下是一个简单的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Multi-language Website</title>
</head>
<body>
    <h1 id="welcome-message"><?= $message ?></h1>
    <button onclick="changeLanguage('en')">English</button>
    <button onclick="changeLanguage('zh')">中文</button>

    <script>
        function changeLanguage(lang) {
            fetch(`/index/changeLanguage?lang=${lang}`)
                .then(response => response.json())
                .then(data => {
                    document.getElementById('welcome-message').innerText = data.message;
                });
        }
    </script>
</body>
</html>

实现语言切换功能

在控制器中添加语言切换的逻辑：

public function changeLanguage()
{
    $lang = input('get.lang', 'en');
    Lang::setLang($lang); // 设置当前语言

    $welcomeMessage = Lang::get('welcome');

    return json(['message' => $welcomeMessage]);
}