淺談遠(yuǎn)光天鹿如何支持低代碼界面設(shè)計(jì)
近幾年,“低代碼平臺”火出圈,不僅程序員非常關(guān)注,就連需求人員、產(chǎn)品經(jīng)理等業(yè)務(wù)人員也對其期待滿滿。“通過圖形化配置、零/低代碼編寫,可視化地實(shí)現(xiàn)軟件開發(fā)”是低代碼平臺的公認(rèn)優(yōu)勢。對于業(yè)務(wù)人員來說,通過低代碼平臺快速開發(fā)或配置出簡單的應(yīng)用,能有效提升工作效率、促進(jìn)業(yè)務(wù)創(chuàng)新。
遠(yuǎn)光天鹿是一款專注用戶體驗(yàn)設(shè)計(jì)的工具,采用設(shè)計(jì)即開發(fā)的核心理念,幫助企業(yè)快速提升用戶體驗(yàn)設(shè)計(jì)研發(fā)效率和應(yīng)用質(zhì)量。將遠(yuǎn)光天鹿融合應(yīng)用至低代碼平臺,在界面設(shè)計(jì)方面能夠?yàn)橛脩籼峁┯辛χС帧?/span>
那么遠(yuǎn)光天鹿如何提供支持呢?
1、使用真實(shí)組件
遠(yuǎn)光天鹿設(shè)計(jì)器的物料庫引入的是基于開發(fā)框架(如VUE3.0)的真實(shí)組件,組件拖入到畫布后會自動引入組件代碼,調(diào)整組件的樣式和屬性時(shí)也會自動同步更新代碼,這就完成了低代碼的第一步,不需要開發(fā)人員寫代碼去引入組件,而是通過拖拉拽可視化的方式操作實(shí)現(xiàn)。同時(shí),真實(shí)組件在界面預(yù)覽時(shí)也能正常展示和交互,可以更直觀地演示設(shè)計(jì)好的界面效果。
2、支持頁面寬度自適應(yīng)
一個(gè)只能設(shè)計(jì)固定寬度界面的工具,無法適應(yīng)多尺寸顯示設(shè)備的展示要求,設(shè)計(jì)出的界面只能作為原型進(jìn)行展示。遠(yuǎn)光天鹿的畫布支持寬度自適應(yīng),其設(shè)計(jì)的界面可以適配多種尺寸的顯示設(shè)備,這是生成應(yīng)用的前提。
3、組件綁定數(shù)據(jù)模型、行為
遠(yuǎn)光天鹿設(shè)計(jì)器中支持設(shè)計(jì)數(shù)據(jù)模型和引入行為,即在畫布中可為組件綁定數(shù)據(jù)模型和行為,通過這兩個(gè)數(shù)據(jù)實(shí)現(xiàn)組件和后端數(shù)據(jù)、服務(wù)的交互,組件生成的代碼中也會包含這部分配置數(shù)據(jù)。
4、頁面自動生成前端代碼
遠(yuǎn)光天鹿的頁面中已經(jīng)有了組件、組件綁定的數(shù)據(jù)模型和組件綁定行為的代碼,天鹿設(shè)計(jì)器還會自動生成整個(gè)頁面的前端代碼,讓代碼更完整。自動化的生成過程無需要開發(fā)人員的參與,業(yè)務(wù)人員可輕松設(shè)計(jì)和實(shí)現(xiàn)開發(fā)。
5、導(dǎo)出代碼加工
遠(yuǎn)光天鹿設(shè)計(jì)器中生成的代碼可以直接從設(shè)計(jì)器中進(jìn)行復(fù)制,開發(fā)人員可以對所需部分的代碼進(jìn)行精準(zhǔn)復(fù)制。此外,遠(yuǎn)光天鹿也支持將整個(gè)頁面或項(xiàng)目的代碼全部導(dǎo)出,同時(shí)導(dǎo)出的代碼也可以再根據(jù)目錄、路徑適配開發(fā)框架,為開發(fā)人員提供更便捷更高效的使用體驗(yàn)。
以上就是遠(yuǎn)光天鹿在低代碼平臺中發(fā)揮的五大作用,后續(xù)也會逐漸增加更多更便捷的功能,以更好地支持用戶利用低代碼平臺進(jìn)行界面設(shè)計(jì),為用戶帶來全新體驗(yàn)。