一种基于引擎模式前后端分离的快速开发平台及其使用方法

摘要

本发明公开一种基于引擎模式前后端分离的快速开发平台及其使用方法。本发明提供的一种基于引擎模式前后端分离的快速开发平台，包括：配置平台、渲染引擎以及通用模块，本发明的基于引擎模式前后端分离的快速开发平台，采用目前前端最流行的vue框架+Element‑UI完成炫酷界面，后端采用Java+SpringCloud微服务架构支持后台服务，采用前后端分离的技术，基于引擎模式将业务模块界面动态渲染出来，并实现数据增删改查的功能。本发明可以通过抽象各个信息系统中的相似业务操作，用配置的方式快速实现业务需求，让信息系统的开发变得简单、高效和统一，节省大量人力成本并缩短开发周期。

说明书

技术领域

本发明涉及软件开发技术领域，具体涉及一种基于引擎模式前后端分离的快速开发平台及其使用方法。

背景技术

信息化是一个持续演进的过程，期间伴随着大量信息系统项目的建造。而这些信息系统中，有很多流程类似的业务。这些相似的业务由前端和后台研发人员重复的开发，并且当项目交付时间非常紧迫的情况下，需要研发人员加班或投入更多的人员，消耗着大量的人力物力财力。当前企业级和政府项目的信息化后台管理系统基础功能比较类似，展示的内容和形式相对比较固定，定制业务模块在整个后台项目中占比比较少，业务功能复用性比较低。在充分考虑现状的情况下，如果可以做到将整个后台系统项目产品化，以“去开发”为目标，可以大大减少项目开发时间，做到通过配置实现各项目的大部分基础通用功能。同时单独模块化开发也可以满足项目的定制业务，更高效地完成工作。当开发平台产生之后，虽然减少了编程人员大量的编程时间，但是很多开发平台的效果并不是很理想，比如说某些开发平台比较复杂、难以掌握；有的开发平台通用性比较差；有的需要生成代码，无法做到无感知更新；还有的依然还是需要写很多代码等等。

现有的一种技术方案提供可视化的开发模式，平台包括JSP配置模块、JAVA配置模块、流程配置模块和菜单配置模块。实现了前端展示界面、后端业务处理逻辑以及业务处理流程的快速配置，不仅支持了常用的页面元素、组件、常用的业务处理方法，同时保留了充分的可扩展性，提供自定义的js、css、java方法的引入，使灵活性和适用性大大加强。采用JSP+Java技术进行开发，通过代码生成器生成代码，研发人员无须编写代码，提升了开发效率。然而，上述方案存在如下不足之处：前端界面样式风格老旧，采用的技术较为过时，界面布局固定，配置不够灵活，采用生成代码的方式实现快速开发，虽然定制化业务更方便，但修改配置都要重新生成代码，需要重新部署项目才能生效，不够简便，也不能快速交付。未采用前后端分离架构，耦合性太高，代码维护性成本高，不能减轻后台并发压力。

现有的另一种技术方案提供一款基于代码生成器的J2EE快速开发平台，采用前后端分离架构：SpringBoot2.x，Ant Design&Vue，Mybatis-plus，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码!支持自定义表单，支持表单拖拽配置，支持表单模板，支持大屏展示。强大的表单配置功能，无需编写代码即可生成表单管理页面，快速搞定简单业务。JeecgBoot引领新的开发模式(Online Coding模式-> 代码生成器模式->手工MERGE智能开发)， 帮助解决Java项目70%的重复工作，让开发更多关注业务逻辑。既能快速提高开发效率，节省成本，同时又不失灵活性。然而，该方法存在以下不足之处：页面不能由组件任意组合使用，只能有列表页面，表单页面，详情页面。而列表页面只能是固定的表格组件和布局，只适用于固定的简单业务场景，无法做复杂业务场景的快速开发，不够灵活和丰富。其快速生成的信息管理系统，缺少和其他业务系统的融合功能，不能和其他系统无缝对接或被其他已有业务信息系统嵌入使用，扩展性不够。

