軟件介紹

Guiplan最新版是一款廣受歡迎的前端開(kāi)發(fā)工具，這款軟件可在隨意的在div上創(chuàng)建數(shù)據(jù)，函數(shù)方法，元素屬性等等。 可實(shí)時(shí)綁定數(shù)據(jù)，函數(shù)方法，循環(huán)，加載狀態(tài)等等。 用戶(hù)無(wú)需再去找自己的變量在那，方法在那，選中div可看所有的屬性與腳本，大大方便二次修改與維護(hù)。

Guiplan軟件特色

可視化靜態(tài)頁(yè)面編輯:

可以像ps一樣的實(shí)時(shí)看到頁(yè)面,并運(yùn)用快捷拖拽等方式輕松的繪制出自己想要的效果,再也無(wú)需邊寫(xiě)css邊寫(xiě)div然后不停的刷新瀏覽器看效果了

可視化編輯:

用戶(hù)可邊改樣式邊看到實(shí)際效果,再也不用改一下刷新瀏覽器網(wǎng)頁(yè)了。并支持快捷鍵,拖拽,或按鈕點(diǎn)擊等等形式快速的插入代碼,大大提高開(kāi)發(fā)效率。告別手寫(xiě)代碼的煩惱

自適應(yīng)

根據(jù)尺寸選擇即可切換不同屏幕,并可實(shí)時(shí)調(diào)整不同屏幕下的效果。如移動(dòng)端垂直排列,pc端水平排列,以及不同的屏幕顯示不同的字體大小或布局大小等等。

多種工具

如要添加背景圖片此軟件只需將圖片拖拽進(jìn)來(lái)即可。獲取效果圖顏色,可直接在此軟件上用吸色器即可,無(wú)需打開(kāi)ps去吸色然后再?gòu)?fù)制色值等繁瑣操作等等工具。還有批量賦值，批量替換字段，粘貼板，以及粘貼板自動(dòng)解析復(fù)制的對(duì)象等等

自定義組件多次復(fù)用

如有些效果需要復(fù)制過(guò)來(lái)稍微改改 傳統(tǒng)的方式：進(jìn)行代碼分離,取出css代碼與div代碼還有js代碼,一個(gè)個(gè)復(fù)制粘貼過(guò)來(lái),修改調(diào)試才能運(yùn)用。而此軟件：只需選中用快捷鍵復(fù)制,即可復(fù)制所有的代碼,可夸項(xiàng)目粘貼到任何頁(yè)面中,不僅含有頁(yè)面代碼而且還包括里面的js交互代碼也一并粘貼過(guò)去。

Guiplan軟件功能

動(dòng)態(tài)交互數(shù)據(jù)實(shí)時(shí)綁定

運(yùn)用目前最主流的前端框架vue,實(shí)時(shí)綁定數(shù)據(jù)以及函數(shù)方法,快速插入組件,快速調(diào)用接口等等

實(shí)時(shí)綁定

可在隨意的在div上創(chuàng)建數(shù)據(jù),函數(shù)方法,元素屬性等等。 可實(shí)時(shí)綁定數(shù)據(jù),函數(shù)方法,循環(huán),加載狀態(tài)等等。 用戶(hù)無(wú)需再去找自己的變量在那,方法在那,選中div可看所有的屬性與腳本,大大方便二次修改與維護(hù)。

快速插入組件

調(diào)用iview框架,快速插入里面的組件,如按鈕,表單,下拉框等等。 無(wú)需手動(dòng)制作輪子。

快速調(diào)用接口

在接口配置中配置好接口之后,可以手動(dòng)選擇接口一鍵插入接口調(diào)用代碼,再也無(wú)需自己去找接口地址,寫(xiě)各種請(qǐng)求

模板數(shù)據(jù)快速替換

軟件里有豐富模板,供用戶(hù)選擇使用,根據(jù)自己的需求,可一鍵修改,批量替換。 如增刪改查模板,插入模板只有選擇自己的數(shù)據(jù)庫(kù),軟件自動(dòng)將里面的所有的代碼,所有接口,以及彈框里的文本框及校驗(yàn)等字段都會(huì)被替換。 傳統(tǒng)的手寫(xiě)增刪改查,除了了搭建好頁(yè)面以外,還需各種接口對(duì)接,各種文本框檢驗(yàn),交互狀態(tài),以及各項(xiàng)測(cè)試,沒(méi)半天時(shí)間基本很難搞定一個(gè)增刪改查。 而此軟件增刪改查所有的功能只需一鍵即可搞定,效率提高無(wú)數(shù)倍。

接口配置與數(shù)據(jù)庫(kù)配置

數(shù)據(jù)庫(kù)可視化配置以及一鍵生成增刪改查接口,一鍵保存。后端開(kāi)發(fā)如此簡(jiǎn)單。

數(shù)據(jù)庫(kù)配置

填入表名稱(chēng),字段名稱(chēng)以及類(lèi)型備注等等信息,點(diǎn)擊生成代碼,即可自動(dòng)生成代碼,實(shí)時(shí)查看生成后的代碼。確認(rèn)無(wú)誤點(diǎn)擊插入文件,即可自動(dòng)插入到數(shù)據(jù)配置文件中。

接口配置

運(yùn)用主流express服務(wù),創(chuàng)建接口。 下載源碼安裝,根據(jù)數(shù)據(jù)庫(kù)配置好接口,一鍵插入,啟動(dòng)服務(wù)即可。 服務(wù)端普通的增刪改查 只需選擇數(shù)據(jù)庫(kù)便可一鍵生成接口,無(wú)需敲任何代碼。 也可隨時(shí)修改配置,達(dá)到自己想要的效果,改動(dòng)量不大

一鍵保存

無(wú)論是前端代碼還是后端代碼都支持一鍵保存,無(wú)需手動(dòng)復(fù)制粘貼。文件也可分開(kāi)保存,如單獨(dú)保存css,或單獨(dú)保存html代碼到某個(gè)文件中等等