Magical DragH5布局軟件下載 最新更新|軟件分類|軟件專題|手機版|論壇轉(zhuǎn)貼|軟件發(fā)布

您當(dāng)前所在位置：首頁 → 編程開發(fā) → 編程輔助 → 可視化H5布局器(Magical Drag) v2.2.2 離線版

可視化H5布局器(Magical Drag)

v2.2.2 離線版

可視化H5布局器(Magical Drag)
  • 軟件大�。�9.4M
  • 軟件語言：中文
  • 軟件類型：國產(chǎn)軟件 / 編程輔助
  • 軟件授權(quán)：免費軟件
  • 更新時間：2022-01-18 11:00
  • 軟件等級：4星
  • 應(yīng)用平臺：WinXP, Win7, Win8, Win10
  • 軟件官網(wǎng)：

ITMOP本地下載文件大小：9.4M

點贊好評0%（0） 差評差評0%（0）

軟件介紹人氣軟件精品推薦相關(guān)文章網(wǎng)友評論下載地址

小編為您推薦：布局工具h5工具

可視化H5布局器(Magical Drag)是一款可以實現(xiàn)自由H5頁面自由布局的軟件，用戶們可以按照自己的需求來對后臺管理系統(tǒng)的界面布局進(jìn)行操作，只需要在左側(cè)的工具欄中將需要的模塊拖動到頁面中就能快速的展示布局效果。

軟件功能

Magical Drag是基于h5實現(xiàn)的自由布局器，拖拖拽拽就能滿足您的設(shè)想，即時預(yù)覽布局;如果再結(jié)合我們的代碼生成器，更能讓你在自動生成基本的管理后臺功能后，再次隨心所欲的修改界面布局。更多功能體驗...

適合人群：程序員、產(chǎn)品經(jīng)理

注意事項

整個路徑不要包含中文否則無法啟動

使用方法

軟件都在html里面

Magical DragH5布局軟件

您可以使用idea直接打開start.html 總之必須采用localhost方式打開

Magical DragH5布局軟件

windows用戶直接雙擊啟動.bat 即可 打開瀏覽器訪問 https://localhost:12345/magicaldrag/start.html   請盡量使用chrome訪問 獲取最優(yōu)體驗

手動啟動：雙擊ngxin.exe 打開瀏覽器訪問 https://localhost:12345/magicaldrag/start.html

Magical DragH5布局軟件

 

目錄結(jié)構(gòu)說明

代碼在nginx/html目錄下，如果您僅僅使用layui,那么您只需要關(guān)注目錄下的magicaldrag目錄即可

如果您使用element那么您需要同時關(guān)注lowcode 和 assets目錄

因為element的布局器是基于magicaldrag基礎(chǔ)上擴展新增了js腳本布局器，可以讓你的布局器更加強大

目錄詳情

magicaldrag 布局器最精簡目錄，是純布局器組件的核心庫，也可以獨立運行起來

assets

drag

ui

magicalcoder 為了擴展ui沒有的新功能，我們提供了一些樣式來增強我們布局器功能

js

user 您需要特別關(guān)注此目錄

api.js 布局器的api

callback.js 與布局器交互的回調(diào)

key.js

application-env.js 環(huán)境變量

api-demo.js 演示示例

xxx

constant.js  布局器主要通過此json數(shù)據(jù)擴展的，比如自定義組件和屬性 各種開關(guān)

iframe-ui.js 被iframe-xxx.html引入，用來處理每種ui的個性化邏輯 比較初始化js等

index-xxx.html 是入口頁 包含以下多個可用于不同業(yè)務(wù)場景的文件

index-layui.html layui布局器的啟動入口頁(基于jQuery)  不能使用腳本布局器

index-element.html element布局器的啟動入口頁(基于vue) 不能使用腳本布局器

index-page.html 擴展的element布局器入口 可以使用腳本布局器

index-code.html 擴展的腳本編輯器入口

index-form.html 擴展的建表單設(shè)計器

iframe-xxx.html 這個是被index-xxx.html嵌入的 根據(jù)您的需要自行查看代碼 布局器采用iframe嵌入方式，所以需要您以http方式來訪問入口頁

iframe-element-2.10.1.html      嵌入index-element.html

iframe-layui-2.5.4.html         嵌入index-layui.html

iframe-page-element-2.10.1.html 嵌入index-page.html

iframe-page-layui-2.5.4.html    嵌入index-code.html

start.html 示例入口頁

-- 以下目錄的代碼完全開源 便于您自行擴展和修改--

lowcode 擴展的新模塊，包含了element的可視化腳本編輯器 純表單設(shè)計器

form 純表單設(shè)計器

page 擴展的element可視化布局器

code 擴展的JS腳本編輯器

assets lowcode所依賴的一些資源

其中附帶使用文檔需要安裝Typora查看

更多>>軟件截圖

推薦軟件

    其他版本下載

      精品推薦可視化編程軟件

      可視化編程軟件
      更多 (20個) >>可視化編程軟件可視化編程軟件可以給程序員帶來那些幫助呢？程序員在編寫代碼的時候，因為無法查看對應(yīng)代碼的顯示，很容易出現(xiàn)一些奇怪的bug，這時候用戶就可以使用可視化編程軟件來對代碼的變化進(jìn)行實時的反饋，將代碼可視化，讓用

      相關(guān)文章

        下載地址

        • 可視化H5布局器(Magical Drag) v2.2.2 離線版

        查看所有評論>>網(wǎng)友評論

        發(fā)表評論

        (您的評論需要經(jīng)過審核才能顯示) 網(wǎng)友粉絲QQ群號:203046401

        查看所有0條評論>>

        更多>>猜你喜歡