@Martin.Zhang 发表于 2022-2-28 09:22:45

【仪表板-插件开发】插件开发TS文件之间如何引用

本帖最后由 James.Lv 于 2023-1-5 18:12 编辑

在开发插件中,有过后端开发经验的朋友,总喜欢按照业务分类,将不同业务分类实现,通过业务接口的实现来提升插件的可扩展性。否则,就会发现,我们当时学的封装继承,多态都怎么在插件开发中就一无用处呢。其实作为一款由微软开发的TypeScript语言,类这个优秀的概念怎么可能被舍弃。在创建好可视化插件项目后,从我们的src文件夹中只会看到自带了一个visual.ts文件。业务过多如何实现?今天提供的比较简单初级的一种方式:在之前引用中遇到一些坑,也希望给大家避坑。① 创建一个接口类 IShape.ts;中间方法部分,可以自行定义需要实现的。export interface IShape {
      buildChart(th);
}② 创建实现类 Bubble.ts;import shape = require("./IShape");

export class Bubble implements shape.IShape {
       public buildChart(th) {
            console.log(th)
       }
}
③ 在visual.ts 中引用首先在内容头部引入import bubble = require("./Bubble");
在方法体中引用const _bubble = new bubble.Bubble();
            _bubble.buildChart(th);至此,我们就完成了一个分类实现功能的写法了。在开发插件中,虽然我们可以用js的方式来实现,但是如果能用ts框架来实现的话,代码水平会显得更高级,是不是呢?

页: [1]
查看完整版本: 【仪表板-插件开发】插件开发TS文件之间如何引用