Blazor-AdminLTE 项目教程

Blazor-AdminLTE 项目教程

blazor-adminlteThis project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor / Server / Web Assembly项目地址:https://gitcode.com/gh_mirrors/bl/blazor-adminlte

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

Blazor-AdminLTE 项目的目录结构如下：

blazor-adminlte/
├── BlazorAdminLte/
│   ├── Components/
│   ├── Data/
│   ├── Models/
│   ├── Pages/
│   ├── Shared/
│   ├── wwwroot/
│   ├── _Imports.razor
│   ├── App.razor
│   ├── Program.cs
│   └── Startup.cs
├── BlazorAdminLte.Client/
│   ├── obj/
│   ├── wwwroot/
│   ├── _Imports.razor
│   ├── App.razor
│   ├── Program.cs
│   └── Startup.cs
├── BlazorAdminLte.Server/
│   ├── Controllers/
│   ├── obj/
│   ├── wwwroot/
│   ├── _Imports.razor
│   ├── appsettings.json
│   ├── Program.cs
│   └── Startup.cs
├── BlazorAdminLte.Shared/
│   ├── obj/
│   └── Models/
├── BlazorAdminLte.sln
└── README.md

目录结构介绍

• BlazorAdminLte: 包含主要的 Blazor 组件、页面和共享文件。

  • Components: 存放自定义组件。
  • Data: 存放数据访问和处理逻辑。
  • Models: 存放数据模型。
  • Pages: 存放应用程序的页面。
  • Shared: 存放共享的组件和布局。
  • wwwroot: 存放静态资源文件，如 CSS、JavaScript 和图像。
  • _Imports.razor: 导入常用的命名空间。
  • App.razor: 应用程序的根组件。
  • Program.cs: 应用程序的入口点。
  • Startup.cs: 配置服务和中间件。

• BlazorAdminLte.Client: 客户端项目，包含客户端特定的代码和配置。

• BlazorAdminLte.Server: 服务器项目，包含服务器特定的代码和配置。

• BlazorAdminLte.Shared: 共享项目，包含客户端和服务器共享的代码和模型。

• BlazorAdminLte.sln: 解决方案文件。

• README.md: 项目说明文档。

2. 项目的启动文件介绍

Program.cs

在 BlazorAdminLte.Server 项目中，Program.cs 是应用程序的入口点，负责配置和启动应用程序。

using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Hosting;

namespace BlazorAdminLte.Server
{
    public class Program
    {
        public static void Main(string[] args)
        {
            CreateHostBuilder(args).Build().Run();
        }

        public static IHostBuilder CreateHostBuilder(string[] args) =>
            Host.CreateDefaultBuilder(args)
                .ConfigureWebHostDefaults(webBuilder =>
                {
                    webBuilder.UseStartup();
                });
    }
}

Startup.cs

在 BlazorAdminLte.Server 项目中，Startup.cs 负责配置服务和中间件。

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.HttpsPolicy;
using Microsoft.AspNetCore.ResponseCompression;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
using System.Linq;

namespace BlazorAdminLte.Server
{
    public class Startup
    {
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        }

        public IConfiguration Configuration { get; }

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

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

blazor-adminlteThis project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor / Server / Web Assembly项目地址:https://gitcode.com/gh_mirrors/bl/blazor-adminlte