BlazorStorage 项目教程

BlazorStorage 项目教程

BlazorStorageA library for Blazor local and session storage support.项目地址:https://gitcode.com/gh_mirrors/bl/BlazorStorage

1. 项目的目录结构及介绍

BlazorStorage 项目的目录结构如下：

BlazorStorage/
├── src/
│   ├── BlazorStorage/
│   │   ├── Properties/
│   │   ├── wwwroot/
│   │   ├── _Imports.razor
│   │   ├── App.razor
│   │   ├── index.html
│   │   ├── Program.cs
│   │   ├── Startup.cs
│   │   └── ...
│   └── ...
├── .gitignore
├── BlazorStorage.sln
├── README.md
└── ...

目录结构介绍

• src/: 包含项目的源代码。
  • BlazorStorage/: 项目的主要源代码目录。
    • Properties/: 包含项目属性文件。
    • wwwroot/: 静态文件目录，如 HTML、CSS、JavaScript 文件。
    • _Imports.razor: 包含常用的命名空间导入。
    • App.razor: 应用程序的根组件。
    • index.html: 应用程序的入口 HTML 文件。
    • Program.cs: 应用程序的入口点。
    • Startup.cs: 配置服务的启动文件。

2. 项目的启动文件介绍

Program.cs

Program.cs 是 Blazor 应用程序的入口点，负责配置和启动应用程序。

using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Microsoft.Extensions.DependencyInjection;
using System;
using System.Net.Http;
using System.Threading.Tasks;

namespace BlazorStorage
{
    public class Program
    {
        public static async Task Main(string[] args)
        {
            var builder = WebAssemblyHostBuilder.CreateDefault(args);
            builder.RootComponents.Add<App>("app");

            builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

            await builder.Build().RunAsync();
        }
    }
}

Startup.cs

Startup.cs 文件负责配置应用程序的服务和中间件。

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;

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

        public IConfiguration Configuration { get; }

        public void ConfigureServices(IServiceCollection services)
        {
            services.AddRazorPages();
            services.AddServerSideBlazor();
        }

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

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

            app.UseRouting();

            app.UseEndpoints(endpoints =>
            {
                endpoints.MapBlazorHub();
                endpoints.MapFallbackToPage("/_Host");
            });
        }
    }
}

3. 项目的配置文件介绍

appsettings.json

appsettings.json 文件包含应用程序的配置设置。

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  },
  "AllowedHosts": "*"
}

_Imports.razor

_Imports.razor 文件包含常用的命名空间导入，以便在整个项目中使用。

@using System.Net.Http
@using Microsoft.AspNetCore.Authorization
@using Microsoft.AspNetCore.Components.Authorization
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.AspNetCore.Components.WebAssembly

BlazorStorageA library for Blazor local and session storage support.项目地址:https://gitcode.com/gh_mirrors/bl/BlazorStorage