发明内容

本发明的目的是针对上述不足，提供一种基于引擎模式前后端分离的快速开发平台及其使用方法，以解决现有技术存在的上述问题。

第一方面，本发明提供一种基于引擎模式前后端分离的快速开发平台，包括：配置平台、渲染引擎以及通用模块；

所述配置平台包括：

系统配置子模块，用于维护系统信息，以及创建系统的功能，所述功能包括导航、页面、片段、片段项和操作项；

基础配置子模块，用于维护系统的数据源信息和数据模型，以及扩展配置，所述配置包括数据源配置和元对象定义；

字典配置子模块，用于维护模板、组件属性、通用字典、通用字典项、比较操作符、表单验证、控件类型、操作项、页面类型和片段类型；

日志管理子模块，用于查看登录日志、操作日志、异常日志和异常统计信息；

默认提示语子模块，用于管理操作项操作前、操作后的默认提示语；

所述渲染引擎包括：

读取子模块，用于读取配置信息；

加载子模块，用于加载系统基础配置、加载导航信息、加载页面数据、根据片段类型加载片段，以及加载片段项和操作项；

遍历子模块，用于遍历片段项ID，读取片段项上的数据；

绑定子模块，用于将片段项上的数据绑定到片段项上；

通用增删改查接口，用于实现数据库中业务数据的增删改查；

所述通用模块包括：

登录子模块，用于实现系统的登录功能；

用户管理子模块，用于实现系统的用户管理功能；

权限管理子模块，用于实现系统的权限管理功能；

文件存储子模块，用于实现存放图片、视频、文件功能。

结合第一方面，在第一方面的第一种可实现方式中，所述片段项支持多种控件类型，所述控件类型包括：文本框、单选框、多选框、下拉框、上传、图片、声音、视频、日期、富文本、标签、级联下拉、多选下拉以及树形下拉。

结合第一方面，在第一方面的第二种可实现方式中，所述控件类型包括多种细化参数，所述细化参数包括控件的宽、高、颜色以及是否默认展开。

第二方面，本发明提供上述基于引擎模式前后端分离的快速开发平台的使用方法，包括：

步骤一，维护系统信息以及创建系统；所述维护系统信息以及创建系统包括：打开系统维护界面，进行系统名称、系统编码、系统LOGO、系统风格以及系统描述信息的编辑；

步骤二，配置导航菜单；所述配置导航菜单包括：在系统列表选择一个系统点击配置按钮进行系统结构的配置，在配置界面新建和删除导航以及拖动排序，在导航维护界面填写基础配置；

步骤三，配置页面；在建好的导航菜单下新建页面，页面支持单表、一对一、一对多、多对多关系的数据模型；在页面配置界面对页面进行基础配置，对页面的类型进行设定；设置页面是否为导航主页，以及是否生成静态页面；对页面进行数据过滤，选择对角色、部门、人、区域四个维度中任意一种进行过滤，选择页面的样式模板，实现不同布局和样式；复用其他页面或片段配置，减少相似页面重复配置的工作量；新增一个或多个片段组成具体页面；配置页面元素中的动态事件，用一个片段或片段项控制其他元素的动态效果；

步骤四，配置片段；所述配置片段包括：在页面编辑界面的片段列表中选择一个片段点击编辑按钮，打开片段配置界面，进行片段信息的维护；

