Element-UI新手快速入门 通过拖拽式可视化开发ElementUi

关于ElementUi的详细文档欢迎大家访问官网,本节为大家介绍一款通过拖拽配置即可辅助我们开发ElementUI

让你的开发之旅变得有趣起来,大大降低element开发门槛,提升开发效率

等不及的可以直接访问 去体验 http://lowcode.magicalcoder.com/element

软件全貌

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第1张图片

提供了丰富的组件直接拖拽到右侧即可 涵盖大部分ElementUi官方提供的组件

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第2张图片Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第3张图片Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第4张图片

关于布局:

支持多段设备即时预览

使用行列布局器 自由拖拽吧

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第5张图片

非常友好的导航树 让你知道当前组件的组成

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第6张图片

如果element的样式还不能满足你的要求,试试样式工具箱吧

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第7张图片Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第8张图片Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第9张图片

 

看一看我们的输出

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第10张图片

模板:

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第11张图片

绑定的数据:

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi_第12张图片

更多功能还是大家自己去体验探索吧

http://lowcode.magicalcoder.com/element

你可能感兴趣的:(js,ElementUi表单设计器,可视化开发ElementUi,ElementUi快速入门)