前端框架如何帮助开发者构建应用程序？

前言

这是一个基于 Springboot + Vue3 的低代码前端开发框架！借助它，开发者通过自动代码生成和可视化编程，只需要少量代码，即可快速搭建各种应用。提供了极大的灵活性，它的架构设计也让开发者无需担心底层技术细节，能够专注于应用逻辑和用户体验的开发。接下来我将概括介绍平台的功能和技术栈展示，使你可以更直观的了解到前端框架对于开发者构建应用程序的益处。

1.  项目简介

JNPF 是建立在开放标准和全源码交付基础上的。核心技术采用 Spring Boot、Spring Cloud Alibaba，Mybatis Plus、RocketMQ、MinIO 等主要框架和中间件，采用 Nacos 注册和配置中心，集成流量卫兵 Sentinel，前端基于 Vue3 框架定制开发，可帮助企业更快，更高效地进行微服务开发，相较于业界使用广泛的开源版本平台，提供更强大的功能和更全面的服务支持。平台即可私有化部署，也支持 K8S 部署。

2. 平台特性

2.1 构架特性

• 主体框架：核心技术采用 Spring Boot、MyBatis-Plus、Alibaba Druid、Hutool、Lombok 等；

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

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

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

• 国产信创建中间件：兼容东方通(TongWeb)、金蝶 Apusic(AAS)等国产信创中间件；

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

2.2 功能特性

• 灵活的权限控制：基于 RBAC 权限管理，该功能模块下的功能用于维护企业的组织架构信息以及员工信息。主要包含了组织架构管理、部门管理、分级管理员、角色管理、岗位管理等功能。用户可在此功能模块下维护公司的组织架构信息（组织/部门/角色/岗位），用户信息，也可以通过第三方应用（钉钉/企业微信）将组织架构信息一键导入到系统中，也可以使用组织架构和员工信息的导入功能将数据导入到系统中；

• 第三方登录：开箱即用的第三方授权登录工具类库，提供统一接口，支持接入任意 OAuth 网站，快速实现 OAuth 登录功能；

• 单点登录：支持 OAuth 2.x/OpenID Connect、SAML 2.0、JWT、CAS、SCIM 等标准协议，提供安全、标准和开放的用户身份管理(IDM)、身份认证(AM)、单点登录(SSO)、RBAC 权限管理和资源管理等；

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

3. 整体架构

4. 技术栈

平台的开放性：

• 使用开放标准及功能构建，通过 API 访问，可与第三方安全性和应用程序生命周期服务集成。

• 模型 API 提供从第三方工具的核心应用程序工件的访问。

• 开放数据标准，授权开发人员访问数据需要的数据。

• 平台提供的全源码和应用程序可扩展性确保 JNPF 以满足企业无限制的自定义需求。

平台高拓展性：

• 代码全解析：拖过拖拽即可生成前后端源代码，生成的源码提供给开发人员进行二次开发。

• 在线 js 脚本编辑：平台提供在线 js 脚本编辑，来满足用户的特殊表单功能的拓展需求。

• 自定义按钮：平台提供自定义按钮的功能，通过自定义按钮的事件与接口结合满足用户的自定义触发动作。

• 自定义组件：平台预留了前端组件的封装接口，用户可自定义封装组件，满足自己的个性化需求。

5. 基础功能及搭建

基于 JNPF，用户通过可视化方式构建数据模型、视图、权限、工作流等，即可在平台提供的环境中运行，少量编译部署，更像一种傻瓜式的应用搭建平台。平台对各类组件、业务逻辑做了较高层级的封装，除非有全源码，不然用户无法随心所欲修改界面风格、交互方式、处理逻辑等，而正好 JNPF 就是为数不多支持全源码的典型产品。

该方案对使用者技术要求不高，但需要具备业务抽象、建模能力。主要价值是降低开发门槛、快速适应变化。我们可以试着开启体验环境。

官网地址，建议大家注册一个账号，试着用 JNPF 在线编辑器上手进行开发，相信你会进一步感受到该平台的强大之处~

5.1 代码生成器

零代码开发：配备大量可复用控件，通过操作界面元素，拖拽控件自动生成可视化应用；

低代码开发：基于 Mybatis-plus-generator 自定义了一套代码生成器， 通过配置数据库字段的注释，可在线生成 WEB 前端(vue)、移动端(vue)、后端(controller、entity、mapperxml、service)等代码，极大减少开发难度；

5.2 工作流程

工作流服务为 JNPF 自研的一套工作流方案，包含流程表单和流程引擎两大部分，流程表单可视化设计，可配置程度高，采用结构化的表单模版设计，集中解析模式的设计。适应于中国国情的多种场景的需要、配置所见即所得、低代码、高配置；

5.3 门户设计

全新门户设计，操作简单，自由拖拽，一次编辑多端自适应，充分满足用户的个性化需求。

5.4 大屏设计

自由布局页面，拖拽控件至页面中，针对不同的控件进行内容设值和数据绑定，所见即所得的实现大屏可视化页面开发；

5.5 报表设计

无需开发任何代码，用户只需在界面上配置一系列参数即可实现多种类型报表的配置、在线渲染报表内容、报表导出、打印等功能；

5.6 第三方登录

开箱即用的第三方授权登录工具类库，提供统一接口，支持接入任意 OAuth 网站，快速实现 OAuth 登录功能。

5.7 多租户实现

多租户技术或称多重租赁技术，是一种软件架构技术，它是在探讨与实现如何于多用户的境下共用相同的系统或程序组件，并且扔可确保各用户间数据的隔离性。在云计算时代，多租户技术在共用的数据中心以单一系统架构与服务提供多数客户端相同甚至可定制化的服务，并且仍然可以保障客户的数据隔离。

6. 写在最后

像数据模型设计器、流程设计器和页面设计器，是低代码平台的核心，如果你理解软件设计的 MVC 分层架构，就很容易理解低代码平台的核心产品功能，以及不同的产品思路。当然不同低代码平台还有更多各具特色的强悍功能，有兴趣的读者可以做进一步研究。

官方地址