Thingsboard二次开发---2. 增加新实体前端开发步骤

前言

Thingsboard的前端是使用angular11开发的，官方代码里面已经抽象了很多通用的功能，只需参照其他实体的前端代码，即可完成相应实体前端的功能。

前端实体操作功能开发步骤

一下文件都是相对于UI-NGX的目录

序号	步骤	文件/说明
1	增加routing module	在目录\src\app\modules\home\pages\下执行ng g module defect --routing
2	增加component	在目录\src\app\modules\home\pages\defect下执行ng g component defect --flat --skip-tests
3	增加tab component	在目录\src\app\modules\home\pages\defect下执行ng g component defect-tabs --flat --skip-tests
4	增加实体类型	src\app\shared\models\entity-type.models.ts
5	增加模型	src\app\shared\models\defect.models
6	增加id模型	src\app\shared\models\id\defect-id
7	增加helplink	src/app/shared/models/entity-type.models.ts
8	增加实体get的方法	entity.service.ts
9	增加http接口	\src\app\core\http\defect.service.ts
10	添加获取实体类型的函数接口，否则添加实体只显示*	src\app\shared\components\entity\entity-subtype-autocomplete.component.ts
11	添加获取实体类型接口，否则选择类型下拉控件无法使用	src\app\shared\components\entity\entity-subtype-select.component.ts
12	修改此文件，entity list可以显示实体	src\app\core\http\entity.service.ts
13	增加实体 autocomplete	src\app\shared\components\entity\entity-autocomplete.component.ts
14	在资源文件中增加国际化翻译	src\assets\locale\locale.constant-zh_CN.json
15	增加左侧菜单链接	src\app\core\services\menu.service.ts

配合上篇文章后端功能，可以通过页面操作相关实体。