[发明专利]Web前端界面生成方法及装置

说明书

本发明公开了Web前端界面生成方法及装置，其中所述方法包括：将Web前端的业务模板界面中业务模块相似度大于预设阈值的部分业务模板界面作为待调整业务模板；将所述待调整业务模板内置于预先开发的命令行工具中，待修改；接收用户操作所述命令行工具的指令修改所述待调整业务模板，并根据所述指令自动生成所述待调整业务模板修改后对应的新Web前端界面。解决了业务开发过程中的重复问题，提高了开发效率，提高了运营工作效率。

技术领域

本发明涉及Web前端界面生成技术领域，尤其涉及Web前端界面生成方法及装置。

背景技术

在Web前端业务开发过程中，每新增一个业务模块，开发人员都要完成新建页面、配置模型(models)、配置服务(services)、配置路由表、配置菜单这一系列的工作，以生成Web前端界面。

在开发多个业务模块时，对开发人员来说这些流程都是重复的，会导致开发效率低下；多种代码书写逻辑思路，难以维护。由于各模块的相似度很高，为了提高开发效率，目前传统生成Web前端界面的方法是复制老模块代码进行修改。

但是，由于代码文件比较分散，复制老模块代码进行修改时，复制代码的工作量也并不小。而且，在修改代码或者样式的过程中，会产生多余的垃圾代码，还可能带来各种BUG(问题)。

因此现有技术还有待于进一步发展。

发明内容

针对上述技术问题，本发明提供了一种Web前端界面生成方法及装置，以解决相关技术问题。

本发明实施例的第一方面，提供一种Web前端界面生成方法，所述方法包括：

将Web前端的业务模板界面中业务模块相似度大于预设阈值的部分业务模板界面作为待调整业务模板；

将所述待调整业务模板内置于预先开发的命令行工具中，待修改；

接收用户操作所述命令行工具的指令修改所述待调整业务模板，并根据所述指令自动生成所述待调整业务模板修改后对应的新Web前端界面。

可选地，所述将Web前端的业务模板界面中业务模块相似度大于预设阈值的部分业务模板界面作为待调整业务模板，包括：

提取所述业务模板界面中的各个业务模块，将各个业务模块进行相似度比对，若部分所述业务模板界面中的各个业务模块的相似度大于预设阈值，则将所述部分所述业务模板界面作为待调整业务模板；

其中，所述相似度为模板样式以及交互方式的相似程度。

可选地，将所述待调整业务模板内置于预先开发的命令行工具中，包括：

提取所述待调整业务模板中有差异的页面参数作为所述命令行工具中内置的模块变量；

所述页面参数包括：页面标题、文件名称、组件名称、组件交互方式、组件默认对应的参数。

可选地，所述接收用户操作所述命令行工具的指令修改所述待调整业务模板，并根据所述指令自动生成所述待调整业务模板修改后对应的新Web前端界面，包括：

在所述命令行工具接收到增加业务模块的命令时，获取拖拽模块的代码参数，并对增加业务模块的参数进行规制校验。

可选地，所述的Web前端界面生成方法，还包括：

将用户输入得新增业务模块得参数替换工具中内置模块得变量，生成Web前端代码，并将生成得Web前端代码写入目标项目文件中。

本发明实施例的第二方面，提供一种Web前端界面生成装置，所述装置包括：

前置模块，用于将Web前端的业务模板界面中业务模块相似度大于预设阈值的部分业务模板界面作为待调整业务模板；