片段需绑定一个元对象，首先配置一个数据库数据源，然后再元对象定义下选定数据源下的一个表或视图作为元对象，一个片段绑定一个元对象，一个片段对应一张表或视图，作为片段数据的来源和操作对象；配置过滤字符串，片段绑定的元对象数据再执行查询之前会按过滤字符串配置的过滤条件进行过滤；配置默认排序，支持sql和json两种方式，片段绑定的元对象数据再执行查询之前会按默认排序规则排序；配置依赖JS，配置JS的访问地址，实现用户自定义的js业务逻辑；选择片段模板，加载不同的样式和布局；配置片段项分组，将多个片段项放在一组区域展示，并显示分组标题，适用于表单片段；配置片段下要展示的片段项，添加一个或多个片段项，对片段项进行拖动排序；片段项分为实体片段项和虚拟片段项，实体片段项对应数据库表中一个具体字段，虚拟片段项是展示时返回的虚拟字段；配置片段下的操作项；

步骤五，配置片段项；所述配置片段项包括：配置实体片段项，实体片段项分为基础片段项和表单类、查询类扩展片段项；配置虚拟片段项，虚拟片段项是将一个或多个属性字段值经过表达式计算后，在页面上展示使用，虚拟片段项需配置列名称、控件类型、显示状态、表达式信息；

步骤六，配置操作项；在片段编辑界面的操作项列表中选择一个点击编辑按钮，打开操作项编辑界面，维护操作项类型、基础操作项、操作项编码、显示文本、动作类型、动作目标、链接地址、接口地址、图标地址、是否隐藏、排序、依赖配置、业务拦截器以及提示语信息；

步骤七，在浏览器中输入渲染端部署的访问地址，请求时加上系统编码参数。

结合第二方面，在第二方面的第一种可实现方式中，步骤二中，所述基础配置包括：导航名称、导航图标、链接类型、跳转方式、链接地址、是否启用以及备注，链接方式支持链接系统内部页面和外部链接，跳转方式包括嵌入和弹出，若导航打开页面为外部链接，则填写链接地址。

结合第二方面，在第二方面的第二种可实现方式中，步骤三中，页面的基础配置包括页面名称、显示名称的信息填写；页面的类型包括单表、主子表、多对多三种类型；片段的类型包括：查询、列表、图片列表、图片详情列表、表单、树、统计图、数据包、穿梭框、操作项、导入、导出；监控的事件包括：鼠标单击、内容变化和鼠标移入等。联动的动作包括：刷新数据、设置值、隐藏、显示、只读和置空。

结合第二方面，在第二方面的第三种可实现方式中，步骤五中，基础片段项包含片段所需要展示的字段名称、字段类型、长度、控件类型、显示文本、状态、显示顺序、分组名称、可通过sql或json配置控件的数据来源、字段显示样式的自定义html；表单类扩展片段项包含片段字段的校验、输入提示语、默认值、是否必填。

结合第二方面的第三种可实现方式，在第二方面的第四种可实现方式中，查询类扩展片段项配置查询字段的比较符；片段项数据校验提供默认和自定义规则，默认校验规则包括：数字、字符串、长度、手机号、整型、邮箱、身份证、邮编。

结合第二方面的第四种可实现方式，在第二方面的第五种可实现方式中，自定义规则需填写正则表达式；片段项绑定的控件类型支持格式包括：文本框、密码框、多行文本框、下拉列表、单选框、多选框、上传、图片、声音、视频、日期框、时间段、富文本编辑器、标签、级联下拉、多选下拉、树形下拉以及复合型输入框。

结合第二方面，在第二方面的第六种可实现方式中，还包括：步骤八，扩展配置；若配置系统需被第三方业务系统嵌入使用，则配置登录权限和多媒体相关信息，对登录相关权限配置token校验接口、根据token获取用户信息接口，对多媒体相关信息配置第三方系统的多媒体上传接口地址、是否返回全路径、访问前缀。

