如何实现一个高扩展、可视化低代码前端框架

JNPF 是一款灵活拓展、适合程序员、满足所有场景的企业级可视化通用平台，支持国产化信创适配、企业私有化部署、定制化开发、源代码交付。

平台基于 spring boot\spring cloud、vue2\vue3 技术开发，采用微服务、前后端分离等标准开发架构，提供数据建模、表单建模、流程建模、页面建模、报表建模、大屏建模、移动端建模、门户设计器等在线可视化设计开发工具，可无代码/低代码快速开发业务模块，支持 PC 端/移动端/大屏等多端接入访问。

JNPF 页面展示：

项目地址：https://www.jnpfsoft.com/?infoqxx

本文介绍 JNPF 基础信息，尽可能包括技术选型、软件架构、具体实现中各种功能模块展示、优势分析、前端逻辑编排等内容。

在体验的过程中，发现了一些 JNPF 的优点：

1. 内置了一整套 UI 组件库，开发人员可以直接拖拽组件来搭建应用，当然 JNPF 支持用户使用代码自定义内容，自由度极高；

2. 开发人员可以整合多种数据库或 API 的数据，并在应用中使用；

3. 它还为用户提供了在线协作能力，可以让共同开发这件事变得更加直观、高效；

4. 大规模地使用了 Rust，有优秀的性能体验。

与官方取得联系，发现 JNPF 产品优势明显：

1. 兼顾本地化、私有云、公有云部署服务；

2. 支持无缝切换 SaaS 模式，意味着可以搭建自己的 SaaS 应用；

3. 100%源码交付，二次开发可以申请软件著作权；

4. 免费部署本地进行试用，降低试错成本，数据也能 100%留存；

技术栈

主体框架：Spring Cloud、Spring Cloud Alibaba、Spring Boot、Spring Cloud Stream、MyBatis-Plus、Alibaba Druid、Apache Dubbo、Hutool、Lombok 等主流技术；

前后端分离：采用主流开发模式-前后端分离框架设计，前端同时适配 Vue2/Vue3，代码风格精简，面向后端开发工程师，易于理解和上手；

统一接口管理：集成 Swagger/Knife4j，可自动生成 Api 文档；

数据库兼容：支持 MySQL、SQLServer、Oracle、PostgreSQL 等主流数据库，支持达梦、人大金仓等国产信创数据库；

国产信创操作系统：支持麒麟服务器操作系统、统信 UOS、华为欧拉等国产信创服务器操作系统部署；

服务注册 &发现与调用：使用 Nacos 作为注册中心，实现多配置、分群组、分命名空间、多业务模块的注册和发现功能；

多租户：借助于 MyBatis-Plus 实现 Saas 多租户隔离方案

功能模块

1.数据建模器：基于模型驱动开发的思想，通过数据实体、属性、关系等数据配置响应业务需求变化，JNPF 平台提供了在线的数据库实体建模，支持单表、一对一、一对多关系。

2.表单设计器：在线可视化化表单设计器可快速建符合业务的表单，用于数据采集和流程审批，在线预览，所见即所得。

3.流程设计器：JNPF 自研的一套工作流方案，包含流程表单和流程引擎两大部分，流程表单可视化设计，可配置程度高，采用结构化的表单模版设计，集中解析模式的设计。支持会签、加签、跳转、退回、撤销等多种中国特色流程操作。

4.报表设计器：报表设计器是一款在线可视化报表建模工具，提供了汇总表、明细表、柱形图、条形图、饼图、折线图、面积图、雷达图、指标图等多种种常用图表，可以组合及联动使用。

5.门户设计器：拖拉拽方式设计系统首页，满足千人千面的首页定制需求，支持多种布局风格，可自由布局，支持多角色门户，不同角色不同首页，可在线预览，所见即所得。

6.大屏设计器：无需写代码，在线可视化设计大屏，支持图表、表格、媒体等 20+常用组件，支持静态数据、HTTP、SQL 等多种获取数据方式。

7.移动开发工具：轻量化的移动办公软件，可以在线设计流程和表单，开发应用，无需手写代码，可自动生成移动端界面，极大提升了移动应用开发效率。

除此之外，还有很多特性，例如采用了灵活的系统架构、标准的底层协议、强大的拓展能力具有开发的拓展接口、搭建输出源码、支持高低代码混合开发、兼顾本地化、私有云、公有云部署服务。