前端可视化拖拽平台

简介

技术栈采用dva+hooks+umi+antd-mobile+sortable.js+react-color.基于sortable.js的前端可视化搭建的拖拽平台，ui组件采用antd-mobile.通过umi脚手架构建.

运行平台

安装相关依赖 npm i
运行后台代码
yarn start

效果展示

页面拖拽
组件广场
代码预览
组织广场

功能

登陆
注册
页面（组件）编辑
- 复制组件
- 删除组件
- 组件组合，生成组件模版
- 修改属性
代码预览
组件广场
- 分为个人组件，组织组件，以及公共组件，根据不同的权限展示不同的组件
- 预览组件
- 编辑组件
组织管理
- 申请组织
- 管理申请列表，同意或拒绝

github:https://github.com/daisybaicai/react-drag

前端可视化搭建的拖拽平台相关推荐

【GitHubDailyShare】开源的可视化平台搭建方案，让你可以快速定制一个可视化拖拽平台
开源的可视化平台搭建方案:dooringx,通过提供一套数据流事件机制.弹窗等解决方案,让你可以快速定制一个可视化拖拽平台. GitHub:github.com/H5-Dooring/dooringx ...
053可视化编程节点拖拽交互处理方案一：Dom节点插入
053可视化编程节点拖拽交互处理方案一:Dom节点插入拖拽启动时handlerDragstart记录DragDom dragDom = document.getElementById(treeTyp ...
python可视化拖拽平台_PythonEditor可视化拼插编辑器：编程不用写代码，拖拖拽拽就可以!...
<新一代人工智能发展规划>明确指出人工智能成为国际竞争的新焦点. 应逐步全民智能教育项目, 在中小学阶段设置人工智能相关课程, 逐步推广编程教育, 鼓励社会力量参与寓教于乐的编程教学软件. ...
拖拽平台-h5拖拽设计渲染原理
参考平台: (开源版本的拖拽生成H5平台,类似易企秀.人人秀.夸克h5的可视化搭建系统) 具体技术介绍和内容: 基于Vue2.0开发,通过拖拽的形式,生成页面的工具,类似易企秀.百度 H5 等工具的可 ...
html网页盒子整体放大,网页前端开发制作盒子拖拽、缩放
/p> < 前端部门开发包括哪些问题 * { margin: 0; padding: 0; } body, width: 100%; height: 100%; background: b ...
html拖拽开发,H5Web前端开发_实现拖拽效果
/p> < h5等前端开发人员:页面开发 text-align: center; } .top { text-align: center; } .top img { margin: 30p ...
python可视化拖拽平台_python 有没有类似 VS 那种可以拖拽界面的 IDE？
28 @em70不是,它是崇高的文本.当然,我经常不关闭浏览器.铬的主要原因是经济复苏选项卡越来越垃圾.WebGL不会使用可用性至少一到两年.与此同时,大规模的rpg不能在浏览器中运行.如果你认为网页 ...
python可视化拖拽平台_【技术解码】不用控制器，只拖拽模型面就可以做动画！很好玩的动画工具...
文章转自公众号: cg世界前两天在B站上看到一个有意思的视频,是新一代动画模型绑定控制技术的功能展示,小编看过之后挺好奇,就到网上找了一些相关介绍,想和小伙伴们分享一下. 这款3D动画软件名为Rum ...
python可视化拖拽平台_python GUI库图形界面开发之PyQt5控件数据拖曳Drag与Drop详细使用方法与实例...
PyQt5数据拖曳Drag与Drop介绍为用户提供的拖曳功能很直观,在很对桌面应用程序中,复制或移动对象都可以通过拖曳来完成基于MIME类型的拖曳数据传输是基于QDrag类的,QMimeData对 ...

前端可视化搭建的拖拽平台

前端可视化拖拽平台

简介

运行平台

效果展示

功能

前端可视化搭建的拖拽平台相关推荐

最新文章

热门文章