推荐一个基于 Vue 的前端界面可视化设计器项目

点击▲关注 “爪哇笔记”   给公众号标星置顶

更多摄影技巧 第一时间直达

简介

基于 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

私活神器

1.

首先扫描下方二维码

2.

后台回复「666」即可获取

你点的每个在看，我都认真当成了喜欢