一种元数据页面开发方法和系统技术方案

本发明专利技术提出了一种元数据页面开发方法和系统。所述元数据页面开发方法包括：根据前端页面的开发要求，设置与所述前端页面的开发要求对应的多种类型的模板组件；实时监测开发代码，当检测到需要插入模板时，调取所述模板组件；将调取的所述模板组件中对应的模板插入待开发页面处。所述系统包括与所述方法步骤对应的模块。的模块。的模块。

【技术实现步骤摘要】
一种元数据页面开发方法和系统


[0001]本专利技术提出了一种元数据页面开发方法和系统，属于软件编程


技术介绍

[0002]元数据页面是一个后台前端解决方案，它基于vue和element
‑
ui实现。它使用了最新的前端技术栈，内置了多种国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件。元数据页面开发的实际工作中如果每个页面都写一遍，重复代码太多了，这就导致现有的页面开发存在注重前端研发，组件复用难，研发进度缓慢，不适合快速项目交付等问题。

技术实现思路

[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]编码展示模块，用于当检测到所述调用代码时，利用所述调用代码调取不同代码量规格需求的规格类型所对应的唯一编码，并将所述唯一编码在开发页面上进行展示；
[0031]选中调取模块，用于实时监测所述唯一编码的选中信号，当获取所述唯一代码的选中信号时，调取被选中的所述唯一代码所对应的模板组件。
[0032]进一步地，所述插入模块包括：
[0033]模板调取实施模块，用于调取所述模板组件对应的所述模板；
[0034]位置标定模块，用于标定所述模板组件对应的调用代码出现的前端页面的位置；
[0035]标定插入模块，用于在所述前端页面的位置处插入所述模板组件对应的所述模板。
[0036]本专利技术有益效果：
[0037]本专利技术提出的一种元数据页面开发方法和系统标记鲜明，容易维护组件化后，只需要对对应的组件进行维护，不会影响到其它文件。而且文件结构清楚，方便后台人员的使用。块状化结构，减少css的书写，并且方便扩展块状化结构，一个模块一个标识，标识加元素标签定位书写css，减少大量的class网状试开发，大块套小块，扩展更加灵活。
附图说明
[0038]图1为本专利技术所述方法的流程图；
[0039]图2为本专利技术所述系统的系统框图。
具体实施方式
[0040]以下结合附图对本专利技术的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本专利技术，并不用于限定本专利技术。
[0041]本专利技术实施例提出了一种元数据页面开发方法，如图1所示，所述元数据页面开发方法包括：
[0042]S1、根据前端页面的开发要求，设置与所述前端页面的开发要求对应的多种类型的模板组件；
[0043]S2、实时监测开发代码，当检测到需要插入模板时，调取所述模板组件；
[0044]S3、将调取的所述模板组件中对应的模板插入待开发页面处。
[0045]上述技术方案的工作原理为：首先，根据前端页面的开发要求，设置与所述前端页面的开发要求对应的多种类型的模板组件；然后，实时监测开发代码，当检测到需要插入模板时，调取所述模板组件；最后，将调取的所述模板组件中对应的模板插入待开发页面处。
[0046]上述技术方案的效果为：本实施例提出的一种元数据页面开发方法标记鲜明，容易维护组件化后，只需要对对应的组件进行维护，不会影响到其它文件。而且文件结构清楚，方便后台人员的使用。块状化结构，减少css的书写，并且方便扩展块状化结构，一个模块一个标识，标识加元素标签定位书写css，减少大量的class网状试开发，大块套小块，扩展更加灵活。
[0047]本专利技术的一个实施例，根据前端页面的开发要求，设置与所述前端页面的开发要求对应的多种类型的模板组件，包括：
[0048]S101、提取所述前端页面的开发要求，获取符合开发要求的开发过程中需要重复创建的页面类型，并针对每种页面类型建立唯一对应的调用代码；
[0049]S102、针对所述页面类型设置不同代码量规格需求的规格类型，并针对所述规格类型设置唯一编码；
[0050]S103、针对每种所述页面类型对应的不同的规格类型需求设置对应的模本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种元数据页面开发方法，其特征在于，所述元数据页面开发方法包括：根据前端页面的开发要求，设置与所述前端页面的开发要求对应的多种类型的模板组件；实时监测开发代码，当检测到需要插入模板时，调取所述模板组件；将调取的所述模板组件中对应的模板插入待开发页面处。2.根据权利要求1所述元数据页面开发方法，其特征在于，根据前端页面的开发要求，设置与所述前端页面的开发要求对应的多种类型的模板组件，包括：提取所述前端页面的开发要求，获取符合开发要求的开发过程中需要重复创建的页面类型，并针对每种页面类型建立唯一对应的调用代码；针对所述页面类型设置不同代码量规格需求的规格类型，并针对所述规格类型设置唯一编码；针对每种所述页面类型对应的不同的规格类型需求设置对应的模板组件。3.根据权利要求1所述元数据页面开发方法，其特征在于，实时监测开发代码，当检测到需要插入模板时，调取所述模板组件，包括:实时监测所述前端页面的开发进程，当需要插入模板组件时，输入当前前端页面所属的页面类型的调用代码；当检测到所述调用代码时，利用所述调用代码调取不同代码量规格需求的规格类型所对应的唯一编码，并将所述唯一编码在开发页面上进行展示；实时监测所述唯一编码的选中信号，当获取所述唯一代码的选中信号时，调取被选中的所述唯一代码所对应的模板组件。4.根据权利要求1所述元数据页面开发方法，其特征在于，将调取的所述模板组件中对应的模板插入待开发页面处，包括：调取所述模板组件对应的所述模板；标定所述模板组件对应的调用代码出现的前端页面的位置；在所述前端页面的位置处插入所述模板组件对应的所述模板。5.一种元数据页面开发系统，其特征在于，所述元数...

【专利技术属性】
技术研发人员：兰雨晴，余丹，尤春磊，邢智涣，王丹星，
申请(专利权)人：慧之安信息技术股份有限公司，
类型：发明
国别省市：