[发明专利]前端框架开发方法、装置及终端设备

说明书

本申请实施例公开了前端框架开发方法、装置及终端设备，通过监听前端框架的静态资源目录，若所述静态资源目录发生改变，则遍历所述静态资源目录中用户输入的所有模板，并基于预设的规则集合，获取每个所述模板对应的预设规则，解析每个所述模板，得到每个所述模板对应的节点，基于每个所述模板对应的预设规则，编译对应每个所述节点的约束文件。前端框架根据生成的约束文件，对数据和组件关系进行正确的检查和约束。使得基于弱类型编程语言的前端项目可以在编码期间检测错误，提高前端开发的工作效率。

技术领域

本申请涉及软件设计领域，尤其涉及一种前端框架开发方法、装置及终端设备。

背景技术

在前端工程中，框架通常用于提供一套解决方案，按照预设的代码结构进行编排。前端框架是一种广泛使用的前端开发套件，是用于简化界面设计的框架，可以有效降低界面的开发周期并提高界面的美观性。

当前被广泛使用的前端框架有：Vue、React、Layui以及Dojo等，以vue2.0为参考，vue2.0可以更好地组织与简化Web开发。Vue2.0所关注的核心是MVC(Model ViewController，业务模型-用户界面-控制器)模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。

但是vue2.0也存在以下缺陷：对TypeScript编程语言没有良好的兼容性，导致基于Vue2.0的项目大多都是使用JavaScript编程语言进行的开发，采用JavaScript编程语言编写的代码缺乏可读性与易维护性，无法支持跨平台，一套代码若运行在浏览器上，则无法运行在小程序、浏览器插件上。此外，JavaScript编程语言是一种弱类型语言，只在编译项目时检测错误，而不在编码期间检测编码错误，开发人员在进行前端开发时需要特别注意数据类型是否错。因此，需要一种前端框架，提高前端框架代码的可读性、易维护性，为开发人员在编码期间检测编码错误。

发明内容

有鉴于现有技术存在的缺陷，本申请实施例目的在于提供一种前端框架开发方法、装置及终端设备，以对前端框架的数据和组件关系进行正确的检查和约束，提高代码可读性与易维护性，在实现了现有前端框架的特性的基础上，解决基于弱类型编程语言的前端框架无法在编码期间检测错误的问题。

第一方面，本申请的一个实施方式提供一种前端框架开发方法，包括：

监听前端框架的静态资源目录；

若所述静态资源目录发生改变，则遍历所述静态资源目录中用户输入的所有模板，并基于预设的规则集合，获取每个所述模板对应的预设规则；

解析每个所述模板，得到每个所述模板对应的节点；

基于每个所述模板对应的预设规则，编译对应每个所述节点的约束文件。

在上述的前端框架开发方法中，所述解析每个所述模板，得到每个所述模板对应的节点，包括：解析每个所述模板，得到每个所述模板的标签，其中，所述标签包括标签名称和标签属性；整合所述标签属性与标签名称，得到每个所述模板对应的节点。

在上述的前端框架开发方法中，所述基于每个所述模板对应的预设规则，编译对应每个所述节点的约束文件，包括：基于每个所述模板对应的预设规则，生成对应每个所述节点的约束文件；将每个所述模板替换为对应所述模板的约束文件。

在上述的前端框架开发方法中，所述监听前端框架的静态资源目录之前，还包括：获取前端框架的运行环境，其中，所述运行环境包括前端框架的当前运行系统与运行平台；将前端框架的渲染的逻辑更改为与所述运行环境对应的渲染的逻辑，以生成兼容所述运行环境的代码。

在上述的前端框架开发方法中，所述监听前端框架的静态资源目录，包括：获取用户输入的新的文件；对比所述新的文件与所述静态资源目录中的静态资源文件；若所述新的文件与所述静态资源目录中的静态资源文件不匹配，则确定所述静态资源目录发生改变。