AntDesign Charts Blazor 项目教程

平荔允Imogene

于 2024-08-28 08:37:41 发布

阅读量347

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00879/article/details/141623456

版权

AntDesign Charts Blazor 项目教程

ant-design-charts-blazorA Blazor chart library, based on G2Plot项目地址:https://gitcode.com/gh_mirrors/an/ant-design-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");
            });

ant-design-charts-blazorA Blazor chart library, based on G2Plot项目地址:https://gitcode.com/gh_mirrors/an/ant-design-charts-blazor