之前就分享過一些低代碼的文章，不過起手式都是生成源碼。怎么說呢，低代碼和生成源碼是不分家的，很多程序員一提到低代碼的感覺都不是很好。其實(shí)所謂低代碼就是更高級(jí)的封裝，我認(rèn)為這個(gè)沒有脫離程序員的范疇，程序員有必要學(xué)習(xí)一些低代碼平臺(tái)，擁抱改變，接觸流行的技術(shù)觀念。

iVX 簡(jiǎn)介

iVX是由廣州市云動(dòng)力開發(fā)的一套面向擴(kuò)展設(shè)計(jì)的企業(yè)級(jí)低代碼技術(shù)體系。歷時(shí)18年深耕，確實(shí)非常厲害。

iVX主要具有如下特性：

1. 簡(jiǎn)單易用，很容易上手。進(jìn)入主頁后，無需注冊(cè)，直接進(jìn)行開發(fā)。無需企業(yè)申請(qǐng)，沒有繁瑣的過程。

2. 開發(fā)頁面可視化，左側(cè)控件面板，集合了80多個(gè)控件，點(diǎn)擊即可直接使用。

3. 完備的文檔、教程、Demo，可以使你在使用iVX的過程中，沒有任何的心理負(fù)擔(dān)，跟著教程走，很快就學(xué)會(huì)。

4. 能生成基于Vue的前端代碼，支持前端源碼導(dǎo)出，支持手動(dòng)對(duì)源碼進(jìn)行修改。

5. 支持一鍵部署，可以將開發(fā)好的程序直接部署到服務(wù)器上，簡(jiǎn)單省事。

下面是iVX使用過程中的一張效果圖，功能是很強(qiáng)大的！

使用iVX低代碼平臺(tái)進(jìn)行開發(fā)

首先我們打開iVX CN的主頁，點(diǎn)擊開始開發(fā)。

進(jìn)入iVX IDE界面之后，在左上角，通過相應(yīng)的學(xué)習(xí)教程我們可以學(xué)習(xí)如何開發(fā)iVX。

實(shí)戰(zhàn)開發(fā)

在右側(cè)的組件列表中，我們可以點(diǎn)擊相應(yīng)的組件，此時(shí)鼠標(biāo)形狀發(fā)生改變，可以直接在編輯區(qū)中畫出組件的大小。

然后點(diǎn)擊控件，在左側(cè)的屬性窗口進(jìn)行設(shè)置；

可以點(diǎn)擊控件左側(cè)的編輯按鈕對(duì)控件進(jìn)行詳細(xì)設(shè)置，比如說按鈕外觀和提示文本等；

接下來再拖拽一個(gè)表格組件到編輯器中去；

對(duì)象數(shù)組，我們的數(shù)據(jù)主要從對(duì)象數(shù)組中獲取，點(diǎn)擊編輯數(shù)據(jù)，彈出對(duì)象數(shù)組編輯窗口。

點(diǎn)擊下方的 號(hào)增加一行，點(diǎn)擊右側(cè)表頭的 號(hào)設(shè)置列的內(nèi)容類型。

最主要的表格容器的屬性設(shè)置，數(shù)據(jù)來源于對(duì)象數(shù)組。絕對(duì)路徑的xy坐標(biāo)設(shè)置好，還有表頭、寬度、高度什么的設(shè)置好，然后把數(shù)據(jù)來源設(shè)置為對(duì)象數(shù)組即可。

這個(gè)要點(diǎn)擊搜索對(duì)象，選擇對(duì)象數(shù)組。

選擇 值

還有文本控件。這里非常關(guān)鍵，你要將Text文本添加到表格容器中，并將其內(nèi)容設(shè)置為當(dāng)前格數(shù)據(jù)，不然，即使你設(shè)置好如上操作，仍然不會(huì)顯示表格內(nèi)容。我在這兒卡了很久。

完成之后的效果。

當(dāng)然這只是個(gè)測(cè)試，在項(xiàng)目開發(fā)完成后，我們可以導(dǎo)出源碼，也可以直接一鍵部署。

總結(jié)

iVX的功能確實(shí)很強(qiáng)大。所有的控件我們都可以直接在頁面上畫出來，或者通過綁定的方式，令控件在組件之間相互協(xié)調(diào)搭配。最后生成的源碼個(gè)人比較滿意。這是生成的html頁面的源碼，如果要更改代碼在導(dǎo)出前端源碼那里可以更改。