成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

動態(tài)高可配置表單設(shè)計

Labradors / 3445人閱讀

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

demo:

表單配置

校驗配置

屬性流flow配置

生成表單交互 .gif

技術(shù)棧:

vue+elementui+springboot+mybatis+mysql

特性:

支持自定義屬性

支持基于async-validator的值校驗

支持父子屬性

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

支持多值

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

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

屬性對象

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

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

屬性流對象

public class RdEntityAttrFlowInfoVO {

    private String id;

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

校驗支持flow屬性

自動填表 表單項聯(lián)動監(jiān)聽

減少遞歸函數(shù)

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

移動端支持

值得探討的問題:

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

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/71191.html

相關(guān)文章

  • 動態(tài)高可配置表單設(shè)計

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

    stackvoid 評論0 收藏0

  • @blankapp/ui，高可定制和主題化的 React Native 組件庫

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

    Mike617 評論0 收藏0

  • 如何構(gòu)建高可讀性和高可重用的 TensorFlow 模型

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

    wemall 評論0 收藏0

  • 使用 "5W1H" 寫出高可讀的 Git Commit Message

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

    DevYK 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<