拖拽化、低代码、可视化布局学习资料搜集

quark-h5: https://github.com/huangwei9527/quark-h5
技术栈
前端：
vue: 模块化开发少不了angular，react，vue三选一，这里选择了vue。
vuex: 状态管理
sass: css预编译器。
element-ui：不造轮子，有现成的优秀的vue组件库当然要用起来。没有的自己再封装一些就可以了。
loadsh：工具类
服务端：
koa：后端语言采用nodejs，koa文档和学习资料也比较多，express原班人马打造，这个正合适。
mongodb：一个基于分布式文件存储的数据库，比较灵活。visual-drag-demo: https://github.com/woai3c/visual-drag-demo
编辑器
自定义组件
拖拽
删除组件、调整图层层级
放大缩小
撤消、重做
组件属性设置
吸附
预览、保存代码
绑定事件
绑定动画（支持动画时长，是否循环等配置）
导入 PSD
手机模式
拖拽旋转
复制粘贴剪切
数据交互
发布
多个组件的组合和拆分
文本组件
矩形组件
锁定组件
快捷键
网格线
编辑器快照的另一种实现方式
可视化拖拽组件库一些技术要点原理分析: https://github.com/woai3c/Front-end-articles/issues/19

data-view-web: https://github.com/ggymm/data-view-web

v6.dooring可视化大屏: https://github.com/MrXujiang/v6.dooring.public

基于 Vite2.x + Vue3.x + TypeScript H5 低代码平台: https://github.com/buqiyuan/vite-vue3-lowcode
技术栈
编程语言：TypeScript 4.x + JavaScript
构建工具：Vite 2.x
前端框架：Vue 3.x
路由工具：Vue Router 4.x
状态管理：Vuex 4.x
PC 端 UI 框架：Element Plus
H5 端 UI 框架：vant
CSS 预编译：Stylus / Sass / Less
HTTP 工具：Axios
Git Hook 工具：husky + lint-staged
代码规范：EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide
提交规范：Commitizen + Commitlint
单元测试：vue-test-utils + jest + vue-jest + ts-jest
自动部署：GitHub Actions

dragUI: https://github.com/wozhishilaonanhai/dragUI . 对应的dcloud介绍https://ext.dcloud.net.cn/plugin?id=1035#%E5%9C%A8%E7%BA%BF%E6%BC%94%E7%A4%BA.

https://ovine.igroupes.com
链接: https://github.com/wangyuan389/mall-cook. 魔方功能挺酷炫
链接: https://vcc3.sahadev.tech/.最左侧为框架分类，中间是组件，第三列为组件流，跟第二列联动，

这款国外开源框架, 让你轻松构建自己的页面编辑器 GrapesJS，

h5-Dooring | H5编辑器, 积木式搭建H5页面v6.dooring | 可视化大屏搭建解决方案craft | 基于React的拖拽页面生成器dooringx-lib | 快速高效搭建可视化拖拽平台

基于vue可视化拖拽编辑，页面生成工具。提升前端开发效率，可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。AS-EDITOR: http://was666.gitee.io/as-editor/#/home 文章模块、单元格
关注公众号模块，发散一下，打开小程序模块

拖拽化、低代码、可视化布局学习资料搜集相关推荐

低代码可视化报表开源工具，只要在线拖拽就能做出复杂数据报表
平时苦于做报表的小伙伴们,今天TJ君给你们带来一个开源低代码可视化报表项目,JimuReport,来解决你们的报表难题! JimuReport,作为一个报表项目,它拥有类似excel的操作风格,简简单 ...
DIY官网可视化工具打造低代码可视化一键生成导出源码工具
DIY官网可视化工具打造低代码可视化一键生成导出源码工具设计一次打通设计师+产品经理+技术开发团队必备低代码可视化工具从想法到原型到源码,一步到位低代码生成源码工具立即定制DIY官网可视化工具 ...
低代码可视化平台为智慧矿山系统开发提速
什么是智慧矿山? 智慧矿山,是指基于现代煤矿智能化理念,将物联网.云计算.大数据.人工智能.自动控制.工业互联网.机器人化装备等与现代矿山开发技术深度融合,形成矿山全面感知.实时互联.分析决策.自主学 ...
张铁柱-前端实现《低代码可视化编辑器》(一)思路整理 React-dnd+Ts
张铁柱-前端实现<低代码可视化编辑器>(一)思路整理 React-dnd+Ts 先上效果: 拖拽生成页面+调整顺序最近,接到任务做一个低代码编辑器,于是着手整理一下思路,调研一下实现方式 ...
低代码可视化报表-积木报表，JimuReport v1.5.2版本发布
项目介绍一款免费的低代码可视化报表,像搭建积木一样在线拖拽设计!低代码开发必备,功能涵盖,数据报表.打印设计.图表报表.大屏设计等! 秉承"简单.易用.专业"的产品理念,极大的降 ...
sparrow-js·场景化低代码搭建-了解一下
介绍 sparrow-js 是场景化低代码(LowCode)搭建工作台,通过操作场景化编辑器生成源代码,侧重于支持日常业务需求开发的效率提示,核心目标仅有一条"提生研发效率",目前 ...
php 元素拖拉,Draggable Elements 元素拖拽功能实现代码_javascript技巧
当然我们可以研究js库的源码, 也可以自己去发明轮子试试看, 其过程还是挺有趣的...下面我就来实现下页面元素的拖拽功能现在就开始着手实现, 让我们从最顶层的方法讲起, 它用于初始化一个drag o ...
php实现拖拽排序,H5实现拖拽排序的代码
本篇文章给大家带来的内容是关于H5实现拖拽排序的代码 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.需求豆果食谱系统,sku列表实现拖拽排序,如图: 二.HTML5拖放API ...
低代码可视化开发理念在物联网APP开发中的应用
目录引言 1 相关背景技术 1.1 低代码开发平台发展趋势 1.2 低代码开发平台的研究 2 云编排式APP开发平台 2.1 传统Native Code物联APP开发方式面临的问题 2.2 云编排式 ...
【3数据可视化】基于vue的动态数据低代码可视化实现
目录 1.数据科学的产业升级 2.数据可视化的痛点 2.1 数据分析师 2.2 想提升的非技术人员 3.数据可视如何简单化 3.1 数据部分 3.1.1 代码需求 3.1.2 无代码需求 3.2 图表 ...

拖拽化、低代码、可视化布局学习资料搜集

拖拽化、低代码、可视化布局学习资料搜集相关推荐

最新文章

热门文章