一种根据自然语言说明文档自动生成web前端代码系统技术方案

本发明专利技术涉及一种根据自然语言说明文档自动生成web前端代码系统，涉及计算机代码自动生成领域，包括数据输入单元、结构化逻辑生成单元、子逻辑生成单元、组件类型计算单元、结构化组件树生成单元以及Web页面渲染单元，本申请能够通过对自然语言的自动分析提取来生成Web前端的代码，大大提高的开发效率，特别在保险产品中有良好的应用。险产品中有良好的应用。险产品中有良好的应用。

【技术实现步骤摘要】
一种根据自然语言说明文档自动生成web前端代码系统


[0001]本专利技术涉及计算机代码自动生成领域，更具体的涉及一种根据自然语言说明文档的自然语言生成web前端代码的系统及方法。

技术介绍

[0002]Web前端开发，主要是利用HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发，完成客户端程序(也就是浏览器端)的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
[0003]对Web前端开发程序员来说，现有的开发方式是一行一行手写代码实现特定的需求，最终形成展示页面给终端用户，这个过程需要需求方、产品经理和Web前端开发人员三方协作才能完成一个页面功能上线。需求方根据业务需要向产品经理提出需求，产品经理根据需求撰写需求文档，Web前端开发人员根据需求文档实现Web页面效果。如附图1所示，这种开发方式需要多方协作，存在开发链路长、效率低、错误率高等问题。
[0004]现有技术中，为了提高前端页面开发效率，通常会有一些可拖拽生成相应代码的系统，如中国专利ZL201410320408.7涉及一种基于Web的业务系统页面层开发平台及方法，可以通过基于Web的开发环境，利用JS技术拖拽生成技术组件和业务组件，调用技术组件和业务组件生成业务处理静态页面。这种拖拽生成代码的开发流程如图2所示，该方案一定程度上提高了效率，但是整个开发流程依旧是传统模式，只是在中间加了一个可拖拽组件的低代码生成系统，开发链路依然很长，依然存在需要多方合作，效率低，错误率高的问题。

技术实现思路

