CN113590185B - 基于微前端的页面国际化配置方法、装置、设备及介质 - Google Patents
基于微前端的页面国际化配置方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN113590185B CN113590185B CN202111141569.6A CN202111141569A CN113590185B CN 113590185 B CN113590185 B CN 113590185B CN 202111141569 A CN202111141569 A CN 202111141569A CN 113590185 B CN113590185 B CN 113590185B
- Authority
- CN
- China
- Prior art keywords
- page
- data
- micro
- application
- internationalized
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000013519 translation Methods 0.000 claims abstract description 44
- 230000002085 persistent effect Effects 0.000 claims abstract description 9
- 230000002688 persistence Effects 0.000 claims abstract description 6
- 230000015654 memory Effects 0.000 claims description 26
- 230000005540 biological transmission Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 10
- 238000007726 management method Methods 0.000 claims description 9
- 238000001914 filtration Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 abstract description 10
- 238000012423 maintenance Methods 0.000 abstract description 9
- 230000014616 translation Effects 0.000 description 34
- 238000004891 communication Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 9
- 238000012986 modification Methods 0.000 description 9
- 230000004048 modification Effects 0.000 description 9
- 230000000007 visual effect Effects 0.000 description 6
- 238000006243 chemical reaction Methods 0.000 description 4
- 230000005291 magnetic effect Effects 0.000 description 3
- 238000004519 manufacturing process Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000012546 transfer Methods 0.000 description 2
- 101100498818 Arabidopsis thaliana DDR4 gene Proteins 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008094 contradictory effect Effects 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000005294 ferromagnetic effect Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000001902 propagating effect Effects 0.000 description 1
- 238000012857 repacking Methods 0.000 description 1
- 238000001228 spectrum Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/40—Processing or translation of natural language
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/40—Processing or translation of natural language
- G06F40/58—Use of machine translation, e.g. for multi-lingual retrieval, for server-side translation for client devices or for real-time translation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Computational Linguistics (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Human Computer Interaction (AREA)
- Artificial Intelligence (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请公开了一种基于微前端的页面国际化配置方法、装置、设备及介质，涉及计算机技术领域。方法包括：在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；将所述配置后的国际化页面中的数据进行持久化；读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。本申请能够将微前端架构中的各个子应用的国际化配置数据统一在主应用中维护，以保证各个子应用翻译的一致性，同时，也避免子应用间相同的词语重复配置，提升了开发效率；并且通过将配置数据持久化，保证业务人员在修改词条后无需重新打包发布，大大降低维护成本，提高了页面国际化的可维护性。
Description
技术领域
本申请涉及计算机技术领域，具体涉及一种基于微前端的页面国际化配置方法、装置、设备及介质。
背景技术
微前端架构是一种类似微服务的Web前端架构，它将微服务的理念应用于前端开发，将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立开发、独立部署、独立运行，提高了软件系统的灵活性，也提升了软件系统的开发及维护效率。
页面国际化就是指页面可以按照中英文切换显示。目前，页面国际化的实现方法是在应用中建立多语言配置文件，然后当应用中的页面加载时根据语言环境选择相应的配置文件作为依据，对页面上的关键词进行翻译。
而在微前端架构下，每个子应用都有各自的国际化文件，此方案会出现不同子应用间相同的词语重复配置的情况，或者相同的词语翻译不一致等问题。且若在生产环境中想要修改某个词条，必须通过修改代码，重新打包、重新部署的方式实现，十分繁琐，非常难于维护。
发明内容
为了解决上述背景技术中提到的至少一个问题，本申请提供了一种基于微前端的页面国际化配置方法、装置、设备及介质，能够将微前端架构中的各个子应用的国际化配置数据统一在主应用中维护，以保证各个子应用翻译的一致性，同时，也避免子应用间相同的词语重复配置，提升了开发效率；并且通过将配置数据持久化，保证业务人员在修改词条后无需重新打包发布，大大降低维护成本，提高了页面国际化的可维护性。
本申请实施例提供的具体技术方案如下：
第一方面，提供一种基于微前端的页面国际化配置方法，所述方法包括：
在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；
将所述配置后的国际化页面中的数据进行持久化；
读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。
进一步的，所述在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面，包括：
在微前端主应用中创建国际化页面；
获取所述国际化页面中的至少一个词条，对每个所述词条配置多个属性，所述属性包括关键字以及至少一个语种翻译数据，所述关键字用于标识当前所述词条，所述关键字全局唯一；
得到配置后的国际化页面。
进一步的，在将所述配置后的国际化页面中的数据进行持久化之后，所述方法还包括：
在系统初始化时，在所述微前端主应用中读取所有所述数据；
读取当前所述系统的语种环境，根据所述语种环境以及所述数据，过滤得到每个所述词条的对应语种翻译数据；
将每个所述词条的关键字与所述对应语种翻译数据组合，得到组合后的词条数据。
进一步的，所述读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译，还包括：
在激活至少一个微前端子应用时，将所述组合后的词条数据传输至所述微前端子应用；
在所述微前端子应用页面加载时，根据所述组合后的词条数据进行页面翻译。
进一步的，所述微前端主应用与所述微前端子应用通过参数传递通道传输数据，所述参数传递通道包括props，
所述在激活至少一个微前端子应用时，将所述组合后的词条数据传输至所述微前端子应用，包括：
在激活至少一个微前端子应用时，通过所述props将所述组合后的词条数据传输至所述微前端子应用。
进一步的，所述将所述配置后的国际化页面中的数据进行持久化，包括以下至少一种：
将所述配置后的国际化页面中的数据存入物理存储设备中、将所述配置后的国际化页面中的数据存入数据库中。
进一步的，所述将所述配置后的国际化页面中的数据存入物理存储设备中，具体包括：
将所述配置后的国际化页面中的数据转换为json字符串写入文件中；
将所述文件存入物理存储设备。
第二方面，提供一种基于微前端的页面国际化配置装置，所述装置包括：
控制模块，用于在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；
管理模块，用于将所述配置后的国际化页面中的数据进行持久化；
传输模块，用于读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。
第三方面，提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述基于微前端的页面国际化配置方法。
第四方面，提供一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行所述基于微前端的页面国际化配置方法。
本申请实施例具有如下有益效果：
本申请实施例提供的一种基于微前端的页面国际化配置方法、装置、设备及介质，能够在微前端主应用中提供可视化的国际化页面，供开发人员添加或修改国际化配置，并将数据在微前端主应用进行持久化。当激活子应用时，将数据从主应用传入子应用，供子应用进行页面翻译业务。不同的子应用在开发国际化功能时，可以通过统一的可视化页面进行添加、维护国际化词条，从代码层面上保证了词条的唯一性，也同时保证了不同子应用的翻译统一性，降低了微前端开发的复杂度。另外，在生产环境中修改词条也只需要通过特定的界面操作，而无需进行修改代码、重新打包、重新部署的流程，极大地提升了开发和维护效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出本申请实施例提供的基于微前端的页面国际化配置方法的总流程图；
图2示出根据本申请一个实施例的基于微前端的页面国际化配置方法的实施流程示意图；
图3示出本申请实施例提供的基于微前端的页面国际化配置装置的结构示意图；
图4示出可被用于实施本申请中所述的各个实施例的示例性系统。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
应当理解，在本申请的描述中，除非上下文明确要求，否则整个说明书和权利要求书中的“包括”、“包含”等类似词语应当解释为包含的含义而不是排他或穷举的含义；也就是说，是“包括但不限于”的含义。
还应当理解，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本申请的描述中，除非另有说明，“多个”的含义是两个或两个以上。
需要注意的是，术语“S1”、“S2”等仅用于步骤的描述目的，并非特别指称次序或顺位的意思，亦非用以限定本申请，其仅仅是为了方便描述本申请的方法，而不能理解为指示步骤的先后顺序。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
微前端包括一个主应用以及多个子应用。其中，主应用只提供总体的控制功能，不提供具体的业务功能；子应用提供具体的业务功能。
具体的，主应用为微前端架构中众多子应用的基础工程，其余各个子应用都在该主应用中注册。在主应用中可以根据链接地址来控制决定激活哪些工程、哪些子应用。子应用根据该主应用的逻辑来进行激活或销毁。
实施例一
本申请提供了一种基于微前端的页面国际化配置方法，参照图1，方法包括：
S1、在微前端主应用中创建国际化页面，对国际化页面进行配置，得到配置后的国际化页面。
下面结合图2对本实施例进行示例性解释：
具体的，国际化页面可以包括一种可视化页面，在微前端主应用中的国际化页面中可以对词条进行可视化配置。微前端体系下，代码更加简洁，能够避免无关组件之间的不必要耦合，实现组件解耦，更易于维护，从而实现团队自治。然而，大幅提升的团队自治水平可能会让各个团队的工作愈加分裂。各团队只关注自己的业务或者平台功能，在面向用户的整体交付方面，会导致对用户需求和体现不敏感，和响应不及时。并且，不同子应用之间依赖的包存在很多重复，由于各应用独立开发、编译和发布，难免会存在重复依赖的情况。从而导致不同应用之间需要重复下载依赖，额外再增加了流量和服务端压力。
具体的，对于页面国际化场景下，每个子应用都有各自的国际化配置文件，不同的子应用间就存在相同的词条重复配置或是相同的词条而翻译不一致的情况。通过创建、提供国际化页面，可以在主应用下的可视化页面直接对词条进行配置，实现了词条翻译的统一，并且对词条进行修改不需要修改代码、重新打包、重新部署，只需要通过特定的页面操作，提高了开发效率，易于维护，减少流量和服务端的压力。
在一些实施方式中，S1还包括：
S11、在微前端主应用中创建国际化页面；
S12、获取国际化页面中的至少一个词条，对每个词条配置多个属性，属性包括关键字以及至少一个语种翻译数据，关键字用于标识当前词条，关键字全局唯一；
S13、得到配置后的国际化页面。
具体的，上述词条为页面中国际化配置对象，可以包括一个或多个字或字段、一组或多组词语、一句或多句语句。
示例性的，关键字可以包括key，key全局唯一。属性可以包括key、zh_cn、en等。其中，key用于标识当前词条，zh_cn表示当前词条对应的汉语译文，en表示当前词条对应的英语译文。若还需要其他语种翻译，可以增加其他语种属性，属性名称可以根据该语种自定义。
S2、将配置后的国际化页面中的数据进行持久化。
具体的，持久化是将程序数据在持久状态和瞬时状态间转换的机制。持久化即把上述数据保存到可永久保存的物理存储设备或数据库中。持久化的主要应用是将内存中的对象存储在数据库中，或者存储在磁盘文件中、XML数据文件中等等。
在一些实施方式中，S2包括以下至少一种：
将配置后的国际化页面中的数据存入物理存储设备中、将配置后的国际化页面中的数据存入数据库中。
其中，将配置后的国际化页面中的数据存入物理存储设备中，具体包括：将配置后的国际化页面中的数据转换为json字符串写入文件中；
将文件存入物理存储设备。
示例性的，上述配置后的国际化页面中的数据包括词条数据，可以将词条数据转换为json字符串，如：{key：“example”，zh_cn：“举例”，en：“Example”}这样的形式写入文件中，再将该文件存储至物理存储设备中。也可以通过将词条数据逐个保存到数据库中，通过这样的方式对词条数据进行持久化，以供后续读取。
在一些实施方式中，在执行S2之后，方法还包括：
201、在系统初始化时，在微前端主应用中读取所有数据；
202、读取当前系统的语种环境，根据语种环境以及数据，过滤得到每个词条的对应语种翻译数据；
203、将每个词条的关键字与对应语种翻译数据组合，得到组合后的词条数据。
具体的，系统可以包括浏览器，服务器等。系统初始化可以包括浏览器刷新，页面重新加载等情况。可以在改变语言环境、网络环境时进行系统初始化，这时就需要重新加载页面信息，重新读取词条数据对页面信息进行翻译转换。
示例性的，若识别到当前语言环境为汉语语言，则可以根据当前语言环境（汉语环境），对词条数据进行转换，过滤掉其他语言环境属性数据信息，转换为key：value格式，即转换为key：zh_cn格式。使得词条、关键字与当前语言环境（汉语环境）对应的属性单独匹配，例如{example：“举例”}。通过这样的技术手段，可以减少与当前语言环境无关的其他语言环境属性数据信息的传输与处理，从而减少运算量与服务端的压力，提升翻译转换效率。
S3、读取数据，将数据传输至至少一个微前端子应用，以供任一微前端子应用根据数据进行页面翻译。
具体的，从上述物理存储或数据库中读取词条数据，将这些词条数据传输给其他微前端子应用，微前端子应用对这些词条数据实施业务。词条数据的来源一致、页面翻译与转换统一，可以实现页面翻译一致性。各个微前端子应用自主完成页面翻译流程，实现团队的独立自治。
在一些实施方式中，S3还包括：
S31、在激活至少一个微前端子应用时，将组合后的词条数据传输至微前端子应用；
S32、在微前端子应用页面加载时，根据组合后的词条数据进行页面翻译。
具体的，微前端主应用与微前端子应用通过参数传递通道传输数据，其中，参数传递通道可以包括props属性，S31还包括：
在激活至少一个微前端子应用时，通过所述props将所述组合后的词条数据传输至所述微前端子应用。
具体的，父子组件之间的通信就是props down，events up。父组件，即微前端主应用，通过属性props向下传递词条数据给子组件（子应用），子组件（子应用）通过事件events给父组件发送消息。
示例性的，子应用需要某个数据，就在内部定义一个prop属性，然后父组件就像给html元素指定特性值一样，把自己的data属性传递给子组件的这个属性。
在本实施例中，在微前端主应用中提供可视化的国际化页面，供开发人员添加或修改国际化配置，并将数据在微前端主应用进行持久化。当激活子应用时，将数据从主应用传入子应用，供子应用进行页面翻译业务。通过采用上述技术方案，不同的子应用在开发国际化功能时，可以通过统一的可视化页面进行添加、维护国际化词条，从代码层面上保证了词条的唯一性，也同时保证了不同子应用的翻译统一性，降低了微前端开发的复杂度。另外，在生产环境中修改词条也只需要通过特定的界面操作，而无需进行修改代码、重新打包、重新部署的流程，极大地提升了开发和维护效率。
实施例二
对应上述实施例，本申请还提供了一种基于微前端的页面国际化配置装置300，包括控制模块301、管理模块302以及传输模块303。
其中，控制模块301用于在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；管理模块302用于将所述配置后的国际化页面中的数据进行持久化；传输模块303用于读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。
进一步的，控制模块301还用于在微前端主应用中创建国际化页面；以及用于获取所述国际化页面中的至少一个词条，对每个所述词条配置多个属性，所述属性包括关键字以及至少一个语种翻译数据，所述关键字用于标识当前所述词条，所述关键字全局唯一；控制模块301还用于得到配置后的国际化页面。
进一步的，管理模块302还用于在系统初始化时，在所述微前端主应用中读取所有所述数据；以及用于读取当前所述系统的语种环境，根据所述语种环境以及所述数据，过滤得到每个所述词条的对应语种翻译数据；管理模块302还用于将每个所述词条的关键字与所述对应语种翻译数据组合，得到组合后的词条数据。
进一步的，传输模块303还用于在激活至少一个微前端子应用时，将所述组合后的词条数据传输至所述微前端子应用；管理模块302用于在所述微前端子应用页面加载时，根据所述组合后的词条数据进行页面翻译。
进一步的，传输模块303还用于在激活至少一个微前端子应用时，通过所述props将所述组合后的词条数据传输至所述微前端子应用。
进一步的，管理模块302还用于将所述配置后的国际化页面中的数据存入物理存储设备中以及将所述配置后的国际化页面中的数据存入数据库中。
进一步的，管理模块302还用于将所述配置后的国际化页面中的数据转换为json字符串写入文件中；以及将所述文件存入物理存储设备。
在本实施例中，在微前端主应用中提供可视化的国际化界面，供开发者在可视化界面中添加国际化配置、修改词条配置信息或是进行维护等一系列操作，易于维护，提升开发效率。同时，词条数据持久化到物理存储或是数据库中，供微前端子应用读取使用，保证了各个微前端子应用的翻译一致性。
实施例三
对应上述实施例，本申请还提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时可以实现上述基于微前端的页面国际化配置方法。
如图4所示，在一些实施例中，系统能够作为各所述实施例中的任意一个用于基于微前端的页面国际化配置方法的上述电子设备。在一些实施例中，系统可包括具有指令的一个或多个计算机可读介质(例如，系统存储器或NVM/存储设备)以及与该一个或多个计算机可读介质耦合并被配置为执行指令以实现模块从而执行本申请中所述的动作的一个或多个处理器(例如，(一个或多个)处理器)。
对于一个实施例，系统控制模块可包括任意适当的接口控制器，以向(一个或多个)处理器中的至少一个和/或与系统控制模块通信的任意适当的设备或组件提供任意适当的接口。
系统控制模块可包括存储器控制器模块，以向系统存储器提供接口。存储器控制器模块可以是硬件模块、软件模块和/或固件模块。
系统存储器可被用于例如为系统加载和存储数据和/或指令。对于一个实施例，系统存储器可包括任意适当的易失性存储器，例如，适当的DRAM。在一些实施例中，系统存储器可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。
对于一个实施例，系统控制模块可包括一个或多个输入/输出(I/O)控制器，以向NVM/存储设备及(一个或多个)通信接口提供接口。
例如，NVM/存储设备可被用于存储数据和/或指令。NVM/存储设备可包括任意适当的非易失性存储器(例如，闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如，一个或多个硬盘驱动器(HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。
NVM/存储设备可包括在物理上作为系统被安装在其上的设备的一部分的存储资源，或者其可被该设备访问而不必作为该设备的一部分。例如，NVM/存储设备可通过网络经由(一个或多个)通信接口进行访问。
(一个或多个)通信接口可为系统提供接口以通过一个或多个网络和/或与任意其他适当的设备通信。系统可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信。
对于一个实施例，(一个或多个)处理器中的至少一个可与系统控制模块的一个或多个控制器(例如，存储器控制器模块)的逻辑封装在一起。对于一个实施例，(一个或多个)处理器中的至少一个可与系统控制模块的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例，(一个或多个)处理器中的至少一个可与系统控制模块的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例，(一个或多个)处理器中的至少一个可与系统控制模块的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。
在各个实施例中，系统可以但不限于是：服务器、工作站、台式计算设备或移动计算设备(例如，膝上型计算设备、手持计算设备、平板电脑、上网本等)。在各个实施例中，系统可具有更多或更少的组件和/或不同的架构。例如，在一些实施例中，系统包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。
需要注意的是，本申请可在软件和/或软件与硬件的组合体中被实施，例如，可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中，本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本申请的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个步骤或功能的电路。
另外，本申请的一部分可被应用为计算机程序产品，例如计算机程序指令，当其被计算机执行时，通过该计算机的操作，可以调用或提供根据本申请的方法和/或技术方案。本领域技术人员应能理解，计算机程序指令在计算机可读介质中的存在形式包括但不限于源文件、可执行文件、安装包文件等，相应地，计算机程序指令被计算机执行的方式包括但不限于：该计算机直接执行该指令，或者该计算机编译该指令后再执行对应的编译后程序，或者该计算机读取并执行该指令，或者该计算机读取并安装该指令后再执行对应的安装后程序。在此，计算机可读介质可以是可供计算机访问的任意可用的计算机可读存储介质或通信介质。
通信介质包括藉此包含例如计算机可读指令、数据结构、程序模块或其他数据的通信信号被从一个系统传送到另一系统的介质。通信介质可包括有导的传输介质(诸如电缆和线(例如，光纤、同轴等))和能传播能量波的无线(未有导的传输)介质，诸如声音、电磁、RF、微波和红外。计算机可读指令、数据结构、程序模块或其他数据可被体现为例如无线介质(诸如载波或诸如被体现为扩展频谱技术的一部分的类似机制)中的已调制数据信号。术语“已调制数据信号”指的是其一个或多个特征以在信号中编码信息的方式被更改或设定的信号。调制可以是模拟的、数字的或混合调制技术。
在此，根据本申请的一个实施例包括一个装置，该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发该装置运行基于前述根据本申请的多个实施例的方法和/或技术方案。
实施例四
对应上述实施例，本申请还提供了一种计算机可读存储介质，存储有计算机可执行指令，计算机可执行指令用于执行基于微前端的页面国际化配置方法。
在本实施例中，计算机可读存储介质可包括以用于存储诸如计算机可读指令、数据结构、程序模块或其它数据的信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动的介质。例如，计算机可读存储介质包括，但不限于，易失性存储器，诸如随机存储器(RAM,DRAM,SRAM)；以及非易失性存储器，诸如闪存、各种只读存储器(ROM,PROM,EPROM,EEPROM)、磁性和铁磁/铁电存储器(MRAM,FeRAM)；以及磁性和光学存储设备(硬盘、磁带、CD、DVD)；或其它现在已知的介质或今后开发的能够存储供计算机系统使用的计算机可读信息/数据。
尽管已描述了本申请实施例中的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例中范围的所有变更和修改。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。
Claims (9)
1.一种基于微前端的页面国际化配置方法，其特征在于，所述方法包括：
在微前端主应用中创建国际化页面；
获取所述国际化页面中的至少一个词条，对每个所述词条配置多个属性，其中，所述属性包括关键字以及至少一个语种翻译数据，所述关键字用于标识当前所述词条，所述关键字全局唯一；
得到配置后的国际化页面；
将所述配置后的国际化页面中的数据进行持久化；
读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。
2.根据权利要求1所述的基于微前端的页面国际化配置方法，其特征在于，在将所述配置后的国际化页面中的数据进行持久化之后，所述方法还包括：
在系统初始化时，在所述微前端主应用中读取所有所述数据；
读取当前所述系统的语种环境，根据所述语种环境以及所述数据，过滤得到每个所述词条的对应语种翻译数据；
将每个所述词条的关键字与所述对应语种翻译数据组合，得到组合后的词条数据。
3.根据权利要求2所述的基于微前端的页面国际化配置方法，其特征在于，所述读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译，还包括：
在激活至少一个微前端子应用时，将所述组合后的词条数据传输至所述微前端子应用；
在所述微前端子应用页面加载时，根据所述组合后的词条数据进行页面翻译。
4.根据权利要求3所述的基于微前端的页面国际化配置方法，其特征在于，所述微前端主应用与所述微前端子应用通过参数传递通道传输数据，所述参数传递通道包括props，
所述在激活至少一个微前端子应用时，将所述组合后的词条数据传输至所述微前端子应用，包括：
在激活至少一个微前端子应用时，通过所述props将所述组合后的词条数据传输至所述微前端子应用。
5.根据权利要求1所述的基于微前端的页面国际化配置方法，其特征在于，所述将所述配置后的国际化页面中的数据进行持久化，包括以下至少一种：
将所述配置后的国际化页面中的数据存入物理存储设备中、将所述配置后的国际化页面中的数据存入数据库中。
6.根据权利要求5所述的基于微前端的页面国际化配置方法，其特征在于，所述将所述配置后的国际化页面中的数据存入物理存储设备中，具体包括：
将所述配置后的国际化页面中的数据转换为json字符串写入文件中；
将所述文件存入物理存储设备。
7.一种基于微前端的页面国际化配置装置，其特征在于，包括：
控制模块，用于在微前端主应用中创建国际化页面，获取所述国际化页面中的至少一个词条，对每个所述词条配置多个属性，其中，所述属性包括关键字以及至少一个语种翻译数据，所述关键字用于标识当前所述词条，所述关键字全局唯一；
控制模块还用于得到配置后的国际化页面；
管理模块，用于将所述配置后的国际化页面中的数据进行持久化；
传输模块，用于读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。
8.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1～6中任意一项所述基于微前端的页面国际化配置方法。
9.一种计算机可读存储介质，存储有计算机可执行指令，其特征在于，所述计算机可执行指令用于执行权利要求1～6中任意一项所述基于微前端的页面国际化配置方法。
Priority Applications (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111141569.6A CN113590185B (zh) | 2021-09-28 | 2021-09-28 | 基于微前端的页面国际化配置方法、装置、设备及介质 |
| US18/571,884 US20240264811A1 (en) | 2021-09-28 | 2022-02-25 | Micro-front-end-based page internationalization configuration method and apparatus, device, and medium |
| PCT/CN2022/078101 WO2023050703A1 (zh) | 2021-09-28 | 2022-02-25 | 基于微前端的页面国际化配置方法、装置、设备及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111141569.6A CN113590185B (zh) | 2021-09-28 | 2021-09-28 | 基于微前端的页面国际化配置方法、装置、设备及介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113590185A CN113590185A (zh) | 2021-11-02 |
| CN113590185B true CN113590185B (zh) | 2022-02-18 |
Family
ID=78242339
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111141569.6A Active CN113590185B (zh) | 2021-09-28 | 2021-09-28 | 基于微前端的页面国际化配置方法、装置、设备及介质 |
Country Status (3)
| Country | Link |
|---|---|
| US (1) | US20240264811A1 (zh) |
| CN (1) | CN113590185B (zh) |
| WO (1) | WO2023050703A1 (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113590185B (zh) * | 2021-09-28 | 2022-02-18 | 苏州浪潮智能科技有限公司 | 基于微前端的页面国际化配置方法、装置、设备及介质 |
| CN114327687B (zh) * | 2022-03-09 | 2022-05-20 | 恒生电子股份有限公司 | 微前端模式下子应用的构建方法、装置、设备及存储介质 |
Family Cites Families (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP1870804A1 (en) * | 2006-06-22 | 2007-12-26 | Microsoft Corporation | Dynamic software localization |
| US8843360B1 (en) * | 2011-03-04 | 2014-09-23 | Amazon Technologies, Inc. | Client-side localization of network pages |
| CN105138350B (zh) * | 2015-07-29 | 2018-08-31 | 北京四方继保自动化股份有限公司 | 一种组态软件国际化多语言的实现方法 |
| US10078504B1 (en) * | 2015-09-16 | 2018-09-18 | Amazon Technologies, Inc. | Automated software internationalization and localization |
| US10489513B2 (en) * | 2017-04-19 | 2019-11-26 | Salesforce.Com, Inc. | Web application localization |
| US10795799B2 (en) * | 2017-04-18 | 2020-10-06 | Salesforce.Com, Inc. | Website debugger for natural language translation and localization |
| WO2019071406A1 (zh) * | 2017-10-10 | 2019-04-18 | 深圳中兴力维技术有限公司 | 前端页面国际化处理方法、应用服务器及计算机可读存储介质 |
| CN109683998B (zh) * | 2017-10-19 | 2022-04-26 | 北京京东尚科信息技术有限公司 | 国际化实现方法、装置和系统 |
| CN111427641A (zh) * | 2020-02-27 | 2020-07-17 | 深圳壹账通智能科技有限公司 | 多语言适配方法、装置、系统、计算机设备及存储介质 |
| CN112162813A (zh) * | 2020-09-27 | 2021-01-01 | 北京恒华伟业科技股份有限公司 | 一种系统国际化配置方法及装置 |
| CN112612448A (zh) * | 2020-12-16 | 2021-04-06 | 平安普惠企业管理有限公司 | 前端国际化多页面打包方法、装置及计算机设备 |
| US11861332B2 (en) * | 2021-08-24 | 2024-01-02 | Microstrategy Incorporated | String localization for universal use |
| US11734495B2 (en) * | 2021-09-20 | 2023-08-22 | Capital One Services, Llc | Systems and methods for integrating application components in a web application |
| CN113590185B (zh) * | 2021-09-28 | 2022-02-18 | 苏州浪潮智能科技有限公司 | 基于微前端的页面国际化配置方法、装置、设备及介质 |
-
2021
- 2021-09-28 CN CN202111141569.6A patent/CN113590185B/zh active Active
-
2022
- 2022-02-25 WO PCT/CN2022/078101 patent/WO2023050703A1/zh active Application Filing
- 2022-02-25 US US18/571,884 patent/US20240264811A1/en active Pending
Also Published As
| Publication number | Publication date |
|---|---|
| US20240264811A1 (en) | 2024-08-08 |
| CN113590185A (zh) | 2021-11-02 |
| WO2023050703A1 (zh) | 2023-04-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9928038B2 (en) | Dynamically building locale objects or subsections of locale objects based on historical data | |
| CN113590185B (zh) | 基于微前端的页面国际化配置方法、装置、设备及介质 | |
| CN101697139B (zh) | 一种远程过程调用方法、装置和注册库 | |
| WO2018072626A1 (zh) | 组件调用的方法和装置、组件数据处理的方法和装置 | |
| CN101965561A (zh) | 用于异步方法的声明性支持 | |
| WO2022042252A1 (zh) | 驱动配置管理方法、装置、介质、设备及系统 | |
| CN113094138B (zh) | 界面显示方法、装置、电子设备及存储介质 | |
| EP3872630A2 (en) | Request processing method and apparatus, electronic device, and computer storage medium | |
| US20140089909A1 (en) | Dynamically building locale objects at run-time | |
| CN114564241B (zh) | 硬件设备的访问方法、装置、计算机设备和存储介质 | |
| CN115309657A (zh) | 一种用于提供测试用例的方法、设备、介质及程序产品 | |
| CN114995871A (zh) | 一种软件版本适配方法、装置、电子设备和存储介质 | |
| CN116149639A (zh) | 一种组件开发的方法、装置、电子设备和存储介质 | |
| CN114510334A (zh) | 类实例的调用方法、装置、电子设备及自动驾驶车辆 | |
| CN112764718A (zh) | 一种代码多端使用的方法、装置、存储介质及电子设备 | |
| CN113961279A (zh) | 页面渲染方法、装置、服务器和存储介质 | |
| KR102407940B1 (ko) | Rpc에 기반하여 외부 장치의 함수 또는 프로시저를 호출하는 전자 장치가 rpc 서비스를 사용하기 위한 인터페이스를 생성하는 방법, 그 컴퓨터 프로그램 및 그 전자 장치 | |
| CN113760356B (zh) | 程序产品的差异化配置方法、装置、设备和介质 | |
| US12026558B2 (en) | Integration extensions | |
| CN114217788B (zh) | 跨框架组件的实现方法及装置 | |
| CN112241499A (zh) | 一种基于信息流的原生渲染的方法与设备 | |
| CN114428735A (zh) | 一种用于自动化测试的方法、设备、介质及程序产品 | |
| CN115586890A (zh) | 一种基于微前端框架的平台国际化方法及系统 | |
| CN118377473A (zh) | 一种树形控件构建方法、系统、设备和存储介质 | |
| CN113760321A (zh) | 一种视图更新方法、装置、电子设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |