视频地址:https://edu.csdn.net/course/play/10747/442705
xxxxxxxxxx
代码在nginx/html目录下,
xxxxxxxxxx
magicalcoder 布局器最精简目录,是纯布局器组件的核心库,也可以独立运行起来
assets
drag
ui
magicalcoder 为了扩展ui没有的新功能,我们提供了一些样式来增强我们布局器功能
js
user 您需要特别关注此目录
api.js 布局器的api
callback.js 与布局器交互的回调
my-callback.js 重写callback.js 便于无缝升级
key.js
application-env.js 各种全局的环境变量 配置开关
api-demo.js 演示示例可不要
xxx
constant.js 布局器主要通过此json数据扩展的,比如自定义组件和属性 各种开关 注意大部分开关继承application-env.js 您也可以在constant.js里单独配置控制某一种ui
iframe-ui.js 被iframe-xxx.html引入,用来处理每种ui的个性化逻辑 比较初始化js等
index-xxx.html 是入口页 包含以下多个可用于不同业务场景的文件
index-layui.html layui布局器的启动入口页(基于jquery) 不能使用脚本布局器
index-element.html element布局器的启动入口页(基于vue) 不能使用脚本布局器
index-page.html 扩展的element布局器入口 可以使用脚本布局器
index-code.html 扩展的脚本编辑器入口
index-form.html 扩展的建表单设计器
iframe-xxx.html 这个是被index-xxx.html嵌入的 根据您的需要自行查看代码 布局器采用iframe嵌入方式,所以需要您以http方式来访问入口页
iframe-{ui}-{version}.html 嵌入index-{ui}.html
start.html 示例入口页