AntDesign Charts Blazor 项目教程

AntDesign Charts Blazor 项目教程

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

ant-design-charts-blazor/
├── src/
│   ├── AntDesign.Charts/
│   │   ├── Components/
│   │   ├── Models/
│   │   ├── Services/
│   │   ├── Themes/
│   │   ├── Utils/
│   │   ├── AntDesign.Charts.csproj
│   │   ├── Program.cs
│   │   ├── Startup.cs
│   ├── AntDesign.Charts.Demo/
│   │   ├── Pages/
│   │   ├── Shared/
│   │   ├── AntDesign.Charts.Demo.csproj
│   │   ├── Program.cs
│   │   ├── Startup.cs
├── .gitignore
├── .gitattributes
├── LICENSE
├── README.md
├── README-zh_CN.md
├── AntDesign.Charts.sln

目录结构介绍

• src/: 源代码目录。
  • AntDesign.Charts/: 核心库目录，包含组件、模型、服务、主题和工具类。
    • Components/: 存放图表组件。
    • Models/: 存放数据模型。
    • Services/: 存放服务类。
    • Themes/: 存放主题配置。
    • Utils/: 存放工具类。
    • AntDesign.Charts.csproj: 项目文件。
    • Program.cs: 应用程序入口点。
    • Startup.cs: 应用程序启动配置。
  • AntDesign.Charts.Demo/: 示例项目目录，包含页面和共享组件。
    • Pages/: 存放示例页面。
    • Shared/: 存放共享组件。
    • AntDesign.Charts.Demo.csproj: 示例项目文件。
    • Program.cs: 示例应用程序入口点。
    • Startup.cs: 示例应用程序启动配置。
• .gitignore: Git 忽略文件配置。
• .gitattributes: Git 属性配置。
• LICENSE: 项目许可证。
• README.md: 项目英文介绍文档。
• README-zh_CN.md: 项目中文介绍文档。
• AntDesign.Charts.sln: 解决方案文件。

2. 项目的启动文件介绍

Program.cs

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

namespace AntDesign.Charts
{
    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

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

namespace AntDesign.Charts
{
    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");
            });