一种快速构建前端页面的方法及终端与流程

本发明涉及计算机软件领域，尤其涉及一种快速构建前端页面的方法及终端。

背景技术：

目前在资源配置后台开发一个全新的页面，需要开发人员首先创建一级目录文件(菜单)和二级目录文件(页面)，并在该菜单对应的路由配置文件中声明页面的路由。文件创建成功后，根据所需要的功能编写表格和表单的脚本代码，并创建对应的接口请求文件存储接口代码，最后引入接口实现数据的读取和更新，实现整体的页面功能。重新编译项目并访问之前在路由配置文件中声明的路由，即可展示构建后的页面，表示本次前端页面构建完成。但是这种前端页面的构建方法存在如下缺点：

缺点1：每次新页面开发都需要手动创建文件夹、页面、路由、头部信息、接口请求等，并安装依赖并启动项目，步骤繁琐，容易缺漏。

缺点2：大部分页面功能大同小异，原有开发模式代码冗余，后期更新迭代成本高。

技术实现要素：

(一)要解决的技术问题

为了解决现有技术的上述问题，本发明提供一种快速构建前端页面的方法及终端，提高了前端页面的开发效率。

(二)技术方案

为了达到上述目的，本发明采用的一种技术方案为：一种快速构建前端页面的方法，包括：

s1、封装页面各个模块组件得到封装后的页面模块组件；

s2、部署页面内容配置后台的配置内容，所述页面内容配置后台提供可视化操作界面，所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置；

s3、页面内容配置后台的配置内容部署完成后，执行配置文件生成服务，在文件生成服务的执行过程中执行以下步骤；

s31、判断已部署的配置内容是否合规，若不合规，则报错并终止流程，若合规，执行s32；

s32、获取路由配置的路由信息，根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件；

s33、根据部署完成的配置内容生成代码，将所述代码写入所述页面文件中。

本发明采用的另一种技术方案为：一种快速构建前端页面的终端，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现以下步骤：

s1、封装页面各个模块组件得到封装后的页面模块组件；

s2、部署页面内容配置后台的配置内容，所述页面内容配置后台提供可视化操作界面，所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置；

s3、页面内容配置后台的配置内容部署完成后，执行配置文件生成服务，在文件生成服务的执行过程中执行以下步骤；

s31、判断已部署的配置内容是否合规，若不合规，则报错并终止流程，若合规，执行s32；

s32、获取路由配置的路由信息，根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件；

s33、根据部署完成的配置内容生成代码，将所述代码写入所述页面文件中。

(三)有益效果

本发明的有益效果是：将实现各个页面功能的各个模块组件进行封装，可复用性强；并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容，能够对配置内容进行校验，且根据配置内容能够快速得到前端页面所需的文件，从而实现快速构建前端页面，简化了开发流程，提升了开发效率。

附图说明

图1为本发明的快速构建前端页面的方法的流程图；

图2为本发明的快速构建前端页面的终端的结构示意图；

【附图标记说明】

1、一种快速构建前端页面的终端；2、存储器；3、处理器。

具体实施方式

为了更好的解释本发明，以便于理解，下面结合附图，通过具体实施方式，对本发明作详细描述。

请参照图1所示，一种快速构建前端页面的方法，包括：

s1、封装页面各个模块组件得到封装后的页面模块组件；

s2、部署页面内容配置后台的配置内容，所述页面内容配置后台提供可视化操作界面，所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置；

s3、页面内容配置后台的配置内容部署完成后，执行配置文件生成服务，在文件生成服务的执行过程中执行以下步骤；

s31、判断已部署的配置内容是否合规，若不合规，则报错并终止流程，若合规，执行s32；

s32、获取路由配置的路由信息，根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件；

s33、根据部署完成的配置内容生成代码，将所述代码写入所述页面文件中。

从上述描述可知，本发明的有益效果在于：将实现各个页面功能的各个模块组件进行封装，可复用性强；并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容，能够对配置内容进行校验，且根据配置内容能够快速得到前端页面所需的文件，从而实现快速构建前端页面，简化了开发流程，提升了开发效率。

进一步地，所述s3之后包括：

通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。

进一步地，所述s31包括：

判断已部署的配置内容中的必填项是否为空；

若是，则判断为不合规，报错并终止流程；

若否，则判断路由配置的路由信息的结构是否正确，若否，则判断为不合规，报错并终止流程，否则，执行s32。

从上述描述可知，需要对配置内容的必填项和路由信息的结构进行检验，以保证后续构建的前端页面的准确性。

进一步地，所述s32包括：