[0005]本专利技术的目的是克服现有技术的上述不足，本专利提出了一种从人工开发到自动生成Web前端代码的方法。该方法利用自然语言识别和分析技术，通过对保险产品说明文档进行数据建模的方式，自动生成Web前端页面需要的数据，最后使用组件渲染引擎自动生成Web前端页面。在这个过程中产品经理和Web前端开发人员都成为辅助角色，缩短了开发链路，并且极大提高了开发效率。本专利技术的技术方案如下：
[0006]一种根据自然语言说明文档自动生成web前端代码系统，其特征在于，包括数据输入单元、结构化逻辑生成单元、子逻辑生成单元、组件类型计算单元、结构化组件树生成单元以及Web页面渲染单元，其中：
[0007]数据输入单元，用于将自然语言说明文档输入到计算机中；
[0008]结构化逻辑生成单元，包括自然语言预处理模块，将自然语言说明文档拆分为自然语言的逻辑单元并标记；
[0009]子逻辑生成单元，包括关键词分析模块和关键词规则集合；所述关键词分析模块利用分词算法对所述逻辑单元进行数据拆分，形成关键词集合；所述关键词规则集合包含预设关键词处理规则以及关键词的展示方式和交互方式；根据预设关键词处理规则对关键
词集合进行匹配，并根据匹配的关键词抽离出展示数据，形成子逻辑单元，所述子逻辑单元包括展示数据、展示方式和交互方式三个维度；
[0010]组件类型计算单元，包括子逻辑单元分析模块和原子化组件库集合；所述原子化组件库包含各类组件所具备特征的描述信息；所述子逻辑单元分析模块通过将所述子逻辑单元和所述描述信息进行匹配，匹配成功后即确定该子逻辑单元的组件类型；
[0011]结构化组件树生成单元，将匹配出组件类型的子逻辑单元和所述逻辑单元嵌套为树形结构，形成结构化组件树；
[0012]Web页面渲染单元，用于接收结构化组件树，渲染Web前端页面。
[0013]进一步，所述自然语言预处理模块是根据自然语言说明文档的段落、大标题、小标题、汉字数字标题、阿拉伯数字标题、句号、逗号、分号中的一种或者几种对文档进行拆分。
[0014]进一步，所述子逻辑生成单元中的根据预设关键词处理规则对关键词集合进行相似性匹配，匹配成功的相似度是动态值或者固定值。
[0015]进一步，所述子逻辑生成单元中，未与所述预设关键词处理规则匹配成功的关键词集合对应的逻辑单元定义为待分析逻辑单元，所述待分析逻辑单元通过人工分析方式定义关键词，并将关键词置入所述关键词规则集合中，并进行重新匹配。
[0016]进一步，所述预设关键词处理规则中包括关键词白名单和关键词黑名单，当所述关键词集合与所述关键词白名单匹配时，生成子逻辑单元；当所述关键词集合与所述关键词黑名单匹配时，仅生成附加信息。
[0017]进一步，子逻辑单元还包括关联逻辑单元，所述关联逻辑单元根据子逻辑单元中的展示数据预设有二级关联词汇和三级关联词汇，所述子逻辑单元分析模块根据所述二级关联词汇和三级关联词汇确定其对应的组件类型。
[0018]一种根据自然语言说明文档自动生成web前端代码系统系统在保险产品Web开发的应用。
[0019]本专利技术的技术方案，具有以下优点：
[0020]本申请利用自然语言识别和分析技术，结合特定产品数据建模的方式，自动生成web前端页面需要的数据，最后使用组件渲染引擎自动生成web前端页面。在这个过程中产品经理和web前端开发人员都成为辅助角色，缩短了开发链路，并且极大提高了开发效率，特别是针对保险产品的web前端代码开发，能够大幅提高工作效率。
附图说明
[0021]本专利技术的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：
[0022]图1是普通Web端人工开发流程图；
[0023]图2是拖拽式辅助Web端开发流程图；
[0024]图3是本申请根据自然语言说明文档自动生成web前端代码系统系统的示意图；
[0025]图4是子逻辑生成单元工作的流程图；
[0026]图5是保险产品Web开发的应用实例。
具体实施方式
[0027]下面将结合附图对本专利技术的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0028]如图3所示，本专利技术提供了一种根据自然语言说明文档自动生成web前端代码系统，其包括包括数据输入单元100、结构化逻辑生成单元200、子逻辑生成单元300、组件类型计算单元400、结构化组件树生成单元500以及Web页面渲染单元600。
[0029]所述数据输入单元100用于将自然语言说明文档输入到计算机中。所述结构化逻辑生成单元200包括自然语言预处理模块210，将自然语言说明文档拆分为自然语言的逻辑单元220并标记。
[0030]所述子逻辑生成单元300包括关键词分析模块310和关键词规则集合320，所述关键词分析模块310利用分词算法对所述逻辑单元220进行数据拆分，形成关键词集合340，所述关键词规则集合320包含预设关键词处理规则330以及关键词的展示方式和交互方式；根据预设关键词处理规则330对所本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种根据自然语言说明文档自动生成web前端代码系统，其特征在于，包括数据输入单元、结构化逻辑生成单元、子逻辑生成单元、组件类型计算单元、结构化组件树生成单元以及Web页面渲染单元，其中：数据输入单元，用于将自然语言说明文档输入到计算机中；结构化逻辑生成单元，包括自然语言预处理模块，将自然语言说明文档拆分为自然语言的逻辑单元并标记；子逻辑生成单元，包括关键词分析模块和关键词规则集合；所述关键词分析模块利用分词算法对所述逻辑单元进行数据拆分，形成关键词集合；所述关键词规则集合包含预设关键词处理规则以及关键词的展示方式和交互方式；根据预设关键词处理规则对关键词集合进行匹配，并根据匹配的关键词抽离出展示数据，形成子逻辑单元，所述子逻辑单元包括展示数据、展示方式和交互方式三个维度；组件类型计算单元，包括子逻辑单元分析模块和原子化组件库集合；所述原子化组件库包含各类组件所具备特征的描述信息；所述子逻辑单元分析模块通过将所述子逻辑单元和所述描述信息进行匹配，匹配成功后即确定该子逻辑单元的组件类型；结构化组件树生成单元，将匹配出组件类型的子逻辑单元和所述逻辑单元嵌套为树形结构，形成结构化组件树；Web页面渲染单元，用于接收结构化组件树，渲染Web前端页面。2.根据权利要求1所述的一种根据自然语言说明文档自动生成web前端代码系统，其特征在于：所述自然语言预处理模块是根据自然语言说明文档的段落、大标题、小标题、汉字数字标题、阿拉伯数字...

【专利技术属性】
技术研发人员：曹有志，
申请(专利权)人：上海豹云网络信息服务有限公司，
类型：发明
国别省市：