鲁班 H5 基于 Vue 的拖拽式 H5 生成工具开源项目

我要开发同款
匿名用户2019年09月02日
56阅读
开发技术JavaScript
所属分类Web应用开发、网页开发工具
授权协议GPL

作品详情

鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀、百度H5 的一个可视化搭建系统

初心:希望能通过工程化的手段,大幅度提高简单H5页面的制作效率,提高工程师的幸福感,从这种需求频繁变更的简单任务中解脱出来

Screenshots

在线访问地址

Features

编辑器  

-[x]参考线  

-[x]吸附线、组件对齐  

-[x]拖拽改变组件形状  

-[x]元素:复制(画布)  

-[x]元素:删除(画布)   

- [x]元素:编辑(画布)  

-[x]页面:新增  

-[x]页面:复制  

-[x]页面:删除  

-[x]快速预览  

-[x]撤销、重做

组件系统  

-[x]文字  

-[x]普通按钮  

-[x]表单按钮  

-[x]表单输入框  

-[x]普通图片  

-[]背景图  

-[]视频(Iframe形式)

增强功能  

-[]上传PSD,一键转换为H5(已经调研,可以实现)  

-[]图片库  

-[]第三方无版权图片搜索  

-[]自定义脚本(已经调研,可以实现)

后端API  

-[x]创建、保存、更新作品  

-[x]表单数据收集  

-[x]表单数据展示  

-[x]在线预览  

-[x]二维码预览

技术栈(当前)前端:Vue.js后端:Strapi存储:Sqlite
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论