EOVA使用元對象快速構建form

    項目中時常須要作一些頁面來實現數據錄入,自定義頁面交互邏輯,根據頁面複雜度通常都須要很多時間來調整界面樣式、基礎校驗(某些字段必填非空,密碼重複對比),對不一樣得參數設置不一樣得錄入方式(上傳圖片、文件,選擇下拉或查找),就算是很是熟練得前端開發,也須要半天左右得時間來處理,若是加上後端數據保存更新,每每都是一天左右。可是基於EOVA,幾句代碼就能夠快速實現這些相似需求。javascript

    步驟一:將須要輸入得字段生成表格或者視圖,導入做爲元對象,修改元字段,設置不一樣控件,表達式,是否必填和數據校驗
    步驟二:新建頁面繼承form模板,添加form組件,填入上一步得元對象編碼到objectCode
    步驟三:新建頁面路由,打開就路由就能夠看見實際效果
    步驟四:填寫提交事件和對應得後臺邏輯便可完成功能html

優點:快速完成頁面佈局,後續還能夠經過元字段得調整來更新表單結構,節約的時間能夠來作更重要的事,從重複、枯燥得頁面表單解放出來前端

附代碼和實際效果java

<%var body = {%>

<#form id="diy_form" objectCode="test_info_form" />
<button onclick="submit()"></button>
<script>
    var submit = function () {
        var form = $("#diy_form");
        var o = $.getFormParasObj(form);
        console.log(o)
        //todo  post 數據提交

    }

</script>

<%};include("/eova/layout/form.html",{'title' : 'Tab', 'layoutContent' : body, 'isEditor' : false}){}%>


 

相關文章
相關標籤/搜索