動(dòng)態(tài)高可配置表單設(shè)計(jì)

stackvoid 發(fā)布于2019-08-22 18:04 / 1713人閱讀

摘要：表單配置校驗(yàn)配置屬性流配置生成表單交互技術(shù)棧特性支持自定義屬性支持基于的值校驗(yàn)支持父子屬性支持屬性流程設(shè)置支持多值數(shù)據(jù)庫設(shè)計(jì)關(guān)鍵數(shù)據(jù)結(jié)構(gòu)屬性對(duì)象中文名英文名短名是否復(fù)合對(duì)象數(shù)據(jù)類型描述排序是否有效校驗(yàn)規(guī)則是否支持流屬性是否為流屬性是否支持

demo:

表單配置

校驗(yàn)配置

屬性流flow配置

生成表單交互 .gif

技術(shù)棧:

vue+elementui+springboot+mybatis+mysql

特性:

支持自定義屬性

支持基于async-validator的值校驗(yàn)

支持父子屬性

支持屬性流程設(shè)置

支持多值

數(shù)據(jù)庫設(shè)計(jì):

關(guān)鍵數(shù)據(jù)結(jié)構(gòu):

屬性對(duì)象

public class EntityAttrInfoVO {
    private String id;
    private String parentId;
    /**
     * 中文名
     */
    private String cname;
    /**
     * 英文名
     */
    private String ename;
    /**
     * 短名
     */
    private String shortName;
    /**
     * 是否復(fù)合對(duì)象
     */
    private Boolean compounded;
    /**
     * 數(shù)據(jù)類型
     */
    private Integer dataType;
    /**
     * 描述
     */
    private String comment;
    /**
     * 排序
     */
    private int sort;
    /**
     * 是否有效
     */
    private Boolean valid;
    /**
     * 校驗(yàn)規(guī)則
     */
    private String rule;
    /**
     * 是否支持流屬性
     */
    private Boolean flow;
    /**
     * 是否為流屬性
     */
    private Boolean forFlow;
    /**
     * 是否支持多個(gè)
     */
    private Boolean multi;
    /**
     * 顯示定位code
     */
    private String pointCode;

    private List childrenAtrr;
    private List attrFlowList;
    /**
     * 枚舉類型數(shù)據(jù)
     */
    private List enumOptions;
    // get set
}

屬性流對(duì)象

public class RdEntityAttrFlowInfoVO {

    private String id;

    private String attrId;
    /**
     * 觸發(fā)類型
     */
    private Integer triggerType;
   /**
     * 監(jiān)聽值
     */
    private String checkKey;
    /**
     * 流屬性ids
     */
    private Set nextAttrIds;
    /**
     * 流屬性對(duì)象集合
     */
    private List nextAttrInfo;
    
    //get set
}

期望:

校驗(yàn)支持flow屬性

自動(dòng)填表表單項(xiàng)聯(lián)動(dòng)監(jiān)聽

減少遞歸函數(shù)

性能優(yōu)化,懶加載可行性

移動(dòng)端支持

值得探討的問題:

為什么子屬性(childrenAttr)不和流程屬性(flowAttr)合并?
理論上childrenAttr屬于元屬性,作為主體的基本屬性必須存在,即便值為空,而flowAttr是動(dòng)態(tài)的,不一定會(huì)存在

flowAttr為什么要通過json string 類型存儲(chǔ)?
前期的設(shè)想是想按照id->value的方式存儲(chǔ),但這樣很難找到原有的對(duì)應(yīng)關(guān)系,因?yàn)閿?shù)據(jù)庫讀取是批量的,數(shù)據(jù)結(jié)構(gòu)的構(gòu)建都是在內(nèi)存完成的

是否支持組件化?
目前該模塊在公司項(xiàng)目中尚未抽離出來,但這并不復(fù)雜.前端計(jì)劃脫離elementui減少依賴,組件化和一些功能優(yōu)化會(huì)在后期逐步完成