如何显示 AdminLTE 示例中显示的语言菜单

How to show the language menu shown in the AdminLTE examples

我使用 Laravel 8 构建了一个小型 Web 应用程序,我被要求将 AdminLTE 集成到其中。 我是 AdminLTE 的新手,部分要求是翻译页面内容,但我不知道如何创建这样的菜单。

思路是这样来的:

在这里我想解释一下我是如何到达那里的。我花了几个小时才理解这是如何工作的,所以我认为其他人可以从我的工作中受益。

我假设您已经成功地将 AdminLTE 仪表板集成到您的 Laravel 应用程序中。

关键是使用您喜欢的文本编辑器打开文件 C:\your_web_app_folder\config\adminlte.php

找到“菜单项”部分并在 'menu' => [] 元素内添加以下文本:

[
    'text' => 'Language',
    'topnav_right' => true,
    'icon' => 'flag-icon flag-icon-us',
    'submenu' => [
        [
            'text'=>'English',
            'icon' => 'flag-icon flag-icon-us',
            'url'=> '#'
        ],
        [
            'text'=>'Khmer',
            'icon' => 'flag-icon flag-icon-kh',
            'url'=> '#'
        ]
    ]
],

此类文本可以插入搜索文本框之后或您认为更方便的任何位置。

'text' 设置将显示在 link 上的文本(可选)。

'topnav_right'表示语言菜单将位于导航栏的右侧。

在这种情况下,'icon' 将包含 CSS class,它将显示所需的图标标志。为此,有必要加载位于文件夹 \public\vendor\flag-icon-css\css\flag-icon.css 中的相应 CSS 文件,假设您之前发布过这些 assets 使用文档中指定的 artisan 命令 (https://github.com/jeroennoten/Laravel-AdminLTE/wiki/5.-Artisan-Console-Commands)

像这样操作,您会将所有这些 CSS/JS/images 复制到您的 \public\vendor 文件夹中,以便于参考。

创建您在顶部导航栏中看到的菜单(通知、消息、语言等)无需执行任何其他操作。所有这些都可以用相同的方式构建。