低代码系列——可视化编辑器

简介: 低代码系列——可视化编辑器

前端社区里,低代码/无代码是被讨论的火热赛道。它通过用最少量的编程代码去开发应用程序,从而提高效率。由此,许多企业都在使用低代码平台进行业务的开发和升级。低代码平台可以大幅简化编码过程,并且可以快速构建定制化的应用程序,从而增加企业的生产力和竞争力。

低代码大火背后,还有着企业数字化转型需求的增长。在政策、市场Ready的同时,国内市场软件开发的痛点也亟待解决,企业需要简化一些范式化流程以及重复性工作,这就加速了低代码的发展。

一、低代码的用途

首先不管是低代码还是无代码,都是针对特定场景或者细分领域的,比如运营的活动页,中后台的表单,表格页面等;亦或是各种完整的信息化项目,如ERP、OA、CRM、EHR 等。因为只有在这些场景下,前端交互相对收敛,能够沉淀出足够多的组件物料,从而通过可视化的方式拖拽组件就能够直接搭建出页面来。

接下来,我们来看看低代码的可视化编辑器。这些编辑器使得用户可以可视化地编辑和构建应用程序,进一步简化了开发过程。

头部区域:

主要还是一些快捷键的入口,基础设置/表单设计/列表设计。还有pc/app的切换,JNPF的制品是两个端同时生产的,也就是你做好了pc,app自然也生成了。

左侧区域有:

  • 组件库:构成页面的主要元素,用户通过拖拉拽组件设计页面;
  • 动作面板:通过动作面板,用户可以「更加方便的组织和复用代码」、「实现复杂交互」;
  • 多语言文案管理:用户可以自行增删改多语言词条,以便和组件相关属性进行绑定;
  • 画布:用户进行拖拉拽编排页面的舞台,有限空间。

右侧区域:

主要是选中组件后的属性,给用户通过属性项配置设计自己想要的效果。

表单系统存在于企业系统的各方各面,每一条业务线都离不开表单系统,最基本的表单系统无非数据录入与展示,JNPF把基本表单组件都一一呈现在组件库,企业可以选择组件类型,比如【单行文本】、【日期】等,来设计自己需要的系统。

除了提供丰富的组件类型,针对组件的属性(姑且将组件的样式、动作、事件等统称为属性)也提供了很大的配置自由度这个和部分低代码平台相比显得人性化很多,也就是样式你可以自己调整修改,组件交互你也可以自己写,页面逻辑编排都支持你调整,并不会一味地进行平台内封装。

二、其他功能一览

  • 采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手;代码生成器依赖性低,灵活的扩展能力,可灵活实现二次开发;
  • 开发效率很高,采用代码生成器,增删改查功能自动生成,菜单配置直接使用(前端代码和后端代码都一键生成);
  • 封装完善的用户、角色、菜单、组织机构、数据字典、在线定时任务等基础功能。强大的权限机制,支持访问授权、按钮权限、数据权限、表单权限等;
  • 零代码在线开发能力,在线配置表单、在线配置报表、在线配置图表、在线设计表单;
  • 常用共通封装,各种工具类 (定时任务,短信接口,邮件发送,Excel 导入导出等), 基本满足 80% 项目需求;
  • 集成简易报表工具,图像报表和数据导出非常方便,可极其方便的生成图形报表、pdf、excel、word 等报表;
  • 采用前后分离技术,页面 UI 精美,针对常用组件做了封装:时间、行表格控件、截取显示控件、报表组件,编辑器等等
  • 数据权限(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段);
  • 在线配置报表(无需编码,通过在线配置方式,实现曲线图,柱状图,数据等报表);
  • 提供单点登录方案;
  • 专业接口对接机制,静态、SQL、API三种接口类型,请求参数设置支持Header、Query、Body,以及支持JSON和XML的数据格式;
  • 消息中心(支持短信、邮件、微信推送等等);
  • 支持多语言,提供国际化方案;
  • 数据变更记录日志,可记录数据每次变更内容,通过版本对比功能查看历史变化
  • 平台 UI 强大,实现了移动自适应;
  • 权限控制采用 RBAC(Role-Based Access Control,基于角色的访问控制)。

三、结语

以上就是对 JNPF 低代码开发平台的介绍,更多详情请大家移步 JNPF 官网 https://www.jnpfsoft.com/?zhihu进行了解,建议大家注册一个账号,试着用 JNPF在线编辑器上手进行开发,相信你会进一步感受到该平台的强大之处。

相关文章
|
7月前
|
JSON 前端开发 数据可视化
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
1023 0
|
7月前
|
资源调度 数据可视化 前端开发
基于mathlive从零将公式编辑器集成到可视化搭建平台
基于mathlive从零将公式编辑器集成到可视化搭建平台
191 0
|
存储 编解码 前端开发
一个低代码拖拽的表单编辑器
一个低代码拖拽的表单编辑器
293 4
|
存储 JSON 前端开发
魔鱼搭投编辑器 ,一款优秀的前端界面可视化工具
魔鱼搭投编辑器 ,一款优秀的前端界面可视化工具
188 1
|
存储 数据可视化 前端开发
低代码可视化拖拽编辑器实现方案
低代码可视化拖拽编辑器实现方案
232 0
|
数据可视化 搜索推荐
云宇宙编辑器+Web 3D可视化引擎 源代码技术源码有公司需要吗?
元宇宙展厅在线编辑器: 我们提供一键式的元宇宙空间生成工具,支持 个性化场景搭建和多媒体内容添加。普通用 户也可以在短时间内完成数字展厅的设计和 制作,让您足不出户就可以搭建属于自己的 虚拟数字展厅。 Web 3D可视化引擎: 一种浏览器端的3D引擎技术,它可以在网页中 插入和展示3D模型,及3D场景搭建,提供节点 与组件,在网页中搭建复杂的3D场景。
|
7月前
|
存储 Linux 编译器
vim编辑器和gcc/g++编辑器的使用讲解
vim编辑器和gcc/g++编辑器的使用讲解
155 2
|
5月前
|
开发工具
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
|
6月前
|
开发工具
Vim 编辑器:高效文本编辑的瑞士军刀
**Vim 概览:** Vim 是一个功能丰富的文本编辑器,以其高度可定制性著称。文章介绍了 Vim 的高效使用技巧,包括快捷打开文件、命令行模式下的常用命令、查找与替换、删除和复制文本。还讨论了配置 `.vimrc` 文件以自定义设置,如改变 leader 键、设置缩进和高亮,并展示了安装插件如 vim-airline 和 vim-snazzy 的方法。通过这些技巧,用户能提升 Vim 使用效率。
68 5
|
6月前
|
Ubuntu 搜索推荐 Linux
Linux的Vim编辑器详解
Linux的Vim编辑器详解