Vue3 搭建的低代码数据可视化开发平台

JNPF 是一款优秀的国产开发平台，采用 Java+.net 双技术引擎，近年在市场表现和产品竞争力方面表现较为突出，前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue3）。代码生成器依赖性低，灵活的扩展能力，可灵活实现二次开发。

平台将图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。满足系统快速开发、灵活拓展、无缝集成和高性能应用等综合能力；

为了支撑更高技术要求的应用开发，从数据库建模、Web API 构建到页面设计，与传统软件开发几乎没有差异，平台将图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。

值得一提的是，JNPF 快速开发平台的 Vue3 版本是基于 Vue3.x、vue-router4.x、Vite4.x、Ant-Design-Vue3.x、TypeScript、pinia、less 的后台解决方案，采用 pnpm 包管理工具，无论是在小型项目还是庞大的企业级应用中，我们都可以依靠这个强大的技术栈来迅速构建出高质量的应用。

相关链接：http://www.jnpfsoft.com/?infoq

主要特点：

JNPF 是一个高效的拖拽式低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可制作数据大屏，减少心智负担。

技术点：

• 框架：基于 Vue3 框架，轻量级、易上手、可以有简洁的 API 提供高效的数据绑定和灵活的组件系统。

• 类型：使用 TypeScript 进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；这一特性让团队协作更加高效，同时也降低了维护代码的成本。

• 性能：多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度；

最新技术：

基于 Vue3 & TypeScript 框架编写，代码结构更加清晰，使用 pnpm 包管理工具。

完备的功能：

提供项目控制、全局控制、组件基础配置、动画配置、请求配置、事件配置等。

丰富的组件：

拥有丰富的内容组件，内置 60+ 个组件内容，并且在不断更新升级中。

核心功能：

表单引擎、可视化引擎、BI 引擎、流程引擎、权限引擎、门户引擎、大屏引擎、接口中心、物联平台

最大的优势：

提供 100%源码，支持私有化部署（本地部署）

低代码的前端框架采用 Vue3 的优势介绍：

1. 轻量级、易上手、可以有简洁的 API 提供高效的数据绑定和灵活的组件系统

2. 组件（component）是 Vue 最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码

3. 双向数据绑定的实现更容易操作 DOM（vue.js)则使用 object.defineProperty 方法，监控对方数据的操作，从而可以自动触发数据同步，可以精准的将变更发给绑定的视图，而不是对所有数据都执行一次检测（不同于 angular.js）。

4. Vue 是单页应用；使页面局部刷新，不要求每次跳转页面都要请求所有数据和 DOM。

5. Vue 采用虚拟 DOM，不再使用原生的 dom 操作节点，极大解放 dom 操作，但具体操作的还是 dom 不过是换了另一种方式。