{"id":13458448,"url":"https://github.com/woai3c/visual-drag-demo","last_synced_at":"2025-05-11T03:45:33.045Z","repository":{"id":37473681,"uuid":"321979911","full_name":"woai3c/visual-drag-demo","owner":"woai3c","description":"一个低代码（可视化拖拽）教学项目","archived":false,"fork":false,"pushed_at":"2025-03-07T15:42:39.000Z","size":15352,"stargazers_count":5413,"open_issues_count":0,"forks_count":1576,"subscribers_count":66,"default_branch":"main","last_synced_at":"2025-05-11T03:45:29.002Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://woai3c.github.io/visual-drag-demo","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/woai3c.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-16T12:45:56.000Z","updated_at":"2025-05-11T03:02:35.000Z","dependencies_parsed_at":"2024-04-28T03:57:53.844Z","dependency_job_id":"b4a22f61-2c3a-4732-a2f9-44a3d8b33b98","html_url":"https://github.com/woai3c/visual-drag-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woai3c%2Fvisual-drag-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woai3c%2Fvisual-drag-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woai3c%2Fvisual-drag-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woai3c%2Fvisual-drag-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/woai3c","download_url":"https://codeload.github.com/woai3c/visual-drag-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253514555,"owners_count":21920334,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T09:00:52.705Z","updated_at":"2025-05-11T03:45:33.013Z","avatar_url":"https://github.com/woai3c.png","language":"Vue","funding_links":[],"categories":["Vue","前端开发框架及项目","Web Development","目录","实战项目","Uncategorized"],"sub_categories":["其他_文本生成、文本对话","C++/C Toolkit","低代码项目","Uncategorized"],"readme":"一个低代码平台的前端部分，靠拖拉拽生成页面。\n\n## 功能点\n\n这是本项目具有的功能点，如果想了解详情请参考本项目的五篇文档，每个功能点都有不同程度的描述以及动图帮助你理解。\n\n1. 编辑器\n1. 自定义组件（文本、图片、矩形、圆形、直线、星形、三角形、按钮、表格、组合）\n1. 接口请求（通过接口请求组件数据）\n1. 组件联动\n1. 拖拽\n1. 删除组件、调整图层层级\n1. 放大缩小\n1. 撤消、重做\n1. 组件属性设置\n1. 吸附\n1. 预览、保存代码\n1. 绑定事件\n1. 绑定动画\n1. 拖拽旋转\n1. 复制粘贴剪切\n1. 多个组件的组合和拆分\n1. 锁定组件\n1. 网格线\n\n## 在线 DEMO\n\n- [预览入口（Github）不翻墙可能速度慢](https://woai3c.github.io/visual-drag-demo)\n\n## 文档\n\n- [可视化拖拽组件库一些技术要点原理分析](https://github.com/woai3c/Front-end-articles/issues/19)\n- [可视化拖拽组件库一些技术要点原理分析（二）](https://github.com/woai3c/Front-end-articles/issues/20)\n- [可视化拖拽组件库一些技术要点原理分析（三）](https://github.com/woai3c/Front-end-articles/issues/21)\n- [可视化拖拽组件库一些技术要点原理分析（四）](https://github.com/woai3c/Front-end-articles/issues/33)\n- [低代码与大语言模型的探索实践](https://github.com/woai3c/Front-end-articles/issues/45)\n\n## 开发\n\n### 安装\n\n```\nnpm i\n```\n\n### 运行\n\n```\nnpm run dev\n```\n\n### 打包\n\n```\nnpm run build\n```\n\n## License\n\nMIT\n\n## 赞助\n\n如果你觉得本项目对你的帮助很大，可以请作者喝一杯奶茶🎁😉。\n\n![](https://github.com/woai3c/nand2tetris/blob/master/img/wx.jpg)\n![](https://github.com/woai3c/nand2tetris/blob/master/img/zfb.jpg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwoai3c%2Fvisual-drag-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwoai3c%2Fvisual-drag-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwoai3c%2Fvisual-drag-demo/lists"}