[发明专利]一种前端页面开发系统、方法、设备、介质

说明书

本申请公开了一种前端页面开发系统、方法、设备、介质，该系统包括：文档获取接口，用于获取第一需求文档；数据绑定模块，用于识别所述第一需求文档中的数据字段关键名；UI装饰模块，用于获取UI设计命令，并利用所述UI设计命令替换所述目标内容，得到第二需求文档；文档规范模块，用于获取目标文档规范命令，并进行相应的规范设置，得到目标需求文档；文档转代码模块，用于对所述目标需求文档进行解析，得到抽象决策树，并转换成相应的目标代码；代码执行模块，用于执行所述目标代码，得到前端UI。这样此系统能够使得需求文档符合预设规范，以便可以转换成相应的代码以运行得到前端UI，缩短前端页面开发时间，提高前端页面开发效率。

技术领域

本申请涉及前端开发技术领域，特别涉及一种前端页面开发系统、方法、设备、介质。

背景技术

前端页面开发的过程一般如下，先由产品输出需求文档，再由设计师根据需求文档进行UI视图效果的设计，得到设计稿，前端根据设计稿开发前端页面，在进行相关接口调试，最后通过测试才能完整的呈现在用户面前，整个过程耗时较长，由于需求文档的撰写没有既定的规范，不同的人撰写的需求文档不相同，只是通过需求文档中的UI(UserInterface，用户界面)效果截图等不能够清晰的了解所有的设计需求，导致前端开发效率低。

发明内容

有鉴于此，本申请的目的在于提供一种前端页面开发系统、方法、设备、介质，能够使得需求文档符合预设规范，以便可以转换成相应的代码以运行得到前端UI，缩短前端页面开发时间，提高前端页面开发效率。其具体方案如下：

第一方面，本申请公开了一种前端页面开发系统，包括：

文档获取接口，用于获取产品输出的第一需求文档；

数据绑定模块，用于识别所述第一需求文档中的数据字段关键名，以便将所述数据字段关键名与UI视图进行关联以及对相应的数据进行绑定；

UI装饰模块，用于获取根据所述第一需求文档中的目标内容生成的UI设计命令，并利用所述UI设计命令替换所述目标内容，得到第二需求文档；

文档规范模块，用于获取目标文档规范命令，并根据所述目标文档规范命令对所述第二需求文档进行相应的规范设置，得到符合预设规范标准的目标需求文档；

文档转代码模块，用于对所述目标需求文档进行解析，得到抽象决策树，并利用所述抽象决策树将所述目标需求文档转换成相应的目标代码；

代码执行模块，用于执行所述目标代码，得到前端UI。

可选的，所述UI装饰模块，包括：

UI设计命令获取接口，用于获取根据所述第一需求文档中的目标内容生成的UI设计命令；

内容替换子模块，用于利用所述UI设计命令替换所述目标内容，得到第二需求文档。

可选的，所述文档规范模块，包括：

规范命令获取接口，用于获取目标文档规范命令；

规范设置子模块，用于根据所述目标文档规范命令对所述第二需求文档进行相应的规范设置，得到符合预设规范标准的目标需求文档。

可选的，所述文档转代码模块，包括：

文档解析子模块，用于对所述目标需求文档进行解析，得到抽象决策树；

文档转代码子模块，用于利用所述抽象决策树将所述目标需求文档转换成相应的目标代码。

第二方面，本申请公开了一种前端页面开发方法，包括：

获取产品输出的第一需求文档；

识别所述第一需求文档中的数据字段关键名，以便将所述数据字段关键名与UI视图进行关联绑定；