H5布局器Magical Drag v2.2.2 绿色离线版

Magical Drag是一款轻巧精巧的数据可视化H5布局器，它可以帮助客户迅速转化成网页页面页面布局，可选用灵便高效率的电脑鼠标拖拽实际操作，适用布局预览，特别适合程序猿应用。

归纳详细介绍

Magical Drag是一款根据H5的网页页面布局转化成电脑软件，你不用过多的明白技术专业的代码编程，应用它就能迅速转化成一个美观大方的H5网页页面，拖拖拽拽就能考虑您的构想，及时预览布局；假如再融合大家的代码生成器，更能使你在自动生成基础的后台管理系统功能后，再度无拘无束的改动页面布局。

功能说明

根据h5完成的随意布局器，拖拖拽拽就能考虑您的构想，及时预览布局；假如再融合大家的代码生成器，更能使你在自动生成基础的后台管理系统功能后，再度无拘无束的改动页面布局。更智能体验...

合适群体：程序猿、产品运营

使用说明书

电脑软件都会html里边

您能够应用idea立即打开start.html 总而言之务必选用localhost方法开启

windows客户立即双击鼠标起动.bat 就可以 浏览器打开浏览 http://localhost:12345/magicaldrag/start.html 请尽可能应用chrome浏览 获得最佳体验

手动式起动：双击鼠标ngxin.exe 浏览器打开浏览 http://localhost:12345/magicaldrag/start.html

常见问题

全部相对路径不必包括汉语不然无法启动

版本更新

callback.js中提升

before_click_left_component_to_center

after_click_left_component_to_center

提升 right_menu配备 能够自定鼠标右键控制面板莱单功能

特性

题目选用友善的tooltips,只需要配备特性的tooltip

提升连接点是不是能够拖动高宽配备

提升别的UI架构 AntDesign,Vant,Miniui,Vuetify

适用好几个key共存校检 降低多种多样自然环境转换的不便

key.js中选用

/*电脑软件运作容许的网站域名对：防破译 实际配备在application-env.js*/

keys:env.keys,

application-env.js中选用

keys:[

{

//容许的网站域名

domain:"",

//派发的数据加密串 请资询www.magicalcoder.com

secret:"",

}

]

提升报表的合拼 分拆 增加队伍 删掉队伍

重新构建一部分文件名称 更为精减

index-xxx.html引进

另外留意新版本此min文档所属文件目录

疑难问题答疑解惑：

问：此为深层次应用布局器，期待一些部件的特性例如下拉列表 可以动态性的依据后台管理回到来设定

答：您需要应用布局器的api callback便可完成，具体方法以下

计划方案一：即时更新启用

在callabck.js的pre_build_attrs(每一次在搭建特性以前)里引入下列逻辑性方式

启用api.getConstant()取得constant.js的案例，随后动态性改动this.rightPanel的某一部件的特性

最终需要启用一下api.refreshRightAttrPane();使之起效

计划方案二：仅在布局器载入后启用一次

在callback.js的after_start(布局器载入结束)

里引入下列逻辑性方式

启用api.getConstant()取得constant.js的案例，随后动态性改动this.rightPanel的某一部件的特性

最终需要启用一下api.refreshWorkspace();使之起效 之上计划方案一样适用自定左边部件源

最终启用一下api.rebuildLeftComponents();更新一次左边源的恶性事件