[发明专利]一种基于数据解析构建模型生成前端代码的方法

说明书

本发明提供了一种基于数据解析构建模型来生成前端代码的方法，该方法包括以下步骤：根据前端框架和组件库构建出框架模板和组件模型库，制定配置数据解析策略和前端页面合成策略；配置前端页面框架模板和组件模型数据，按照数据解析策略把配置数据解析成为前端页面参数对象的集合，此集合对应要生成的前端众多的页面；按照前端页面合成策略对照框架模板和组件模型库将前端页面参数对象的集合合成为前端页面对象的集合，这些前端页面对象就是要生成页面的代码；前端页面对象的集合生成为前端页面文件、页面路由文件、样式文件和用于处理业务逻辑的服务文件。应用该方法，只需配置参数，就可以生成前端代码，完成前端页面代码编写的大部分工作，实现前端框架和组件库的快速使用。

技术领域

本发明提供了一种生成前端代码的方法，具体涉及一种基于数据解析构建模型来生成前端结构统一性代码的技术，属于编程语言领域。

背景技术

随着计算机编程的快速发展，各种编程语言不断更新，新的框架和组件库也是层出不穷，程序的设计有了更多的选择，可根据实际情况选择更优的方案；但与此同时，对程序开发人员的要求也在逐渐提高，不仅要求开发人员要懂得数种编程语言，而且还要会使用当下流行的框架和组件库。这对开发人员来说不可谓不是一个巨大的挑战，他们进入一个新的项目，熟悉一个新的框架和组件库，往往需要花费数个月时间，这在当下是一个普遍存在的现象。针对这种现象，如何让开发人员简易快捷的使用前端框架和组件库，减少开发人员的工作量，成为了一个急切需要解决的问题。

发明内容

该发明提供了一种可以自动生成使用不同前端框架和组件库的规范统一性代码的方法，具体方案是：选定前端框架和组件库构建出框架模板和组件模型库，制定配置数据解析策略和前端页面合成策略，然后配置方法所需数据，根据配置数据解析策略把数据解析成为前端页面参数对象的集合，再应用前端页面合成策略对照框架模板和组件模型库将前端页面参数对象的集合合成为前端页面对象的集合，最后把前端页面对象的集合生成为前端页面文件、页面路由文件、样式文件和用于处理业务逻辑的服务文件。

在构建组件模型库实施中：选择一个前端组件库，在其中选择需要在开发时应用的组件，然后基于此来设计组件模型库。组件模型库包含了若干个组件模型，每个组件模型由组件显示代码、组件参数和组件方法构成，且对应唯一一个ID标识，此标识对应前端组件库的唯一一种组件。

在构建框架模板实施中：选择一种前端框架，剖析框架关于前端页面内容的展示、数据的定义与更新和浏览器页面触发事件的处理，将每个前端页面公共的代码和具体组件所需的代码划分开来，把公共代码写入当前框架的模板，并在模板中为具体组件的特殊代码预留好代码填充位置。

在制定配置数据解析策略实施中：数据是针对于每个前端页面需要的框架模板和组件模型集合来进行配置，这些数据储存于XML文件中，解析XML中的节点，把节点的值组合成一个个前端页面参数对象；每个前端页面参数对象包括框架模板参数和若干个组件模型参数的集合。

在制定前端页面合成策略实施中：前端页面的合成分为框架模板参数的嵌入、组件模型参数集合的转化和组件模型集合的嵌入三个过程。框架模板参数嵌入模板构建时预留的位置，具体嵌入方法是用模板参数替换模板构建时预留的标识符；组件模型参数有一个标识ID，对应组件模型库中每个组件模型唯一的ID标识，基于此，每个模型参数可以转化成一个组件模型；组件模型集合在嵌入框架模板时，需要把每个组件模型的组件显示代码、组件参数和组件方法分开整理到三个集合中，三个集合替换掉框架模板中预留的标识符就完成了一个前端页面的合成。

在生成前端代码文件实施中：生成文件时，框架模板参数内含有要生成文件的路径，在指定路径下生成若干个与前端页面对象集合对应的前端页面文件，同时在相同目录下生成一个页面样式文件、一个业务逻辑处理文件和一个控制页面跳转的路由文件。

附图说明

图1本发明实施基于数据解析构建模型生成前端代码方法的实现流程示意图。