本发明具有以下有益效果：本发明提供的一种基于引擎模式前后端分离的快速开发平台及其使用方法，采用目前前端最流行的vue框架+Element-UI完成炫酷界面，后端采用Java+SpringCloud微服务架构支持后台服务，采用前后端分离的技术，基于引擎模式将业务模块界面动态渲染出来并实现数据增删改查的功能。该产品可以通过抽象各个信息系统中的相似业务操作，用配置的方式快速实现业务需求，节约项目成本与研发人员的精力，从而让公司有更多的时间和资本去投入到创新和难点攻克上；本发明颠覆了传统开发模式，不同于一般的开发工具，是可以让信息系统的开发变得简单、高效和统一的新型开发工具。它不只是提供一些基础的功能模块，而且抽象和封装了用户开发一个业务系统所需要的全部功能，使得用户能够不编写代码就能开发出完整的系统。初级的开发人员甚至无基础人员可以在经过简单培训之后完成对一个易用、可用于生产的同时满足个性化需求的信息系统的配置。可以节省70%的工作量，节省大量人力成本并缩短开发周期。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明提供的一种基于引擎模式前后端分离的快速开发平台的示意图。

图2为本发明提供的一种基于引擎模式前后端分离的快速开发平台使用方法流程图。

具体实施方式

本发明是一种基于引擎模式并采用前后端分离架构的快速开发平台，采用了前后端最流行的技术:SpringBoot2.x，Element-UI&Vue，Mybatis-plus，SpringCloud。由本发明快速开发出的信息化系统前端展示界面和后台业务逻辑都无须开发代码，只需简单的配置即可渲染出一套简单业务场景的信息化系统，实现业务数据载体数据库表的增删改查导入导出等逻辑处理。并支持增强JS和Java接口实现复杂的业务逻辑。本发明的优势是具有简易性、高可用性、良好的性能、强通用性、易扩展性。

如图1所示，本发明提供一种基于引擎模式前后端分离的快速开发平台，包括：配置平台1、渲染引擎2以及通用模块3，其中两大核心部分是配置平台1和渲染引擎2。

配置平台1包括：系统配置子模块，用于维护系统信息，以及创建系统的功能，所述功能包括导航、页面、片段、片段项和操作项。基础配置子模块，用于维护系统的数据源信息和数据模型，以及扩展配置，所述配置包括数据源配置和元对象定义。

字典配置子模块，用于维护模板、组件属性、通用字典、通用字典项、比较操作符、表单验证、控件类型、操作项、页面类型和片段类型。日志管理子模块，用于查看登录日志、操作日志、异常日志和异常统计信息。默认提示语子模块，用于管理操作项操作前、操作后的默认提示语。

具体地，导航可以简单理解功能菜单，页面即功能菜单下面的页面，如列表页面，编辑页面，详情页面等，每个页面由多个片段组成，片段可以理解为是页面上的各个区域，可以理解是功能组件，例如表格、树、表单、查询条件、按钮等等。片段里面的每一个字段，例如人员表的姓名，年龄等，对应一个数据库表字段。操作项即增删改查等按钮。所述片段项支持多种控件类型，所述控件类型包括：文本框、单选框、多选框、下拉框、上传、图片、声音、视频、日期、富文本、标签、级联下拉、多选下拉以及树形下拉。所述控件类型包括多种细化参数，所述细化参数包括控件的宽、高、颜色以及是否默认展开。

渲染引擎2包括：读取子模块，用于读取配置信息。加载子模块，用于加载系统基础配置、加载导航信息、加载页面数据、根据片段类型加载片段，以及加载片段项和操作项。遍历子模块，用于遍历片段项ID，读取片段项上的数据。绑定子模块，用于将片段项上的数据绑定到片段项上。通用增删改查接口，用于实现数据库中业务数据的增删改查。

具体地，渲染引擎2功能包含前端渲染页面和后台业务逻辑处理。渲染引擎读取配置信息动态渲染页面功能，配合渲染引擎的通用模块可以作为独立系统运行；也可以被第三方系统嵌入运行和进行二次开发；支持增强Js做前端定制化需求的业务处理，支持自定义Java接口和增删改查操作前后拦截器完成后台定制化复杂的业务逻辑。渲染引擎通过接口读取配置信息，最先加载系统级基础信息，包括系统logo，系统名称，主题色等信息，然后加载导航菜单信息，根据导航渲染页面，加载页面模板。

