素材和版本

tb-release:3.2.2

目标

为了快速地熟悉代码,决定增加一个模块,并且扩展其功能字段(对于页面只简单实现控件,后期章节再继续补充封装组件方法)。

效果图:

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

【编辑页面】

增加字段

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

改动代码(前端部分)

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)
Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

注意事项:project.model.ts
里面的entity对应后端的Entity模型,所以要大小写要保持一致,否则会出现保存不了数据的情况。

改动代码(后端部分)

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

data/src/main/java/org/thingsboard/server/common/data/Project.java

 

src/main/java/org/thingsboard/server/dao/model/ModelConstants.java

src/main/java/org/thingsboard/server/dao/model/sql/ProjectEntity.java

代码自动生成工具

为了加速代码的编写速度,这里引入了一个代码生成工具gen:

先按需求在数据库对应表里面补充完整所有字段,记得comment要带上,否则注释没信息。

Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

最重要的是,可以自己按需调整,部分不符合的我也做了部分的代码调整:

  1. 字段column全部大写字母
  2. 字段column全部小写字母
  3. 表Table全部大写字母
  4. 修复了pgsql无法获取字段长度的问题

TODO:

  1. 前端校验尚未处理;

  2. 前端控件尚未进行组件化,暂时都是文本输入;
  3. 业务模板的父子表尚未进行处理,暂时都是主表形式;
  4. 前端新增编辑页面都是一栏,分两栏需要自行调整代码;
Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)

本文章来源于互联网,如有侵权,请联系删除!原文地址:Thingsboard二开系列拷贝篇-04快速增加一个模块(增加字段)