CN117313751A - Method for establishing integrated Web multi-language translation frame and using method - Google Patents

Abstract

The present invention provides a method for establishing and using an integrated Web multi-language translation framework, and relates to the technical fields of language localization and multi-language processing of web applications, including building client and server architectures, processing main language IDs, and utilizing identification functions. Identifying and parsing dynamic copywriting and using XML writing to process multi-element semantics reduce the workload and complexity of developers, thereby greatly improving development efficiency. Moreover, because Chinese IDs are used by default and Chinese copywriting is written directly in the code, enhanced It improves the readability of the code, making it easier for other developers to understand and maintain the code. In addition, through dynamic copywriting support and multi-element semantic support, it can flexibly handle various complex translation scenarios and provide more customization options.

Description

How to establish and use the integrated Web multi-language translation framework

Technical field

The present invention relates to language localization and multi-language processing technology for web applications, and in particular to a method for establishing and using an integrated Web multi-language translation framework.

Background technique

In today's web development, multi-language support and localization are not only a common need, but also increasingly important in the era of globalization. In order to meet the needs of users in different regions and cultures, there must be solutions that adapt to different languages and regions;

Several tools and libraries currently exist to meet this need, of which 'react-int1' is a widely used library designed specifically for internationalization and localization of React applications. This library provides a standardized way to manage the translation of strings, dates, and numbers to accommodate different regions and cultural backgrounds (see documentation: react-intl documentation). However, react-intl and its related technologies have some shortcomings and question:

1. ID management is complex: Each text that needs to be translated must be assigned a unique ID, and the main language is separated from the code, which may make the code difficult to read and manage. This not only increases development complexity, but may also reduce development efficiency and accuracy.

2. Dynamic copywriting and multi-element copywriting are complex to write: Although these features are powerful, they may require more complex operations and redundant code, increasing the burden on developers.

3. Lack of function to clean up old copy: As the application iterates and changes, old, useless translations may not be properly cleaned up, resulting in language packs that continue to expand, which may affect the performance and maintenance of the application.

4. Lack of automatic translation function: A fully manual translation process is not only time-consuming, but may also increase the risk of errors. Not having built-in machine translation assistance tools can impact overall efficiency and accuracy.

5. Visual operation and integration limitations: Existing solutions lack complete visual management tools, making the translation editing and management process cumbersome and inefficient.

Contents of the invention

In view of the shortcomings of the existing technology, the purpose of the present invention is to provide a method for establishing and using an integrated Web multi-language translation framework, so as to solve the problems raised in the above background technology.

In order to achieve the above objects, the present invention is achieved through the following technical solutions:

On the one hand, it provides a method for establishing an integrated Web multi-language translation framework, including;

Build client and server architecture;

Process the main language ID;

Use identification functions to identify and parse dynamic copywriting;

Use XML writing to process multi-element semantics.

Furthermore, the client is runtime code, that is, the code that invades the web application and is used as runtime translation of the copy;

The compile-time code that the server scans for the entire application during development is used to extract and analyze the entire application copy.

Further, processing the main language ID includes writing the main language directly in the code and defaulting to the unique ID.

Further, identifying and parsing dynamic copy includes:

Identify parts of dynamic copy by using ˋ<>ˋ as identifiers;

Through regular matching or word-for-word parsing, the placeholders and ordinary text are parsed and replaced with unified identifiers as the copy that needs to be translated, and placed in the correct position of the translated copy;

For symbols such as ˋ<>ˋ that exist in the copy, use the ˋ/ˋ symbol as an escape character.

Further, processing multi-element semantics includes:

By using something like ˋt('Total <span>Special</span><page> pages',{

span:children＝><spankey="span" style="{{color:'red'}}>{children}</span>

})ˋ

XML writing method, parsing the text word by word;

Identify XML tags through the ˋ<></>ˋ tag, split the entire text, and splice and replace according to the second parameter;

For symbols such as ˋ<>ˋ that exist in the copy, use the ˋ/ˋ symbol as an escape character.

Furthermore, the main language (ID) is strongly bound to a specific function, and the existing copy in the application is extracted through regular matching or AST analysis, and the expired and useless copy and translation are compared, and the identified expired copy is processed Automatically clear or mark.

Further, the method also includes providing a graphical interface to allow non-technical personnel to visually edit and manage translations.

Further, the method also includes integrating automatic machine translation services to support one-click translation.

On the other hand, a method of using the integrated Web multi-language translation framework is provided. The method of using the integrated Web multi-language translation framework established based on the above-mentioned method of establishing an integrated Web multi-language translation framework includes:

Developers use identity functions in their applications;

The developer starts the scanner;

The scanner scans the entire application and starts its own graphical interface;

automatic translation;

Language pack storage and update;

Client code is translated using language packs.

Beneficial effects of the present invention:

1. Improve development efficiency: By simplifying text ID management and automatically collecting and cleaning up expired translations, the workload and complexity of developers are reduced, thereby greatly improving development efficiency;

