前言
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 |
配合上篇文章后端功能，可以通过页面操作相关实体。
