一种前端页面的配置方法及装置制造方法及图纸

本发明专利技术公开了一种前端页面的配置方法及装置，其中方法为：获取配置文件；所述配置文件中定义了数据字典的配置信息；所述数据字典用于多个前端页面的多个页面组件的配置；在目标前端页面初始化时，加载预先创建的数据字典容器；按照所述数据字典容器的预设格式，根据所述数据字典的配置信息，将所述数据字典的数据内容，存入所述数据字典容器；所述目标前端页面为所述多个前端页面中首次初始化的前端页面；基于所述数据字典容器，对所述多个前端页面配置。上述方法应用于金融科技(Fintech)时，节约了前端页面配置过程中消耗的内存。

【技术实现步骤摘要】
一种前端页面的配置方法及装置
本专利技术涉及金融科技(Fintech)领域中的前端开发领域，尤其涉及一种前端页面的配置方法及装置。
技术介绍
随着计算机技术的发展，越来越多的技术应用在金融领域，传统金融业正在逐步向金融科技(Fintech)转变，但由于金融行业的安全性、实时性要求，也对技术提出的更高的要求。目前，金融机构的前端页面的运转一般通过数据字典来支持。数据字典是多种字段及字段间转换关系的合集，包括对字段的数据结构、数据流、数据存储、处理逻辑、外部实体等进行定义和描述。举例来说，一个网页游戏中游戏段位显示的场景下，在前端页面可能会显示青铜、白银和黄金等段位，网页后台的逻辑代码中自然不会直接定义出白银等游戏段位，而是用字符代替。在前端页面显示时，才通过数据字典进行转换。如数据字典中记录了0代表青铜、1代表白银、2代表黄金。然而，在其他场景下，有可能是其它的字段及字段间的转换关系。目前的方案中，数据字典是挂载在前端页面的页面组件上，当需要使用数据字典时，临时在页面组件中加载。如果在多个页面需要使用同一个数据字典，需要在每个页面初始化时均加载数据字典，这样无疑会消耗较多的内存，因此目前的方案中，前端页面配置过程中会消耗较多的内存，这是一个亟待解决的问题。
技术实现思路
本专利技术提供一种前端页面的配置方法及装置，解决了现有技术中前端页面配置过程中会消耗较多的内存的问题。第一方面，本专利技术提供一种前端页面的配置方法，包括：获取配置文件；所述配置文件中定义了数据字典的配置信息；所述数据字典用于多个前端页面的多个页面组件的配置；在目标前端页面初始化时，加载数据字典容器；按照所述数据字典容器的预设格式，根据所述数据字典的配置信息，将所述数据字典的数据内容，存入所述数据字典容器；所述目标前端页面为所述多个前端页面中首次初始化的前端页面；基于所述数据字典容器，对所述多个前端页面配置。上述方式下，所述配置文件中定义了用于多个前端页面的多个页面组件的配置信息，在所述多个前端页面中首次有前端页面初始化时，便加载预先创建的数据字典容器，并按照所述数据字典容器的预设格式，根据所述数据字典的配置信息，将所述数据字典的数据内容，存入所述数据字典容器，从而多个页面需要用到的数据字典的数据内容，在所述多个前端页面中首次初始化时，便一同存入至所述数据字典容器，从而不需要所述多个前端页面每次需要初始化时都重新加载所述数据字典，只需要首次存入所述数据字典容器即可，从而节约了内存。可选的，所述按照所述数据字典容器的预设格式，根据所述多个页面组件的数据字典的配置信息，将所述多个页面组件的数据字典的数据内容，存入所述数据字典容器，包括：根据所述数据字典的配置信息，获取所述数据字典的数据内容；所述数据字典的配置信息用于指示所述数据字典的数据内容中各字段的属性；所述属性包括数值类型以及描述类型；所述数值类型用于标识前端页面的后台交互逻辑；所述描述类型用于标识前端页面的页面组件的显示信息；将所述数据字典的数据内容，按照所述预设格式，存入所述数据字典容器；所述预设格式为：在数据字典的名称目录下的每个数据字典项包括数值类型的数值信息和描述类型的描述信息；所述数据字典容器提供了针对所述预设格式的统一配置函数，所述统一配置函数用于数值信息与描述信息之间的转换。上述方式下，所述配置文件中定义了所述数据字典中的配置信息，由于所述数据字典的配置信息指示出了所述数据字典的数据内容中何字段为数值信息以及何字段为描述信息；可以根据所述数据字典的配置信息，获取所述数据字典的数据内容，从而可以按照数据字典容器的预设格式，存入所述数据字典容器，这样便可以通过所述数据字典容器提供的统一配置函数，对数值信息与描述信息之间的转换，提升前端页面的配置效率。可选的，所述数据字典的配置信息还指示出了所述数据字典的配置类型；所述根据所述数据字典的配置信息，获取所述数据字典的数据内容，包括：若所述数据字典的配置类型为静态配置，则将所述数据字典的配置信息中的数据内容，作为所述数据字典的数据内容；若所述数据字典的配置类型为动态配置，则根据所述数据字典的配置信息中的接口地址与后台服务交互，获取所述后台服务的响应数据；将所述响应数据作为所述数据字典的数据内容。上述方法中，若所述数据字典的配置类型为静态配置，则将所述数据字典的配置信息中的数据内容，作为所述数据字典的数据内容，相应的，动态配置情况下，将所述响应数据作为所述数据字典的数据内容，从而使得无论在静态配置还是动态配置的情况下，都可以获取到所述数据字典的数据内容。可选的，所述将所述响应数据作为所述数据字典的数据内容，包括：若所述数据字典的配置信息还包括响应数据结构信息，则针对所述响应数据中任一数据项，根据所述响应数据结构信息解析出所述数据项中的数值信息和所述数据项中的描述信息；所述响应数据结构信息指示出了所述响应数据中任一数据项中各数据子项的属性。上述方法中，所述响应数据结构信息指示出了所述响应数据中任一数据项中各数据子项的属性，从而可以通过定义响应数据结构信息的方式详细描述所述响应数据中的数据项，并解析出所述数据项中的数值信息和所述数据项中的描述信息，能够通过所述响应数据结构信息自动化地完成所述响应数据的解析。可选的，若所述数据字典的配置信息不包括所述响应数据结构信息，且所述响应数据的数据项数量小于预设阈值，针对所述响应数据的数据内容中任一数据项，将所述数据项中第一数据类型的数据子项作为所述数据项中的数值信息，将所述数据项中第二数据类型的数据子项作为所述数据项中的描述信息；若所述数据字典的配置信息不包括所述响应数据结构信息，且所述响应数据的数据项数量不小于所述预设阈值，则输出配置提示信息；所述配置提示信息用于指示进行所述响应数据结构信息的配置。上述方式下，若所述数据字典的配置信息不包括所述响应数据结构信息，且所述响应数据的数据项数量小于预设阈值，可以根据数据项的数据类型确定出数据项中的数值信息和描述信息，从而可以在没所述响应数据结构信息时，且所述响应数据的数据项数量小于预设阈值，自动化地确定出数据项中的数值信息和描述信息，并在所述响应数据的数据项数量不小于所述预设阈值，及时输出配置提示信息，提示进行所述响应数据结构信息的配置。可选的，针对所述多个前端页面中任一前端页面的任一下拉框组件；所述下拉框组件存在创建的文档对象模型DOM父节点和多个DOM子节点；其中，每个DOM子节点和所述下拉框组件的子项对应；所述DOM父节点绑定了点击事件；还包括：若接收到所述下拉框组件的任一子项的DOM子节点的点击命令，则触发所述父节点绑定的所述点击事件，确定所述子项的数值信息；将所述子项的数值信息作为所述统一配置函数的传入参数。上述方式下，通过所述DOM父节点的点击事件绑定机制，及时将所述子项的数值信息作为所述统一配置函数的传入参数，从而可以通过DOM父节点和多个DOM子节点的点击触发下拉框组件的描述信息显示。可选的，所述数据字典容器继承了父对象；所述父对象中定义了所述统一配置函数；所述基于本文档来自技高网...