2. Enhance code readability: Since the Chinese ID is used by default and Chinese copywriting is written directly in the code, the readability of the code is enhanced, making it easier for other developers to understand and maintain the code;

3. Save resources: Cleaning up expired translations can avoid the gradual increase of language packages, thus saving storage space and network transmission resources;

4. Enhanced flexibility: Through dynamic copywriting support and multi-element semantic support, it can flexibly handle various complex translation scenarios and provide more customization options;

5. Easy-to-use visual operation: The visual interface provided allows non-technical personnel to participate in the editing and management of copywriting, lowering the technical threshold and promoting cross-department collaboration;

In summary, the present invention not only provides many improvements and advantages at the technical level, but also has a positive impact on user experience. These beneficial effects jointly promote the intelligence and efficiency of international development work.

Description of drawings

Other features, objects and advantages of the present invention will become more apparent by reading the detailed description of the non-limiting embodiments with reference to the following drawings:

Figure 1 is a method flow chart of a method for establishing an integrated Web multi-language translation framework provided in Embodiment 1;

Figure 2 is a flow chart of a method for using an integrated Web multi-language translation framework in Embodiment 2.

Detailed ways

In order to make the technical means, creative features, objectives and effects achieved by the present invention easy to understand, the present invention will be further elaborated below in conjunction with specific implementation modes.

Example 1:

Please refer to Figure 1, which shows a method flow chart of a method for establishing an integrated Web multi-language translation framework. The method for establishing an integrated Web multi-language translation framework may include the following steps:

Step 101, build the client and server architecture.

The client is runtime code, which is the code that invades the web application and is used as a runtime translation of the copy;

The server-side code is the compile-time code that scans the entire application during development and is used to extract and analyze the entire application copy.

Step 102: Process the main language ID.

By writing the main language (such as Chinese) directly in the code and using it as the unique ID by default, it solves the problems of high complexity, low readability, and slow development efficiency of the original ID system, and supports custom IDs to solve the problem of single The main language corresponds to problems in multiple target languages, which enhances the readability of the code and makes it easier for other developers to understand and maintain the code.

By simplifying text ID management, developers' workload and complexity are reduced, thereby greatly improving development efficiency.

Step 103: Use the identification function to identify and parse the dynamic copy.

Use ˋ<>ˋ as an identifier, parse the placeholders and normal text in them through regular matching or verbatim parsing, and replace them with A unified identifier such as: ˋTotal<holder1>ˋ As the copy that needs to be translated, the translator only needs to place ˋ<holder1>ˋ in the correct position of the translated copy. This elegantly handles the problem of dynamic copywriting and also Avoids the semantic problems of dynamic copywriting. In addition, the ˋ/ˋ symbols are supported as escape characters to solve the problem that in special cases there are identifiers such as ˋ<>ˋ in the text to avoid misparsing.

Step 104: Use XML writing method to process multi-element semantics.

By using something like ˋt('Total <span>Special</span><page> pages',{

span:children＝><spankey="span" style="{{color:'red'}}>{children}</span>

})ˋ

XML writing method, parse the text word by word, identify XML tags through ˋ<></>ˋ tags, split the entire text, and splice and return according to the second parameter. In addition, the ˋ/ˋ symbols are supported as escape characters to solve the problem that in special cases there are identifiers such as ˋ<>ˋ in the text to avoid misparsing.

Through dynamic copywriting support and multi-element semantic support, it can flexibly handle various complex translation scenarios and provide more customization options.

Preferably, this establishment method also includes the function of clearing old copywriting. The specific process is:

Binding of the main language and specific functions: Strong binding of the main language (ID) and specific functions to ensure accurate copywriting extraction;

Extraction of existing copy in the application: Extract existing copy in the application through regular matching or abstract syntax tree (AST) parsing;

Compare and remove expired copy; compare the extracted plan with the existing stored copy to find expired or useless copy;

Automatically clear or mark: Automatically clear or mark the identified expired copy for subsequent processing.

The function of automatically collecting and cleaning up expired translations reduces the workload and complexity of developers, thereby greatly improving development efficiency. Cleaning up expired translations can avoid the gradual increase of language packages, thus saving storage space and network transmission resources.

Preferably, this establishment method also provides a graphical interface, allowing non-technical personnel to visually edit and manage translations, and the copywriting can be updated through the visual interface.

The visual interface provided allows non-technical personnel to participate in the editing and management of copywriting, lowering the technical threshold and promoting cross-department collaboration.

Preferably, this establishment method includes an integrated automatic machine translation service to support one-click translation.

Example 2:

Please refer to Figure 2, which shows a method flow chart of the method of using the integrated Web multi-language translation framework. The method of using the integrated Web multi-language translation framework established according to the above-mentioned method of establishing the integrated Web multi-language translation framework can be Includes the following steps:

Step 201, the developer uses the identification function in the application.

