如何显示 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 文件夹中,以便于参考。
创建您在顶部导航栏中看到的菜单(通知、消息、语言等)无需执行任何其他操作。所有这些都可以用相同的方式构建。
我使用 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 文件夹中,以便于参考。
创建您在顶部导航栏中看到的菜单(通知、消息、语言等)无需执行任何其他操作。所有这些都可以用相同的方式构建。