如何在 ASP.NET Core 2.2 中创建切换语言的链接？

Question

一个网站支持多种语言。支持多语言（包括路由）的代码已经到位并可以工作。

本地化设置使用RouteDataRequestCultureProvider作为explaned https://joonasw.net/view/aspnet-core-localization-deep-dive。

app.UseRouter(routes =>
{
    routes.MapMiddlewareRoute("{culture=en-US}/{*mvcRoute}", subApp =>
    {
        subApp.UseRequestLocalization(localizationOptions);

        subApp.UseMvc(mvcRoutes =>
        {
             // Routes are here
        }   
    });
});

如何创建一个通用标签，以不同的语言显示当前页面？

理想情况下，我只需指定此链接应指向哪种语言，并应保留所有其他路由参数（如当前控制器、当前操作、当前路由模型），以便我可以在_Layout.cshtml?

Answer 1

我设法使用语言下拉列表的部分视图来做到这一点。

• RequestLocalizationOptions首先通过注入部分视图来获取支持的文化列表

• 将路由数据值和查询字符串参数收集到字典中，因此如果您有如下所示的链接，它将捕获所有参数。

  /en-US/Products/?page=5&keyword=bla-bla-bla

• 在支持的区域性中循环以创建链接并{culture}用循环中的适当值替换路由值。唯一需要考虑的是{culture}在全局路由中定义。

这是我的_Languages.cshtml部分观点：

@using Microsoft.AspNetCore.Builder
@using Microsoft.Extensions.Options

@inject IOptions<RequestLocalizationOptions> LocOps

@{
    var requestCulture = CultureInfo.CurrentCulture;

    var supportedCultures = LocOps.Value.SupportedUICultures

        .Select(c => new SelectListItem
        {
            Value = $"{c.Name}",
            Text = $"{c.DisplayName}"
        }).ToList();

    var routeData = new Dictionary<string, string>();

    foreach (var r in ViewContext.RouteData.Values)
    {
        routeData.Add(r.Key, r.Value.ToString());
    }

    foreach(var qs in Context.Request.Query)
    {
        routeData.Add(qs.Key, qs.Value);
    }
}

<div class="dropdown">
    <a class="btn-sm btn-default border border-secondary dropdown-toggle" href="#" role="button" id="dropdownLang" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        @($"{requestCulture.DisplayName}")
    </a>

    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownLang">
        @foreach (var culture in supportedCultures)
        {
            if (culture.Value.ToLower() != requestCulture.Name.ToLower())
            {
                // replace {culture} value with the one from the list
                routeData["culture"] = culture.Value;

                <a class="dropdown-item small"
                   asp-all-route-data="@routeData">
                    @culture.Text
                </a>
            }
        }
    </div>
</div>

顺便说一句，我正在使用 bootstrap 4。

更新

我创建了一个 nuget 包，它用一行代码创建了一个语言导航菜单:)

• 安装nuget包

PM > Install-Package LazZiya.RazorLibrary -Version 1.0.1

• 创建一个语言导航下拉列表：

<partial name="/Areas/LazZiya/Pages/_LanguageMenu.cshtml" />

与.NetCote 2.1或更高版本以及bootstrap 4兼容

• 注意：路由键名称必须是culture

更新 2（2019 年 4 月 14 日）

我创建了一个标签助手，它支持当前 dotnet 核心框架的所有版本，以根据支持的文化或手动选择的文化列表创建语言导航。

安装 nuget 包（它还包含另一个有用的标签助手）：

Install-Package LazZiya.TagHelpers -Version 2.0.0

将标签助手添加到 _ViewImports.cshtml

@addTagHelper *, LazZiya.TagHelpers

创建语言导航：

<language-nav view-context="ViewContext"></language-nav>

有关更多详细信息，请访问项目网站，查看现场演示