Ⅰ、Frontend ​

  1. Add the dependency @oinone/kunlun-data-designer-open-pc in package.json with the same version as @oinone/kunlun-dependencies.
  2. Import the dependency in src/main.ts:
typescript
import 'reflect-metadata';
import { VueOioProvider } from '@oinone/kunlun-dependencies';

// START Import code after importing @oinone/kunlun-dependencies
import '@oinone/kunlun-data-designer-open-pc';
// END Import code before executing VueOioProvider()

VueOioProvider({
    // TODO
});

Ⅱ、Backend ​

（Ⅰ）Add Dependencies to Parent pom ​

xml
<!-- Platform Basics -->
<oinone.version>5.3.5</oinone.version>

<dependencyManagement>
    <dependencies>
        <dependency>
            <groupId>pro.shushi</groupId>
            <artifactId>oinone-bom</artifactId>
            <version>${oinone.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
    </dependencies>
</dependencyManagement>

（Ⅱ）Add Dependencies to pom of Boot Startup Project ​

xml
<dependency>
    <groupId>pro.shushi.pamirs.data.visualization</groupId>
    <artifactId>pamirs-data-visualization-core</artifactId>
</dependency>

（Ⅲ）Add Dependencies to application.yml Configuration ​

yaml
pamirs:
  boot:
    modules:
      - datavi

Note:

The datavi module must use consistent data sources in both business projects and the designer.