可視化靜態頁面編輯:
可以像ps一樣的實時看到頁面,并運用快捷拖拽等方式輕松的繪制出自己想要的效果,再也無需邊寫css邊寫div然后不停的刷新瀏覽器看效果了
可視化編輯:
用戶可邊改樣式邊看到實際效果,再也不用改一下刷新瀏覽器網頁了。并支持快捷鍵,拖拽,或按鈕點擊等等形式快速的插入代碼,大大提高開發效率。告別手寫代碼的煩惱
自適應
根據尺寸選擇即可切換不同屏幕,并可實時調整不同屏幕下的效果。如移動端垂直排列,pc端水平排列,以及不同的屏幕顯示不同的字體大小或布局大小等等。
多種工具
如要添加背景圖片此軟件只需將圖片拖拽進來即可。獲取效果圖顏色,可直接在此軟件上用吸色器即可,無需打開ps去吸色然后再復制色值等繁瑣操作等等工具。還有批量賦值,批量替換字段,粘貼板,以及粘貼板自動解析復制的對象等等
自定義組件多次復用
如有些效果需要復制過來稍微改改 傳統的方式:進行代碼分離,取出css代碼與div代碼還有js代碼,一個個復制粘貼過來,修改調試才能運用。而此軟件:只需選中用快捷鍵復制,即可復制所有的代碼,可夸項目粘貼到任何頁面中,不僅含有頁面代碼而且還包括里面的js交互代碼也一并粘貼過去。
動態交互數據實時綁定
運用目前最主流的前端框架vue,實時綁定數據以及函數方法,快速插入組件,快速調用接口等等
實時綁定
可在隨意的在div上創建數據,函數方法,元素屬性等等。 可實時綁定數據,函數方法,循環,加載狀態等等。 用戶無需再去找自己的變量在那,方法在那,選中div可看所有的屬性與腳本,大大方便二次修改與維護。
快速插入組件
調用iview框架,快速插入里面的組件,如按鈕,表單,下拉框等等。 無需手動制作輪子。
快速調用接口
在接口配置中配置好接口之后,可以手動選擇接口一鍵插入接口調用代碼,再也無需自己去找接口地址,寫各種請求
模板數據快速替換
軟件里有豐富模板,供用戶選擇使用,根據自己的需求,可一鍵修改,批量替換。 如增刪改查模板,插入模板只有選擇自己的數據庫,軟件自動將里面的所有的代碼,所有接口,以及彈框里的文本框及校驗等字段都會被替換。 傳統的手寫增刪改查,除了了搭建好頁面以外,還需各種接口對接,各種文本框檢驗,交互狀態,以及各項測試,沒半天時間基本很難搞定一個增刪改查。 而此軟件增刪改查所有的功能只需一鍵即可搞定,效率提高無數倍。
接口配置與數據庫配置
數據庫可視化配置以及一鍵生成增刪改查接口,一鍵保存。后端開發如此簡單。
數據庫配置
填入表名稱,字段名稱以及類型備注等等信息,點擊生成代碼,即可自動生成代碼,實時查看生成后的代碼。確認無誤點擊插入文件,即可自動插入到數據配置文件中。
接口配置
運用主流express服務,創建接口。 下載源碼安裝,根據數據庫配置好接口,一鍵插入,啟動服務即可。 服務端普通的增刪改查 只需選擇數據庫便可一鍵生成接口,無需敲任何代碼。 也可隨時修改配置,達到自己想要的效果,改動量不大
一鍵保存
無論是前端代碼還是后端代碼都支持一鍵保存,無需手動復制粘貼。文件也可分開保存,如單獨保存css,或單獨保存html代碼到某個文件中等等
前端開發工具(guiplan)更新日志
1.修復BUG,新版體驗更佳
2.更改了部分頁面
華軍小編推薦:
前端開發工具(guiplan)安裝非常簡單、功能強大,且無安裝垃圾,特地推薦給大家,歡迎大家下載!本站還有快表軟件、河小象編程客戶端、自動化測試工具AutoRunner、Easy GUI、小海龜LOGO語言,供您下載!
您的評論需要經過審核才能顯示
有用
有用
有用