web_designer:网页设计器图形化工具,通过拖拽组件进行页面排版和生成页面代码

Web Designer 项目部分截图 页面设计区 页面预览 图表样式设置可视化配置 图表样式设置代码编辑 组件事件配置 组件联动事件配置 简介: 项目使用了Vue进行开发 网页设计器图形化工具,目前内置ElementUi组件库 一键生成网页代码,支持进行二次开发 通过拖拽左侧组件图标,放置中间画布区,进行页面排版,设计区右侧面板可以对组件属性进行设置 点击右侧顶部保存按钮(数据保存在本地浏览器localStorage)可以进行数据保存 点击右侧顶部预览按钮,可以对页面布局进行预览 点击右侧顶部发布按钮,会调用设计器后台服务进行页面生成和代码生成,生成完成之后会在项目根目录生成runtime/vue_cli_3.x-master文件夹,里面的代码可以进行二次开发(基于 vue cli 3.x 版本) 默认发布完成之后,会打开命令行工具进行项目初始化(npm install)和打开项目(np