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