简介

基于 Vue 开发的界面可视化设计器，前端小白可以直接拖拽生成前端代码。

特性

• 可视化拖拽布局
• 支持数据关联和交互行为的可视化编辑
• 支持扩展组件、组件属性、属性编辑器

依赖

• vjform，可视化布局基于 vjform 扩展
• Lodash，使用了 get set forEach 等 API
• Vue，基于 v2.5.9 测试，理论上支持高于 v2.4.0 版本
• vuedraggable，实现拖拽布局
• vue-json-viewer，预览和复制设置定义的元数据

Getting Start

克隆项目，执行npm install之后npm run dev

预览

小结

开源不易，请尊重作者的付出，感谢。

源码：gitee.com/fyl080801_admin/vjdesign

往期精彩视频】

程序猿接私活网站

Java反射教程