vue可视化拖拽生成工具_一款可拖拽的WEB表单设计布局器-(echarts-vue-jquery-可视化图表)...

背景

现在越来越多的业务要求运营可以自由定制化页面，此过程最大的好处就是前端研发不用介入就能完成页面的定制化，大大提升了产品的灵活性，减轻前端工程师的工作量

还有一些场景：用户可以自由定制图表工具，通过配置数据源，x y轴即可达到图表定制化的目的

软件

今天给大家推荐一款前端可视化的布局器

一睹软件外观在线地址magicalcoder.com用电脑访问

外观

此布局器的最大特点如下

1 支持多种ui(vue jquery react...) element layui antdesign bootstrap miniui vant

2 支持echarts可视化图表

3 布局器的使用就不细说了拖拽式开发

4 可视化编写脚本js(vue的ui新特性)

5 支持自由拖拽定位+拖拽插入混合模式

6 可嵌入 jquery vue react angular框架的ui

7 快捷键操作

8 自定义皮肤和换肤

9 对齐线辅助线网格

10 导航树

11 右键菜单

12 支持样式脚本 HTML同时编写

13 拖拽改变宽高旋转

14 自定义组件和属性只要配置json便可完成

15 支持二次定制化开发支持嵌入到您的web系统种支持扩展基于jquery 或者vue的各种前端开源ui

16 成果物，就是当前ui的代码，自适应移动端,直接面向业务，减轻前端工程师的介入和工作量

17 视频教程+开发文档齐全

... bootstrap 等等都支持

此类布局器大家最关注的莫过于：

如何自定义组件和属性：MagicalCoder布局器相当简单，大家只要按照文档来配置json即可达到自定义组件和属性

简单看下部分功能吧：

根面板选择是否开启自由定位

网格对齐线修改大小

右键功能自定义

双击修改文本

左侧丰富的控件滚动进度条

各种统计图表

自由定位+拖拽插入混合模式

事件编辑器+可视化写点js

在线帮助文档

其他快捷键说明

ctrl+方向键微调自由面板的控件位置或普通模板移动节点顺序

ctrl+c复制

ctrl+x剪切

ctrl+v粘贴

ctrl+z撤销修改

ctrl+y重做

ctrl+d向下复制

ctrl+i增加条目

alt+h缩放

delete删除

方向键切换聚焦元素

单击聚焦

双击可以直接改文本

ctrl +点击：修改大小旋转

vue可视化拖拽生成工具_一款可拖拽的WEB表单设计布局器-(echarts-vue-jquery-可视化图表)...相关推荐

web表单设计:点石成金_如何设计安全的Web表单：验证，清理和控制
web表单设计:点石成金 While cybersecurity is often thought of in terms of databases and architecture, much of ...
web表单设计:点石成金_设计复杂的用户表单：12个UX最佳实践
web表单设计:点石成金 It's been a few years that I've been taking interest in designing complex user forms, w ...
python网页提交表单_用Python的urllib库提交WEB表单
class EntryDemo( Frame ): """Demonstrate Entrys and Event binding""" c ...
表单设计工具和报表工具
收集了一些资料: 1 .IBM发布开源HTML 5可视化设计工具Maqetta 4月12日,来自 IBM Impact 2011 的消息,IBM发布 Maqetta,一个创建桌面和移动用户界面的HT ...
好用的可视化报表在线生成工具
在数据分析师的日常工作中,经常会需要需要做定期的报告,例如每周.每月的市场营销报告.财务绩效报告.行业数据报告等等,这些报表以Word或PPT形式呈现给领导,其中涉及的信息量非常大,涉及很多横向.纵向 ...
html自动生成工具_关于STM32代码自动生成的工具的进度....
前情提要:STM32代码自动生成工具_本想...但是...可是...所以首先说一下那几天大家的反应,有的持观望态度,毕竟STM32CUBE很香:有的很激动,期待我快点出东西:还有的很淡定,知道我在挖 ...
java接口文档生成工具_接口文档生成
一.为什么要写接口文档? 1.正规的团队合作或者是项目对接,接口文档是非常重要的,一般接口文档都是通过开发人员写的.一个工整的文档显得是非重要. 2.项目开发过程中前后端工程师有一个统一的文件进行沟通 ...
java接口文档生成工具_【分享】接口文档生成工具apipost
一.为什么要写接口文档? 正规的团队合作或者是项目对接,接口文档是非常重要的,一般接口文档都是通过开发人员写的.一个工整的文档显得是非重要. 项目开发过程中前后端工程师有一个统一的文件进行沟通交流开发 ...
vue开源Element UI表单设计及代码生成器
1 可视化设计器设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 Element 的 vue 项目中. github仓库 https:// ...

vue可视化拖拽生成工具_一款可拖拽的WEB表单设计布局器-(echarts-vue-jquery-可视化图表)...

vue可视化拖拽生成工具_一款可拖拽的WEB表单设计布局器-(echarts-vue-jquery-可视化图表)...相关推荐

最新文章

热门文章