【技术保护点】
1.一种前端页面的配置方法，其特征在于，包括：/n获取配置文件；所述配置文件中定义了数据字典的配置信息；所述数据字典用于多个前端页面的多个页面组件的配置；/n在目标前端页面初始化时，加载预先创建的数据字典容器；/n按照所述数据字典容器的预设格式，根据所述数据字典的配置信息，将所述数据字典的数据内容，存入所述数据字典容器；所述目标前端页面为所述多个前端页面中首次初始化的前端页面；/n基于所述数据字典容器，对所述多个前端页面配置。/n

【技术特征摘要】
1.一种前端页面的配置方法，其特征在于，包括：
获取配置文件；所述配置文件中定义了数据字典的配置信息；所述数据字典用于多个前端页面的多个页面组件的配置；
在目标前端页面初始化时，加载预先创建的数据字典容器；
按照所述数据字典容器的预设格式，根据所述数据字典的配置信息，将所述数据字典的数据内容，存入所述数据字典容器；所述目标前端页面为所述多个前端页面中首次初始化的前端页面；
基于所述数据字典容器，对所述多个前端页面配置。


2.如权利要求1所述的方法，其特征在于，所述按照所述数据字典容器的预设格式，根据所述数据字典的配置信息，将所述数据字典的数据内容，存入所述数据字典容器，包括：
根据所述数据字典的配置信息，获取所述数据字典的数据内容；所述数据字典的配置信息用于指示所述数据字典的数据内容中各字段的属性；所述属性包括数值类型以及描述类型；所述数值类型用于标识前端页面的后台交互逻辑；所述描述类型用于标识前端页面的页面组件的显示信息；
将所述数据字典的数据内容，按照所述预设格式，存入所述数据字典容器；所述预设格式为：在数据字典的名称目录下的每个数据字典项包括数值类型的数值信息和描述类型的描述信息；所述数据字典容器提供了针对所述预设格式的统一配置函数，所述统一配置函数用于数值信息与描述信息之间的转换。


