亚洲日本不卡不码一区二区,欧美午夜在线,av影响先锋资源网

軟件介紹人氣軟件精品推薦相關(guān)文章網(wǎng)友評論下載地址
小編為您推薦： 布局工具 h5工具

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

軟件功能

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

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

注意事項(xiàng)

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

使用方法

軟件都在html里面

Magical DragH5布局軟件

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

Magical DragH5布局軟件

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

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

Magical DragH5布局軟件

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

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

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

因?yàn)閑lement的布局器是基于magicaldrag基礎(chǔ)上擴(kuò)展新增了js腳本布局器，可以讓你的布局器更加強(qiáng)大

目錄詳情

magicaldrag 布局器最精簡目錄，是純布局器組件的核心庫，也可以獨(dú)立運(yùn)行起來

assets

drag

magicalcoder 為了擴(kuò)展ui沒有的新功能，我們提供了一些樣式來增強(qiáng)我們布局器功能

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ù)擴(kuò)展的，比如自定義組件和屬性各種開關(guān)

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

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

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

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

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

index-code.html 擴(kuò)展的腳本編輯器入口

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

iframe-xxx.html 這個(gè)是被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 示例入口頁

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

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

form 純表單設(shè)計(jì)器

page 擴(kuò)展的element可視化布局器

code 擴(kuò)展的JS腳本編輯器

assets lowcode所依賴的一些資源

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

更多>> 軟件截圖

上一張下一張 (1 / 1)

查看詳細(xì)截圖

推薦應(yīng)用

其他版本下載

精品推薦 可視化編程軟件

更多 (20個(gè)) >> 可視化編程軟件可視化編程軟件可以給程序員帶來那些幫助呢？程序員在編寫代碼的時(shí)候，因?yàn)闊o法查看對應(yīng)代碼的顯示，很容易出現(xiàn)一些奇怪的bug，這時(shí)候用戶就可以使用可視化編程軟件來對代碼的變化進(jìn)行實(shí)時(shí)的反饋，將代碼可視化，讓用戶可以更好的避免代碼編寫時(shí)出現(xiàn)的鬼畜bug相關(guān)推薦：兒童編程軟件、機(jī)器人編程