Apache NiFi Flow Design System 使用教程

Apache NiFi Flow Design System 使用教程

nifi-fdsMirror of Apache NiFi Flow Design System项目地址:https://gitcode.com/gh_mirrors/ni/nifi-fds

项目介绍

Apache NiFi Flow Design System（FDS）是一个为开放源代码友好的Web应用程序提供一致的UI/UX组件的平台。它是Apache NiFi的一个子项目，旨在为NiFi、NiFi Registry、NiFi MiNiFi等提供一致的用户体验。FDS是一个可重用的平台，通过npm公共注册表与NiFi Registry UI/UX集成，未来可能包括支持社区识别的额外UI/UX概念的能力。

项目快速启动

对于不希望构建FDS NgModule的开发者，可以使用npm安装分发文件：

npm install @nifi-fds/core --save

在Angular项目中使用FDS组件，可以按照以下步骤进行：

// 引入Angular核心模块
import { NgModule } from '@angular/core';
// 引入FDS核心模块
import { FdsCoreModule } from '@nifi-fds/core';

@NgModule({
  imports: [
    FdsCoreModule
  ]
})
export class AppModule { }

应用案例和最佳实践

FDS的主要用途之一是为代码审查者提供一种验证代码更改和@nifi-fds/core版本发布的方法。此外，它还提供了一个工作示例，展示了Angular应用程序应如何利用@nifi-fds/core。通过运行本地演示应用程序或访问在线演示，用户可以与设计系统进行交互。

典型生态项目

FDS是Apache NiFi生态系统的一部分，与NiFi Registry紧密集成。NiFi Registry是一个用于存储和检索NiFi流程的工具，而FDS为其提供了UI/UX组件。此外，FDS还可以用于其他开放源代码Web应用程序，以提供一致的用户体验。

通过这些模块，开发者可以快速了解和使用Apache NiFi Flow Design System，从而在项目中实现一致且高效的UI/UX设计。

nifi-fdsMirror of Apache NiFi Flow Design System项目地址:https://gitcode.com/gh_mirrors/ni/nifi-fds