页面渲染是渲染引擎的核心：所有的页面都是动态生成。新建页面模版的时候根据设计布局将平台上的各种类型的片段排布(如果新的业务需求设计中存在的片段类型不存在，需要先新增新的片段类型，读取接口数据，根据片段类型过滤该页面中需要显示的片段。解析到需要显示的片段后，根据接口数据中该类型片段中包含的片段模版切换片段风格，并加载需要显示的片段项，操作项信息。遍历片段项ID读取片段项上的数据并绑定到片段项上。操作项对象数据信息会包含操作项的执行方式，执行目标等基础信息。考虑到片段和片段之间会有交互关系，在配置页面的时候可以添加配置项描述该页面内片段之间的关系。

通用模块3包括：登录子模块，用于实现系统的登录功能。用户管理子模块，用于实现系统的用户管理功能。权限管理子模块，用于实现系统的权限管理功能。文件存储子模块，用于实现存放图片、视频、文件功能。

通过本发明的基于引擎模式前后端分离的快速开发平台，可实现如下功能：通过本发明可快速配置一个完整的信息化系统，系统提供登录、首页、导航、换肤、人员、角色、权限以及业务模块维护等功能。此功能由配置平台中系统配置模块、渲染引擎、通用模块中登录模块和权限管理模块共同实现。提供业务模块界面的操作，完成数据的增删改查功能、并能导入、导出当前列表、导出全部数据等。此功能由渲染引擎实现。

支持二次开发，前端二次开发：支持自定义全局样式文件修改；支持控件格式化配置自定义的css；支持增强JS实现复杂业务交互。后端二次开发：支持渲染端以jar包嵌入，以供二次开发；第三方实现定义的统一拦截器接口、执行方法前后后置处理等接口，完成自定义复杂业务逻辑；支持配置第三方自定义Java接口，完成自定义按钮逻辑。此功能由配置平台中系统配置模块和渲染引擎共同实现。

渲染出来的系统可供第三方业务系统嵌入使用，若第三方业务系统已存在登录、用户权限、多媒体、缓存等功能，可在本平台配置对应的接口地址，无缝对接。此功能由渲染引擎和通用模块实现。能通过配置实现无业务或简单业务的页面，例如带查询的列表、表单、详情等，也支持包含树+表单、树+列表、列表+详情、表单+表单+列表等较复杂交互页面。此功能由配置平台中系统配置模块和渲染引擎共同实现。

支持自定义页面，页面可由一种或多种片段根据业务场景自由组合，并且片段支持树形组件、统计图表组件、图片列表组件、表格、可编辑表格、表单、查询条件、按钮、穿梭框等多种类型。此功能由渲染引擎实现。提供多种页面和组件的样式模板，丰富的UI可满足用户多元化的需求。此功能由渲染引擎实现。支持页面和片段配置模板化，相似页面可直接选用模板，减少重复配置工作量。此功能由配置平台中系统配置模块实现。

支持一个页面组件控制其他多个元素的隐藏、显示、只读、置空、必填等。此功能由配置平台中系统配置模块和渲染引擎共同实现。页面的按钮提供查询、重置、新增、编辑、删除、保存、返回、批量删除、导入、导出等基础操作，并支持自定义按钮，通过增强JS和Java接口实现复杂的业务逻辑。按钮的权限可配置，有权限的角色能看到，并且可根据字段数据值控制按钮隐藏和显示。例如通过状态字段的值控制上线、下线按钮不同时显示。此功能由配置平台中系统配置模块和渲染引擎共同实现。

片段项支持多种控件类型，包括:文本框、单选框、多选框、下拉框、上传、图片、声音、视频、日期、富文本、标签、级联下拉、多选下拉、树形下拉等多种类型。并能设置控件的细化参数，例如控件的宽、高、颜色、是否默认展开等，不同控件类型设置的参数不相同。此功能由配置平台中系统配置模块和渲染引擎共同实现。

查询区域可配置过滤条件字段、过滤条件显示控件、查询字段的比较符等。此功能由配置平台中系统配置模块和渲染引擎共同实现。提供虚拟字段，此字段不在数据库表结构中物理存在，能将一个或多个属性字段值经过表达式计算后，在查询时进行展示。例如计算比率、或需要几个字段拼接显示等等场景使用。此功能由配置平台中系统配置模块实现。支持字段显示的格式化，通过配置能完成加粗、颜色、超链接、图片、特效等格式化的自定义展示。此功能由配置平台中系统配置模块和渲染引擎共同实现。

支持数据权限过滤，即返回的数据可按角色、部门、人、区域四个维度中任意一种进行过滤。此功能由配置平台中系统配置模块实现。支持列表片段和树片段的批量操作，支持列表批量删除、批量更新、批量保存。支持树的批量保存、批量删除。此功能由配置平台中系统配置模块和渲染引擎共同实现。实现的业务支持单表、主子表、一对一、多对多等数据模型，并支持对表和视图两种形式的配置。此功能由配置平台中系统配置模块和渲染引擎共同实现。

支持多数据源配置，即用本平台开发出的信息化系统可同时加载多个数据源。此功能由配置平台中基础配置模块实现。支持默认系统提示语和配置化自定义的系统提示语。提示语可显示在按钮操作前和操作后。此功能由配置平台中系统配置模块、默认提示语模块以及渲染引擎共同实现。记录业务功能模块的操作日志并提供查询功能，日志内容包括表名称、操作类型(增、删、改)、操作人、操作时间。此功能由配置平台中日志管理模块实现。支持APP端查询api接口，无须开发代码，通过配置生成APP端查询操作的后台api接口。此功能由配置平台中系统配置模块和渲染引擎共同实现。

请参阅图2，本发明还提供上述基于引擎模式前后端分离的快速开发平台的使用方法，包括：

步骤一，维护系统信息以及创建系统。打开系统维护界面，可进行系统名称、系统编码、系统LOGO、系统风格以及系统描述等信息的编辑。系统风格提供了极地蓝、冰川蓝、深海蓝、火焰红等四种风格供选择。

步骤二，配置导航菜单。在系统列表选择一个系统点击配置按钮可以进行系统结构的配置，在配置界面可以新建和删除导航以及拖动排序。导航维护界面需要填写其基础配置,包括：导航名称、导航图标、链接类型、跳转方式、链接地址、是否启用、备注等。链接方式支持链接系统内部页面和外部链接。跳转方式即打开方式可以为嵌入和弹出两种。若导航打开页面为外部链接，需填写链接地址。

步骤三，配置页面。在建好的导航菜单下新建页面，页面支持单表、一对一、一对多(主子表)、多对多等关系的数据模型。

页面配置界面，需要对页面进行基础配置，包括页面名称、显示名称的信息填写。需要对页面的类型进行设定，目前有单表、主子表、多对多三种类型。

需要设置页面是否为导航主页，以及是否生成静态页面(APP端详情页调用)。

同时为了满足对权限的约束还可以对页面进行数据过滤，选择对角色、部门、人、区域四个维度中任意一种进行过滤。

可以选择页面的样式模板，实现不同布局和样式。

可复用其他页面或片段配置，可减少相似页面重复配置的工作量。

需新增一个或多个片段组成具体页面，支持多种片段，包括：查询、列表、图片列表、图片详情列表、表单、树、统计图、数据包、穿梭框、操作项、导入、导出共12种类型。以一个单表业务（单表的增、删、改、查）为例，在导航下需要创建两个页面，查询页面包含查询、列表两个片段，新增修改页面仅包含表单片段。一对一、主子表业务和多对多关系的业务都需要配置多个片段，片段和片段之间的关联关系在页面配置字段中以json格式进行维护。json格式内容如下:

[

{"fragId":"977","relField":"unit_id","relFrag":"987"},{"fragId":"987","relField":"unit_id","relFrag":"977"},

{"fragId":"987","relField":"unit_id","type":"master"},{"fragId":"988","relField":"unit_id","type":"slave"}

]。

支持联动，配置页面元素中的动态事件，用一个片段或片段项控制其他元素的动态效果，监控的事件包括：鼠标单击、内容变化和鼠标移入等。联动的动作包括：刷新数据、设置值、隐藏、显示、只读和置空。

步骤四，配置片段。在页面编辑界面的片段列表中选择一个片段点击“编辑”按钮，打开片段配置界面，进行片段信息的维护。

片段需绑定一个元对象，首先需要在配置平台》基础配置》数据源配置和元对象定义模块下配置一个数据库数据源，然后再元对象定义下选定数据源下的一个表或视图作为元对象。一个片段绑定一个元对象，即一个片段必须对应一张表或视图，作为片段数据的来源和操作对象。

可配置过滤字符串，片段绑定的元对象数据再执行查询之前会按过滤字符串配置的过滤条件进行过滤。

可配置默认排序，支持sql和json两种方式，片段绑定的元对象数据再执行查询之前会按默认排序规则排序。

可配置依赖JS，配置JS的访问地址，实现用户自定义的js业务逻辑

可选择片段模板，加载不同的样式和布局

可配置片段项分组，将多个片段项放在一组区域展示，并显示分组标题，适用于表单片段

需配置片段下要展示的片段项(字段)，可添加一个或多个片段项，能对片段项进行拖动排序。片段项分为实体片段项和虚拟片段项。实体片段项对应数据库表中一个具体字段，而虚拟片段项则是展示时返回的虚拟字段。

可配置片段下的操作项(按钮)，例如查询片段需配置查询和重置按钮，列表片段可配置编辑和删除按钮。

步骤五，配置片段项。配置实体片段项:片段项分为基础片段项和表单类、查询类等扩展片段项，基础片段项包含片段所需要展示的字段名称、字段类型、长度、控件类型、显示文本、状态、显示顺序、分组名称、可通过sql或json配置控件的数据来源、字段显示样式的自定义html。表单类扩展片段项包含片段字段的校验、输入提示语、默认值、是否必填等。查询类扩展片段项配置查询字段的比较符

片段项数据校验提供默认和自定义规则，默认校验规则包括:数字、字符串、长度、手机号、整型、邮箱、身份证、邮编等，自定义规则需填写正则表达式。

查询字段的比较符包括:like、equal、notequal、less、greater、lessequal、greaterequal、between。

片段项绑定的控件类型支持多种格式，如：文本框、密码框、多行文本框、下拉列表、单选框、多选框、上传、图片、声音、视频、日期框、时间段、富文本编辑器、标签、级联下拉、多选下拉、树形下拉、复合型输入框等18种。

配置虚拟片段项:虚拟片段项不在数据库表结构中物理存在，而是将一个或多个属性字段值经过表达式计算后，在页面上展示使用。虚拟片段项需配置列名称、控件类型、显示状态、表达式等信息。

步骤六，配置操作项。操作项即按钮，在片段编辑界面的操作项列表中选择一个点击“编辑”按钮，打开操作项编辑界面，可维护操作项类型、基础操作项、操作项编码、显示文本、动作类型、动作目标、链接地址、接口地址、图标地址、是否隐藏、排序、依赖配置、业务拦截器、提示语等信息。

操作项类型：分为基础操作项和自定义操作项；基础操作项和自定义操作项的区别主要是基础操作项的操作项编码和显示文本是内置固定的不可更改的；基础操作项提供的功能是内置的，无需开发代码，而自定义操作项需开发人员编写后台接口，实现业务逻辑。

基础操作项包括:新增、编辑、删除、保存、返回、查询、重置、查看、下载、导入、导出、批量保存、批量删除、批量更新等

动作类型：目前仅支持打开页面类，弹窗页面类，执行js代码块

动作目标：当选中的动作类型是打开页面类或是弹出页面类的时候，动作目标里下拉选择将要打开的页面或是弹窗承载的页面名称；

接口地址：接口地址是用来配置自定义接口的，当第三方有自定义实现接口的时候，并需要触发的时候；将第三方的接口地址配置到此处即可；该项是操作项的配置项里优先级最高的项；

链接地址：链接地址是用来配置第三方页面的，当点击某个操作项需要打开第三方页面的时候，将第三方页面的地址配置到此即可；

显示顺序：有多个操作项的时候，多个操作项的排列顺序

业务拦截器：配置用户二次开发实现自定义业务逻辑的Java类的全路径名称

依赖配置：依赖配置是用来实现有业务逻辑的操作项；可完成字段状态更新的业务，例如实现上线、下线、发布。取消发布等状态变化业务场景。

提示语:可配置多条提示语，在操作项执行前和执行后皆可配置自定义的提示语。

步骤七，经过前面六步的配置，一个信息化系统就已开发完成，接下来在浏览器中输入渲染端部署的访问地址，请求时加上系统编码参数，即可访问系统。

步骤八，扩展配置。若配置系统需被第三方业务系统嵌入使用，则需要配置登录权限和多媒体相关信息，登录相关权限需配置token校验接口、根据token获取用户信息接口，多媒体相关需配置第三方系统的多媒体上传接口地址、是否返回全路径、访问前缀等。

综上所述，本发明的基于引擎模式前后端分离的快速开发平台，页面由片段(一块区域)组成，页面不再局限于只有列表、表单、详情三种固定展示的组件和布局。而是可由列表片段+表单片段，列表片段+详情片段，列表片段+列表片段，表单片段+表单片段等等任意多个片段之间的自由组合。灵活性更高，可处理较复杂的业务场景，设计出来的页面可千变万化。

本平台前端采用vue+Element-UI完成炫酷界面，后端采用Java+SpringCloud微服务架构支持后台服务，能提升页面的渲染速度以及后台并发能力。抽象业务的数据模型，通过配置能实现单表、一对一、一对多、多对多关系的业务前端和后台的数据交互，完成增、删、改、查、导入、导出等基础操作，实现零代码式的完全配置开发软件方式，增加开发效率。本平台无须生成代码，基于引擎模式，前端页面通过配置数据由渲染引擎动态渲染生成，渲染时加载对应的模板和组件。当有数据模型字段增加或删减需求变化时，可直接在线修改配置后立即生效，无须重新启动项目，做到无感知实时更新。

本平台可同时配置多个系统，访问地址相同，更换地址上唯一的系统编码参数，便可访问对应系统，由简单的单系统快速生成，逐渐进化成云后台，远程实现对多项目，多产品的云配置。本平台实现配置端和渲染端代码分离，易于管理和维护。不仅能通过配置平台快速开发出包含登录、导航、权限、分布式文件存储等通用功能模块以及业务模块的独立完整的信息化系统，也可将渲染端作为可插拔的插件，使渲染出来的模块页面被已有的第三方业务系统嵌入使用，并通过配置接口地址使用第三方业务系统的token验证，权限管理以及文件存储服务，应用场景更加广泛、灵活。多元化的样式模板:整个系统拥有一键换肤功能，提供多种风格的样式; 每个片段也有丰富的模板，例如列表片段有表格、图片以及轮播图等多种模板，此类似CMS模板的设计概念，使得本平台开发的信息化系统拥有更精美丰富的UI，更能符合客户的需求。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。