Vue 界面可视化设计器——轻松构建和管理界面

Vue 界面可视化设计器——轻松构建和管理界面

vjdesign Vue 界面可视化设计器，支持任何 html 标签以及项目中引用的组件，可实现仅通过配置文件就能增加支持的组件和组件属性 项目地址: https://gitcode.com/gh_mirrors/vj/vjdesign

Vue 界面可视化设计器（vjdesign）是一个基于 Vue.js 的开源项目，主要使用 Vue.js 和 JavaScript 进行开发。

1. 项目基础介绍

本项目是一个功能强大的 Vue 界面可视化设计器，支持任何 HTML 标签以及项目中引用的组件。用户可以通过简单的配置文件来增加支持的组件和组件属性，实现对组件属性和数据关系的可视化编辑以及表单的交互行为配置。

2. 核心功能

• 可视化拖拽布局：用户可以通过拖拽的方式布局页面，支持任何 HTML 元素和 Vue 项目中引用的组件。
• 组件属性编辑：支持对组件的属性进行可视化编辑，无需二次开发即可定义支持的组件及其属性。
• 数据关联和交互行为编辑：可以通过设计器配置组件的属性和数据关系，以及表单的交互行为。
• JSON 数据扩展组件支持：通过 JSON 格式的数据，可以轻松扩展编辑器支持的组件和属性。
• 二次开发支持：组件在设计器上的呈现形式和属性编辑器支持二次开发。

3. 最近更新的功能

• 动态表单呈现：增加了对动态表单的呈现支持，可以使用 jformer 组件直接通过设计器元数据中的 JSON 定义来呈现界面。
• 表达式支持库集成：为了适应类似 Excel 的习惯，增加了对属性值是表达式的直接处理，将表达式作为转换来处理。
• 组件 scopedSlot 支持：通过 jpresent-vue-extends 库，使组件支持设置 scopedSlot 属性，实现转换获取父级组件 scopedSlot 的作用域对象。
• 性能优化和稳定性增强：对项目进行了性能优化和稳定性增强，提升了用户体验。

本项目持续更新中，欢迎感兴趣的开发者参与贡献和交流。

vjdesign Vue 界面可视化设计器，支持任何 html 标签以及项目中引用的组件，可实现仅通过配置文件就能增加支持的组件和组件属性 项目地址: https://gitcode.com/gh_mirrors/vj/vjdesign