動態高可配置表單設計

Labradors 發布于2019-08-16 12:30 / 3436人閱讀

摘要：表單配置校驗配置屬性流配置生成表單交互技術棧特性支持自定義屬性支持基于的值校驗支持父子屬性支持屬性流程設置支持多值數據庫設計關鍵數據結構屬性對象中文名英文名短名是否復合對象數據類型描述排序是否有效校驗規則是否支持流屬性是否為流屬性是否支持

demo:

表單配置

校驗配置

屬性流flow配置

生成表單交互 .gif

技術棧:

vue+elementui+springboot+mybatis+mysql

特性:

支持自定義屬性

支持基于async-validator的值校驗

支持父子屬性

支持屬性流程設置

支持多值

數據庫設計:

關鍵數據結構:

屬性對象

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

    private List childrenAtrr;
    private List attrFlowList;
    /**
     * 枚舉類型數據
     */
    private List enumOptions;
    // get set
}

屬性流對象

public class RdEntityAttrFlowInfoVO {

    private String id;

    private String attrId;
    /**
     * 觸發類型
     */
    private Integer triggerType;
   /**
     * 監聽值
     */
    private String checkKey;
    /**
     * 流屬性ids
     */
    private Set nextAttrIds;
    /**
     * 流屬性對象集合
     */
    private List nextAttrInfo;
    
    //get set
}

期望:

校驗支持flow屬性

自動填表表單項聯動監聽

減少遞歸函數

性能優化,懶加載可行性

移動端支持

值得探討的問題:

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

flowAttr為什么要通過json string 類型存儲?
前期的設想是想按照id->value的方式存儲,但這樣很難找到原有的對應關系,因為數據庫讀取是批量的,數據結構的構建都是在內存完成的

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

云服務器 GPU云服務器表單設計 java的表單設計 asp查詢表單設計高可

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/71191.html

動態高可配置表單設計

摘要：表單配置校驗配置屬性流配置生成表單交互技術棧特性支持自定義屬性支持基于的值校驗支持父子屬性支持屬性流程設置支持多值數據庫設計關鍵數據結構屬性對象中文名英文名短名是否復合對象數據類型描述排序是否有效校驗規則是否支持流屬性是否為流屬性是否支持 demo: 表單配置showImg(https://segmentfault.com/img/bVbci1F?w=1730&h=406);校驗配置s...

stackvoid 2019-08-22 18:04 評論0 收藏0
@blankapp/ui，高可定制和主題化的 React Native 組件庫

摘要：簡介高可定制和主題化組件庫瀏覽上的文檔，或者在我們的中試用。特性輕依賴，非常少的依賴全局主題化，多種樣式選擇器的實現豐富的基礎組件友好的設計如果服務不顯示，點擊這里查看。從今年3月開始，經過一段時間的思考，我拋棄了我之前一直掛在口上的全棧的自稱，希望可以將我的 100% 的精力都集中在一個方向的技術棧上，從而開始了我的 React Native 路。在項目初期，我像拼積木一樣不斷的...

Mike617 2019-08-20 18:58 評論0 收藏0
如何構建高可讀性和高可重用的 TensorFlow 模型

摘要：最值得注意的一點是，整個圖都是在一個函數中定義和構造的，那么這即不可讀也不可重復使用。在 TensorFlow 中定義你的模型，可能會導致一個巨大的代碼量。那么，如何去組織代碼，使得它是一個高可讀性和高可重用的呢？如果你剛剛開始學習代碼架構，那么這里有一個例子，不妨學習一下。定義計算圖當你設計一個模型的時候，從類出發是一個非常好的開始。那么如何來設計一個類的接口呢？通常，我們會為模型設計一...

wemall 2019-04-25 18:22 評論0 收藏0
使用 "5W1H" 寫出高可讀的 Git Commit Message

摘要：共字，讀完需分鐘。下面提出一種可以幫你寫出高可讀的實踐方法，這個方法并非原創，最早的實踐來自于這篇文章。本文作者王仕軍，商業轉載請聯系作者獲得授權，非商業轉載請注明出處。 showImg(https://segmentfault.com/img/remote/1460000009341335?w=1240&h=403); 共 1926 字，讀完需 4 分鐘。所有工程師都知道，代碼是編寫...

DevYK 2019-06-28 10:20 評論0 收藏0