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

目录

前言

1.项目简介

[2. 平台特性](#2. 平台特性)

[2.1 构架特性](#2.1 构架特性)

[2.2 功能特性](#2.2 功能特性)

[3. 整体架构](#3. 整体架构)

[4. 技术栈](#4. 技术栈)

平台的开放性:

平台高拓展性:

[5. 基础功能及搭建](#5. 基础功能及搭建)

[5.1 代码生成器](#5.1 代码生成器)

[5.2 工作流程](#5.2 工作流程)

[5.3 门户设计](#5.3 门户设计)

[5.4 大屏设计](#5.4 大屏设计)

[5.5 报表设计](#5.5 报表设计)

[5.6 第三方登录](#5.6 第三方登录)

[5.7 多租户实现](#5.7 多租户实现)

[6. 写在最后](#6. 写在最后)


前言

这是一个基于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分层架构,就很容易理解低代码平台的核心产品功能,以及不同的产品思路。当然不同低代码平台还有更多各具特色的强悍功能,有兴趣的读者可以做进一步研究。

以上是对 JNPF 低代码开发平台的介绍,更多详情请大家移步JNPF官网 进行了解,开发者永远是动手>理解,建议大家可以注册一个账号,进行实操。

据我所知,这个框架是支持免费部署的,也就是如果你有应用开发的需求,可以与官方取得联系,申请免费部署到本地进行试用体验,试错成本将会大大降低。

官网:JNPF开发者中心

相关推荐
哑巴语天雨6 小时前
React+Vite项目框架
前端·react.js·前端框架
码农老起7 小时前
掌握 React:组件化开发与性能优化的实战指南
react.js·前端框架
撸码到无法自拔11 小时前
React:组件、状态与事件处理的完整指南
前端·javascript·react.js·前端框架·ecmascript
Domain-zhuo11 小时前
如何利用webpack来优化前端性能?
前端·webpack·前端框架·node.js·ecmascript
Amd79413 小时前
PostgreSQL 的历史
postgresql·开源软件·计算机科学·软件开发·关系型数据库·数据库技术·数据库历史
web150850966411 天前
【React&前端】大屏适配解决方案&从框架结构到实现(超详细)(附代码)
前端·react.js·前端框架
Cachel wood1 天前
Vue.js前端框架教程8:Vue消息提示ElMessage和ElMessageBox
linux·前端·javascript·vue.js·前端框架·ecmascript
Super毛毛穗1 天前
Vue中<script setup></script>的主要语法元素和特性
前端·javascript·vue.js·前端框架
h_小波2 天前
探索 Vue.js 组件开发:从基础到进阶的完整指南
前端·vue.js·前端框架
多客软件佳佳2 天前
便捷的线上游戏陪玩、线下家政预约以及语音陪聊服务怎么做?系统代码解析
前端·游戏·小程序·前端框架·uni-app·交友