s321、获取路由配置的路由信息，判断是否存在与所述路由信息对应的菜单文件夹；

若否，则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件，若是，则执行s322；

s322、判断所述路由信息对应的页面文件是否存在；

若是，则报错并终止流程；

若否，则根据所述路由信息创建所述页面文件。

从上述描述可知，能够根据路由信息对相关文件进行创建和校验，进一步保证了后续构建的前端页面的准确性。

请参照图2所示，一种快速构建前端页面的终端，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

s1、封装页面各个模块组件得到封装后的页面模块组件；

s2、部署页面内容配置后台的配置内容，所述页面内容配置后台提供可视化操作界面，所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置；

s3、页面内容配置后台的配置内容部署完成后，执行配置文件生成服务，在文件生成服务的执行过程中执行以下步骤；

s31、判断已部署的配置内容是否合规，若不合规，则报错并终止流程，若合规，执行s32；

s32、获取路由配置的路由信息，根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件；

s33、根据部署完成的配置内容生成代码，将所述代码写入所述页面文件中。

从上述描述可知，本发明的有益效果在于：将实现各个页面功能的各个模块组件进行封装，可复用性强；并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容，能够对配置内容进行校验，且根据配置内容能够快速得到前端页面所需的文件，从而实现快速构建前端页面，简化了开发流程，提升了开发效率。

进一步地，所述s3之后包括：

通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。

进一步地，所述s31包括：

判断已部署的配置内容中的必填项是否为空；

若是，则判断为不合规，报错并终止流程；

若否，则判断路由配置的路由信息的结构是否正确，若否，则判断为不合规，报错并终止流程，否则，执行s32。

从上述描述可知，需要对配置内容的必填项和路由信息的结构进行检验，以保证后续构建的前端页面的准确性。

进一步地，所述s32包括：

s321、获取路由配置的路由信息，判断是否存在与所述路由信息对应的菜单文件夹；

若否，则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件，若是，则执行s322；

s322、判断所述路由信息对应的页面文件是否存在；

若是，则报错并终止流程；

若否，则根据所述路由信息创建所述页面文件。

从上述描述可知，能够根据路由信息对相关文件进行创建和校验，进一步保证了后续构建的前端页面的准确性。

实施例一

请参照图1所示，一种快速构建前端页面的方法，包括：

s1、封装页面各个模块组件得到封装后的页面模块组件；

s2、部署页面内容配置后台的配置内容，所述页面内容配置后台提供可视化操作界面，所述页面内容配置后台的配置内容包括路由配置、封装后的页面模块组件配置、接口配置和表格/表单配置；

s3、页面内容配置后台的配置内容部署完成后，执行配置文件生成服务，在文件生成服务的执行过程中执行以下步骤；

s31、判断已部署的配置内容是否合规，若不合规，则报错并终止流程，若合规，执行s32；

s32、获取路由配置的路由信息，根据所述路由信息得到与所述路由信息对应的菜单文件夹、与所述菜单文件夹对应的路由文件以及与所述路由信息对应的页面文件；

s33、根据部署完成的配置内容生成代码，将所述代码写入所述页面文件中。

其中，所述s3之后包括：

通过访问所述路由配置中的路由地址即可访问所述页面文件对应的页面。

其中，所述s31包括：

判断已部署的配置内容中的必填项是否为空；

若是，则判断为不合规，报错并终止流程；

若否，则判断路由配置的路由信息的结构是否正确(具体为是否符合菜单/目录的结构)，若否，则判断为不合规，报错并终止流程，否则，执行s32。

其中，所述s32包括：

s321、获取路由配置的路由信息，判断是否存在与所述路由信息对应的菜单文件夹；

若否，则创建所述菜单文件夹以及与所述菜单文件夹对应的路由文件，若是，则执行s322；

s322、判断所述路由信息对应的页面文件是否存在；

若是，则报错并终止流程；

若否，则根据所述路由信息创建所述页面文件。

实施例二

请参照图2，一种快速构建前端页面的终端1，包括存储器2、处理器3及存储在存储器2上并可在处理器3上运行的计算机程序，所述处理器3执行所述计算机程序时实现实施例一中的步骤。

综上所述，本发明提供的一种快速构建前端页面的方法及终端，将实现各个页面功能的各个模块组件进行封装，可复用性强；并通过拥有可视化操作界面的页面内容配置后台配置页面所需的配置内容，能够对配置内容进行校验，且根据配置内容能够快速得到前端页面所需的文件，从而实现快速构建前端页面，简化了开发流程，提升了开发效率。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。