3.如权利要求2所述的方法，其特征在于，所述数据字典的配置信息还指示出了所述数据字典的配置类型；所述根据所述数据字典的配置信息，获取所述数据字典的数据内容，包括：
若所述数据字典的配置类型为静态配置，则将所述数据字典的配置信息中的数据内容，作为所述数据字典的数据内容；
若所述数据字典的配置类型为动态配置，则根据所述数据字典的配置信息中的接口地址与后台服务交互，获取所述后台服务的响应数据；将所述响应数据作为所述数据字典的数据内容。


4.如权利要求3所述的方法，其特征在于，所述将所述响应数据作为所述数据字典的数据内容，包括：
若所述数据字典的配置信息还包括响应数据结构信息，则针对所述响应数据中任一数据项，根据所述响应数据结构信息解析出所述数据项中的数值信息和所述数据项中的描述信息；所述响应数据结构信息指示出了所述响应数据中任一数据项中各数据子项的属性。


5.如权利要求4所述的方法，其特征在于，所述方法还包括：
若所述数据字典的配置信息不包括所述响应数据结构信息，且所述响应数据的数据项数量小于预设阈值，针对所述响应数据的数据内容中任一数据项，将所述数据项中第一数据类型的数据子项作为所述数据项中的...

【专利技术属性】
技术研发人员：万纯，林挺，
申请(专利权)人：深圳前海微众银行股份有限公司，
类型：发明
国别省市：广东;44