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