本发明专利技术涉及开发领域，揭露一种原生组件生成方法，包括：获取原始组件文件，查询所述原始组件文件中的输出变量名，根据所述输出变量名，确定所述原始组件文件的组件声明内容；对所述组件声明内容进行内容编码，得到组件编码内容，并定义所述组件编码内容的内容回调函数；识别所述组件编码内容中的组件变量，提取所述组件变量中的动态变量，并配置所述动态变量的变量修改逻辑；根据所述内容回调函数和所述变量修改逻辑，创建所述原始组件文件的组件展示内容；将所述组件展示内容加载至预先构建的初始组件文件中，得到原生组件文件。本发明专利技术可以提高异步框架通用性。可以提高异步框架通用性。可以提高异步框架通用性。
【技术实现步骤摘要】
原生组件生成方法、装置、电子设备及存储介质
[0001]本专利技术涉及开发领域，尤其涉及一种原生组件生成方法、装置、电子设备及计算机可读存储介质。
技术介绍
[0002]目前前端开发项目中，React和Vue是近年来最引人注目的两个前端开发框架。React与Vue都是JavaScript的UI框架，专注于创造前端的富应用。React是一种声明式编程语言，通过DOM与HTML文档进行交互，Vue则是Laravel社区的流行框架。两个框架之前都为前端开发者提供了一种实用的方法来开发各种在线应用程序，但是两个框架都无法实现跨框架复用，从而使得框架的通用性较差。
技术实现思路
[0003]本专利技术提供一种原生组件生成方法、装置、电子设备及计算机可读存储介质，其主要目的在于提高异步框架通用性。
[0004]为实现上述目的，本专利技术提供的一种原生组件生成方法，包括：
[0005]获取原始组件文件，查询所述原始组件文件中的输出变量名，根据所述输出变量名，确定所述原始组件文件的组件声明内容；
[0006]对所述组件声明内容进行内容编码，得到组件编码内容，并定义所述组件编码内容的内容回调函数；
[0007]识别所述组件编码内容中的组件变量，提取所述组件变量中的动态变量，并配置所述动态变量的变量修改逻辑；
[0008]根据所述内容回调函数和所述变量修改逻辑，创建所述原始组件文件的组件展示内容；
[0009]将所述组件展示内容加载至预先构建的初始组件文件中，得到原生组件文件。
[0010]可选地，所述根据所述输出变量名，确定所述原始组件文件的组件声明内容，包括：
[0011]获取所述输出变量名对应的组件声明函数；
[0012]根据所述组件声明函数，在所述原始组件文件中查找内容声明关键字，确定所述内容声明关键字的声明位置，并查询所述声明位置的位置声明函数；
[0013]将所述位置声明函数与所述组件声明函数进行匹配，在所述位置声明函数与所述组件声明函数匹配成功时，提取所述位置声明函数的位置声明内容，并将所述位置声明内容作为所述原始组件文件的组件声明内容。
[0014]可选地，所述定义所述组件编码内容的内容回调函数，包括：
[0015]查询所述组件编码内容的回调关键字，并识别所述回调关键字对应的回调属性值；
[0016]根据所述回调属性值，获得所述组件编码内容的方法函数；
[0017]定义所述方法函数为所述组件编码内容的内容回调函数。
[0018]可选地，所述识别所述组件编码内容中的组件变量，包括：
[0019]查询所述组件编码内容中的组件标签，在所述组件标签内查找变量字段；
[0020]提取在所述变量字段所包含的字段内容，根据所述字段内容，确定所述组件编码内容中的组件变量。
[0021]可选地，所述配置所述动态变量的变量修改逻辑，包括:
[0022]获取所述动态变量的组件声明内容，在所述组件声明内容中，查询所述动态变量的初始声明编码；
[0023]在所述初始声明编码中，查找所述动态变量的声明方法，调用所述声明方法，以获取所述动态变量的返回数组，识别所述返回数组的数据调用方法，并将所述数据调用方法作为所述变量修改逻辑。
[0024]可选地，所述根据所述内容回调函数和所述变量修改逻辑，创建所述原始组件文件的组件展示内容，包括:
[0025]查询所述内容回调函数在所述原始组件文件的点击事件，根据所述点击事件，创建所述原始组件文件的组件点击内容；
[0026]并根据所述变量修改逻辑，识别所述原始组件文件的组件展示标签；
[0027]根据所述组件点击内容和所述组件展示标签，生成所述原始组件文件的组件展示内容。
[0028]可选地，所述根据所述点击事件，创建所述原始组件文件的组件点击内容，包括:
[0029]根据所述点击事件，查询所述原始组件文件的点击关键字；
[0030]添加所述点击关键字的id属性，并利用预设的命名规则对所述id属性进行命名，得到命名属性；
[0031]根据所述命名属性，定位所述原始组件文件的点击标签，并配置所述点击标签的点击内容，得到所述原始组件文件的组件点击内容。
[0032]为了解决上述问题，本专利技术还提供一种原生组件生成装置，所述装置包括：
[0033]组件声明内容识别模块，用于获取原始组件文件，查询所述原始组件文件中的输出变量名，根据所述输出变量名，确定所述原始组件文件的组件声明内容；
[0034]内容回调函数定义模块，用于对所述组件声明内容进行内容编码，得到组件编码内容，并定义所述组件编码内容的内容回调函数；
[0035]变量修改逻辑配置模块，用于识别所述组件编码内容中的组件变量，提取所述组件变量中的动态变量，并配置所述动态变量的变量修改逻辑；
[0036]组件展示内容创建模块，用于根据所述内容回调函数和所述变量修改逻辑，创建所述原始组件文件的组件展示内容；
[0037]原生组件文件生成模块，用于将所述组件展示内容加载至预先构建的初始组件文件中，得到原生组件文件。
[0038]为了解决上述问题，本专利技术还提供一种电子设备，所述电子设备包括：
[0039]至少一个处理器；以及，
[0040]与所述至少一个处理器通信连接的存储器；其中，
[0041]所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序
被所述至少一个处理器执行，以实现上述所述的原生组件生成方法。
[0042]为了解决上述问题，本专利技术还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一个计算机程序，所述至少一个计算机程序被电子设备中的处理器执行以实现上述所述的原生组件生成方法。
[0043]可以看出，本专利技术实施例通过对获取原始组件文件，查询所述原始组件文件中的输出变量名，根据所述输出变量名，确定所述原始组件文件的组件声明内容，为后续确定所述原始组件文件的组件声明内容提供保障，并对所述组件声明内容进行内容编码，得到组件编码内容，并定义所述组件编码内容的内容回调函数，可以为后续查找所述内容回调函数提供查找范围，为后续组件生成所需的原始组件展示内容提供依据；其次本专利技术实施例在识别所述组件编码内容中的组件变量，提取所述组件变量中的动态变量，并配置所述动态变量的变量修改逻辑，可以为后续组件生成所需的原始组件展示内容提供依据，从而提高异步框架通用性；进一步地，根据所述内容回调函数和所述变量修改逻辑，创建所述原始组件文件的组件展示内容，可以为后续生成原生组件文件提供保障，将所述组件展示内容加载至预先构建的初始组件文件中，得到原生组件文件，实现所述原始组件文件的异步框架通用性配置，提高在不同框架调用组件时的通用性。因此，本专利技术实施例提出的一种原生组件生成方法、装置、电子设备及计算机可读存储介质可以提高异步框架通用性。
附图说明
[004本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种原生组件生成方法，其特征在于，所述方法包括：获取原始组件文件，查询所述原始组件文件中的输出变量名，根据所述输出变量名，确定所述原始组件文件的组件声明内容；对所述组件声明内容进行内容编码，得到组件编码内容，并定义所述组件编码内容的内容回调函数；识别所述组件编码内容中的组件变量，提取所述组件变量中的动态变量，并配置所述动态变量的变量修改逻辑；根据所述内容回调函数和所述变量修改逻辑，创建所述原始组件文件的组件展示内容；将所述组件展示内容加载至预先构建的初始组件文件中，得到原生组件文件。2.如权利要求1所述的原生组件生成方法，其特征在于，所述根据所述输出变量名，确定所述原始组件文件的组件声明内容，包括：获取所述输出变量名对应的组件声明函数；根据所述组件声明函数，在所述原始组件文件中查找内容声明关键字，确定所述内容声明关键字的声明位置，并查询所述声明位置的位置声明函数；将所述位置声明函数与所述组件声明函数进行匹配，在所述位置声明函数与所述组件声明函数匹配成功时，提取所述位置声明函数的位置声明内容，并将所述位置声明内容作为所述原始组件文件的组件声明内容。3.如权利要求1所述的原生组件生成方法，其特征在于，所述定义所述组件编码内容的内容回调函数，包括：查询所述组件编码内容的回调关键字，并识别所述回调关键字对应的回调属性值；根据所述回调属性值，获得所述组件编码内容的方法函数；定义所述方法函数为所述组件编码内容的内容回调函数。4.如权利要求1所述的原生组件生成方法，其特征在于，所述识别所述组件编码内容中的组件变量，包括：查询所述组件编码内容中的组件标签，在所述组件标签内查找变量字段；提取在所述变量字段所包含的字段内容，根据所述字段内容，确定所述组件编码内容中的组件变量。5.如权利要求1所述的原生组件生成方法，其特征在于，所述配置所述动态变量的变量修改逻辑，包括：获取所述动态变量的组件声明内容，在所述组件声明内容中，查询所述动态变量的初始声明编码；在所述初始声明编码中，查找所述动态变量的声明方法，调用所述声明方法，以获取所述动态变量的返回数组，识别所述返回数组的数据调用方法，并将所述数据调用方法作为所述变量修改逻...
【专利技术属性】
技术研发人员：黄康，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。