MvvmBlazor 项目教程

最新推荐文章于 2024-11-28 03:48:19 发布

原创最新推荐文章于 2024-11-28 03:48:19 发布 · 303 阅读

9 ·

CC 4.0 BY-SA版权

MvvmBlazor 项目教程

MvvmBlazorA lightweight Blazor Mvvm Library项目地址:https://gitcode.com/gh_mirrors/mv/MvvmBlazor

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

MvvmBlazor 项目的目录结构如下：

MvvmBlazor/
├── src/
│   ├── MvvmBlazor.sln
│   ├── MvvmBlazor/
│   │   ├── App.razor
│   │   ├── Program.cs
│   │   ├── _Imports.razor
│   │   ├── Shared/
│   │   ├── Pages/
│   │   ├── Models/
│   │   ├── ViewModels/
│   │   ├── obj/
│   │   ├── bin/
│   │   ├── MvvmBlazor.csproj
│   │   ├── appsettings.json
│   │   ├── appsettings.Development.json
│   │   ├── wwwroot/
│   │   └── Properties/
│   └── MvvmBlazor.Tests/
│       ├── MvvmBlazor.Tests.csproj
│       ├── obj/
│       └── bin/
├── .gitignore
├── LICENSE
├── README.md
└── .editorconfig

目录结构介绍

src/: 包含项目的源代码。
- MvvmBlazor.sln: 解决方案文件。
- MvvmBlazor/: 主项目文件夹。
  - App.razor: Blazor 应用的根组件。
  - Program.cs: 应用程序的入口点。
  - _Imports.razor: 全局导入文件。
  - Shared/: 共享组件和页面。
  - Pages/: 应用程序的页面。
  - Models/: 数据模型。
  - ViewModels/: 视图模型。
  - obj/ 和 bin/: 编译输出目录。
  - MvvmBlazor.csproj: 项目文件。
  - appsettings.json: 应用程序配置文件。
  - appsettings.Development.json: 开发环境配置文件。
  - wwwroot/: 静态文件目录。
  - Properties/: 项目属性文件。
- MvvmBlazor.Tests/: 测试项目文件夹。
.gitignore: Git 忽略文件。
LICENSE: 项目许可证。
README.md: 项目说明文档。
.editorconfig: 编辑器配置文件。

2. 项目的启动文件介绍

项目的启动文件是 Program.cs，它包含了应用程序的入口点。以下是 Program.cs 的示例代码：

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

namespace MvvmBlazor
{
    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();
        }
    }
}

启动文件介绍

Main 方法是应用程序的入口点。
WebAssemblyHostBuilder 用于配置和构建 WebAssembly 主机。
builder.RootComponents.Add<App>("#app") 注册根组件 App.razor。
builder.Services.AddScoped 注册依赖注入服务。
await builder.Build().RunAsync() 构建并运行应用程序。

3. 项目的配置文件介绍

项目的配置文件是 appsettings.json 和 appsettings.Development.json。以下是 appsettings.json 的示例内容：

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