Asp.Net Core MVC项目实现多语言实例（Globalization/Localization）

在ASP.NET Core MVC项目中，可以使用Globalization/Localization来实现多语言支持。在本攻略中，我们将介绍如何在ASP.NET Core MVC项目中实现多语言支持。

步骤一：创建ASP.NET Core MVC项目

首先，需要创建一个ASP.NET Core MVC项目。可以使用以下命令在命令行中创建一个新的ASP.NET Core MVC项目：

dotnet new mvc -n MyMvcApp

步骤二：添加多语言支持

接下来，需要添加多语言支持。可以使用以下步骤添加多语言支持：

在“Startup.cs”文件中，添加以下代码：

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Localization;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
using System.Globalization;

namespace MyMvcApp
{
    public class Startup
    {
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        }

        public IConfiguration Configuration { get; }

        public void ConfigureServices(IServiceCollection services)
        {
            services.AddControllersWithViews();

            services.AddLocalization(options => options.ResourcesPath = "Resources");
        }

        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            else
            {
                app.UseExceptionHandler("/Home/Error");
                app.UseHsts();
            }

            app.UseHttpsRedirection();
            app.UseStaticFiles();

            var supportedCultures = new[]
            {
                new CultureInfo("en-US"),
                new CultureInfo("zh-CN")
            };

            app.UseRequestLocalization(new RequestLocalizationOptions
            {
                DefaultRequestCulture = new RequestCulture("en-US"),
                SupportedCultures = supportedCultures,
                SupportedUICultures = supportedCultures
            });

            app.UseRouting();

            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllerRoute(
                    name: "default",
                    pattern: "{controller=Home}/{action=Index}/{id?}");
            });
        }
    }
}

在上面的代码中，我们使用 AddLocalization 方法添加多语言支持，并使用 UseRequestLocalization 方法配置多语言选项。

在“Resources”文件夹中，添加一个名为“SharedResources”的资源文件。在资源文件中，添加以下内容：

Hello = Hello

在“Views/Shared”文件夹中，添加一个名为“_Layout.cshtml”的布局文件。在布局文件中，添加以下内容：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewData["Title"] - MyMvcApp</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="#">MyMvcApp</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="/">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/about">About</a>
                </li>
            </ul>
        </div>
    </nav>

    <div class="container">
        <main role="main" class="pb-3">
            @RenderBody()
        </main>
    </div>

    <footer class="border-top footer text-muted">
        <div class="container">
            &copy; 2021 - MyMvcApp
        </div>
    </footer>

    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    @RenderSection("Scripts", required: false)
</body>
</html>

在上面的代码中，我们使用 ViewData["Title"] 显示页面标题，并使用 @Localizer["Hello"] 显示多语言文本。

在“Views/Home”文件夹中，添加一个名为“Index.cshtml”的视图文件。在视图文件中，添加以下内容：

@{
    ViewData["Title"] = "Home Page";
}

<div class="text-center">
    <h1 class="display-4">@Localizer["Hello"]</h1>
</div>

在上面的代码中，我们使用 @Localizer["Hello"] 显示多语言文本。

示例一：测试英文语言

以下是一个示例，演示如何在英文语言下测试多语言支持：

启动应用程序。
在浏览器中，导航到“http://localhost:5000/”。
在页面上，应该看到“Hello”文本。

示例二：测试中文语言

以下是一个示例，演示如何在中文语言下测试多语言支持：

启动应用程序。
在浏览器中，导航到“http://localhost:5000/”。
在页面上，应该看到“你好”文本。

结论

在本攻略中，我们介绍了如何在ASP.NET Core MVC项目中实现多语言支持。我们提供了两个示例，演示了如何在英文和中文语言下测试多语言支持。通过使用多语言支持，我们可以轻松地为应用程序添加多语言支持，并为用户提供更好的体验。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Asp.Net Core MVC项目实现多语言实例（Globalization/Localization） - Python技术站

Asp.Net Core MVC项目实现多语言实例（Globalization/Localization）

步骤一：创建ASP.NET Core MVC项目

步骤二：添加多语言支持

示例一：测试英文语言

示例二：测试中文语言

结论

相关文章