For a detailed introduction to the presentation function, please refer to steps 102 to 104 in the above-mentioned method for establishing an integrated Web multi-language translation framework.

Step 202, the developer starts the scanning program.

Step 203: The scanning program scans the entire application, starts its own graphical interface, and extracts all copy;

Edit/delete or automatically translate text collected by the graphical interface.

Step 204, automatic translation, automatically translate all extracted copywriting.

Step 205: Language package storage and update, the translation results are stored in the language package, and the language package is updated.

Step 206: The client code is translated using the language pack.

The following is an explanation of some terms involved in the present invention;

ˋtˋ function: The special translation function in this invention is responsible for processing the translation of text and the parsing of special identifiers.

Special symbols: ˋ<>ˋ: used to identify dynamic copy; ˋ/ˋ symbols are used as escape characters to handle identifier parsing under special circumstances.

AST (Abstract Syntax Tree): AST is a tree diagram used to represent the structure of program source code. Each node of the tree represents a part of the source code, such as an operator, expression, or statement. AST makes it easier to analyze and process source code.

Regular Expression Matching: Regular expression is a powerful text processing tool that allows searching, matching and replacing operations using specific string patterns. Regular matching is often used to extract or identify specific structures or patterns from text.

XML (Extensible Markup Language): XML is a markup language used to represent and transmit structured data. It uses specific tags and structures to define data and can be shared between different systems and applications. In this context, XML writing is used to define and process multi-element semantics in text through specific tags and structures.

The basic principles and main features of the present invention and the advantages of the present invention have been shown and described above. It is obvious to those skilled in the art that the present invention is not limited to the details of the above exemplary embodiments without departing from the spirit or basics of the present invention. In the case of specific features, the present invention can be implemented in other specific forms. Therefore, the embodiments should be regarded as illustrative and non-restrictive from any point of view, and the scope of the present invention is defined by the appended claims rather than the above description, and it is therefore intended that all claims falling within the claims All changes within the meaning and scope of equivalent elements are included in the present invention. Any reference signs in the claims shall not be construed as limiting the claim in question.

In addition, it should be understood that although this specification is described in terms of implementations, not each implementation only contains an independent technical solution. This description of the specification is only for the sake of clarity, and those skilled in the art should take the specification as a whole. , the technical solutions in each embodiment can also be appropriately combined to form other implementations that can be understood by those skilled in the art.

Claims (9)

1. The method for establishing an integrated Web multi-language translation framework, which is characterized by: the method includes; Build client and server architecture; Process the main language ID; Use identification functions to identify and parse dynamic copywriting; Use XML writing to process multi-element semantics. 2. The establishment method of the integrated Web multi-language translation framework according to claim 1, characterized in that: the client is runtime code, that is, the code that invades the web application and is used as a runtime translation of the copy; The compile-time code that the server scans for the entire application during development is used to extract and analyze the entire application copy. 3. The method for establishing an integrated Web multi-language translation framework according to claim 1, characterized in that: processing the main language ID includes directly writing the main language in the code and defaulting to the unique ID. 4. The method for establishing an integrated Web multi-language translation framework according to claim 1, characterized in that: identifying and analyzing dynamic copywriting includes: Identify parts of dynamic copy by using `<>` as an identifier; Through regular matching or word-for-word parsing, the placeholders and ordinary text are parsed and replaced with unified identifiers as the copy that needs to be translated, and placed in the correct position of the translated copy; For symbols like `<>` that exist in the copy, use the `/` symbol as an escape character. 5. The method for establishing an integrated Web multi-language translation framework according to claim 1, characterized in that: processing multi-element semantics includes: By using something like `t('Total<span>Special</span><page>pages',{ span:children＝><spankey="span" style="{{color:'red'}}>{children}</span> })` XML writing method, parsing the text verbatim; Identify XML tags through the `<></>` identifier, split the entire text, and splice and replace according to the second parameter; For symbols like `<>` that exist in the copy, use the `/` symbol as an escape character. 6. The method for establishing an integrated Web multi-language translation framework according to claim 1, characterized by: strongly binding the main language (ID) to a specific function, and extracting existing information in the application through regular matching or AST parsing. copywriting, and compare the expired and useless copywriting and translation, and automatically clear or mark the identified expired copywriting. 7. The method for establishing an integrated Web multi-language translation framework according to claim 1, characterized in that: the method further includes providing a graphical interface to allow non-technical personnel to visually edit and manage translations. 8. The method for establishing an integrated Web multi-language translation framework according to claim 1, characterized in that: the method further includes integrating an automatic machine translation service and supporting one-click translation. 9. The method of using the integrated Web multilingual translation framework, which is characterized in that: the method of using the integrated Web multilingual translation framework established according to the method of establishing the integrated Web multilingual translation framework of any one of claims 1 to 8 includes: : Developers use identity functions in their applications; The developer starts the scanner; The scanner scans the entire application and starts its own graphical interface; automatic translation; Language pack storage and update; Client code is translated using language packs.