當前位置:
首頁 > 知識 > 搭搭雲開發攻略——自定義功能在線開發,解鎖程序員新技能?

搭搭雲開發攻略——自定義功能在線開發,解鎖程序員新技能?

大家已經知道,在搭搭雲超級應用開發平台上,零代碼就能完成OA、HR、CRM、進銷存、財務、ERP等企業管理系統中絕大部分功能了,並且還有兩種界面風格、四種菜單樣式可供用戶選擇。但是,當通過零代碼配置的方式仍然無法滿足客戶的個性化需求時,腫么辦呢?

使用「自定義功能在線開發」功能,程序員小哥通過自己編寫代碼,可以:任意編寫自己需要的靜態頁面編寫出自定義的動態頁面,將系統中已有的各種表單、報表、工作流里指定數據集合在這個動態頁面進行展示或交互,從而實現更多、更靈活的功能。應用場景:在門店管理系統中,開發一個給門店人員使用的「門店下單」頁面。

搭搭雲開發攻略——自定義功能在線開發,解鎖程序員新技能?

配置方法-圖1步驟2:1)在中,對新增的「功能名稱」進行重命名,命名規則以『user_』開頭,且只支持英文字母。如圖所示:

配置方法-圖22)對進行代碼開發,第一步先引入「jquery.js,bootstrap.js」。如圖所示:頁面>

配置方法-圖33)在部分寫入「div標籤」,是為了實現下單頁面中表格展示。在中加入「table標籤」(需要注意的是只能在「body標籤」內編寫代碼)。如圖所示:標籤>頁面>

配置方法-圖44)在寫入樣式代碼。如圖所示:部分>

配置方法-圖55)配置「JavaScript功能」,在編寫「自動填寫功能」(當輸入手機號碼,自動填寫其他欄位的數據)。如圖所示:部分>

配置方法-圖6步驟3:1)編寫完代碼後,點擊「RUN」按鈕調試查看頁面效果。如圖所示:

配置方法-圖72)在中設置的「自定義編碼頁面」和的「user_goumai」,點擊「更新」按鈕。如圖所示:

配置方法-圖8效果展示

預覽效果擴展功能搭搭雲超級應用開發平台未來還能支持集報表、表單數據為一體的自定義頁面功能。接下來,我們再介紹一下自定義頁面更強大的操作功能:傳參功能。配置與開發方法:步驟1:1)在中,開發者可以設置要傳到其他頁面的「參數名稱」,「參數類型」,「是否可空」。如圖所示:

擴展功能配置方法-圖12)在跳轉和配置菜單或者啟動項時,需要在中填寫要傳的「參數名稱」、「參數值」、「類型」和「是否可空」。如圖所示:

擴展功能配置方法-圖23)頁面跳轉時傳參數需要用到runReferTo方法。例如:runReferTo("user_demo1","跳轉",)。如圖所示:

擴展功能配置方法-圖34)獲取參數方法:「window.pageArgs」。如圖所示:

擴展功能配置方法-圖45)引用外部資源文件。如圖所示:引入js:addReSourceJs(url)引入css:addReSourceCss(url)

擴展功能配置方法-圖56)使用SDK開發,部分代碼示例如下。如圖所示:

擴展功能配置方法-圖6SDK的作用能讓開發者簡單快速地編寫頁面,它能直接調用系統的表單與報表的模板和數據,並顯示到頁面上,具體的操作攻略請查看搭搭雲官網(www.dadayun.cn)->開發者->SDK教程。代碼示例效果圖所示:

擴展功能預覽效果解鎖搭搭雲「自定義功能在線開發」的開發技巧,程序員小哥在搭搭雲超級應用開發平台上,通過自己編寫代碼,可以:任意編寫自己需要的靜態頁面編寫出自定義的動態頁面,將系統中已有的各種表單、報表、工作流里指定數據集合在這個動態頁面進行展示或交互,從而實現更多、更靈活的功能。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 橙品牌屋 的精彩文章:

酉陽的手機一族,你已被人盯上!這樣做化解危機
UI設計中如何把漸變色用好絕對是一門絕活

TAG:橙品牌屋 |