CN113253986A - Mixed design method and system for new and old service system - Google Patents

Mixed design method and system for new and old service system Download PDF

Info

Publication number
CN113253986A
CN113253986A CN202110602610.9A CN202110602610A CN113253986A CN 113253986 A CN113253986 A CN 113253986A CN 202110602610 A CN202110602610 A CN 202110602610A CN 113253986 A CN113253986 A CN 113253986A
Authority
CN
China
Prior art keywords
new
data
old
old service
service system
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.)
Pending
Application number
CN202110602610.9A
Other languages
Chinese (zh)
Inventor
徐龙山
王昱
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Maoqi Intelligent Technology Shanghai Co Ltd
Original Assignee
Maoqi Intelligent Technology Shanghai Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Maoqi Intelligent Technology Shanghai Co Ltd filed Critical Maoqi Intelligent Technology Shanghai Co Ltd
Priority to CN202110602610.9A priority Critical patent/CN113253986A/en
Publication of CN113253986A publication Critical patent/CN113253986A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/20Software design
    • G06F8/24Object-oriented
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526Plug-ins; Add-ons

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)

Abstract

The invention discloses a mixed design method and a system of a new service system and an old service system, wherein the mixed design method of the new service system and the old service system comprises the following steps: bridging new functions and old business functions to be developed to generate corresponding Window objects; customizing the Window object by user, enabling a set external method to access the Window object, and using and transmitting necessary data; binding data of the old service system with newly developed components and data on the established bridge; and rendering a Document Object Model (DOM) tree by the browser, finishing the initialization of the old service system, and then finishing the initialization of the new function. The mixed design method and the mixed design system for the new and old service systems can organically integrate the old system and the new function, and reduce the labor cost.

Description

Mixed design method and system for new and old service system
Technical Field
The invention belongs to the technical field of electronic information, relates to a hybrid design system, and particularly relates to a hybrid design method and a hybrid design system for new and old service systems.
Background
Most of the existing business systems of companies have updating iteration after one time, even the redo is overturned. Various software business development technologies on the market are continuously updated and iterated, and the old degree of the various software business development technologies is obviously different from that of the internal systems of the existing companies. New business systems cannot fully integrate old systems and new technologies cannot be integrated into old systems. Development of new functions and maintenance of old systems, labor costs, technical iterations, user experience, etc. all produce a huge drop over time.
In view of the above, there is an urgent need to design a new integration method for new and old service systems, so as to overcome at least some of the above-mentioned defects existing in the existing integration methods for new and old service systems.
Disclosure of Invention
The invention provides a mixed design method and a mixed design system for new and old service systems, which can organically integrate the old system and new functions and reduce the labor cost.
In order to solve the technical problem, according to one aspect of the present invention, the following technical solutions are adopted:
a mixed design method for new and old service systems comprises the following steps:
bridging new functions and old business functions to be developed to generate corresponding Window objects;
customizing the Window object by user, enabling a set external method to access the Window object, and using and transmitting necessary data;
binding data of the old service system with newly developed components and data on the established bridge;
and rendering a Document Object Model (DOM) tree by the browser, finishing the initialization of the old service system, and then finishing the initialization of the new function.
As an embodiment of the present invention, the step of binding the data of the old service system, the newly developed component and the data includes: and binding data of the old service system, newly developed components and data on the established bridge based on a single thread mechanism of the JavaScript environment.
As an embodiment of the present invention, the method for designing a mixed new service system and an old service system further includes:
the JavaScript engine of the browser continues to complete the next step;
the new function can adopt Window objects to acquire required data and attributes; the old business system can also operate the data and method of the new function through the Window object.
A mixed design system of new and old business systems, the mixed design system comprising:
the Window object generation module is used for establishing bridging connection for a new function and an old service function which need to be developed and generating a corresponding Window object;
the Window object self-defining module is used for self-defining the Window object, so that a set external method can access the Window object and use and transmit necessary data;
the binding module is used for binding the data of the old service system with the newly developed components and data on the established bridge;
and the initialization module is used for rendering the Document Object Model (DOM) tree, finishing the initialization of the old service system and then finishing the initialization of the new function.
As an implementation manner of the present invention, the binding module is further configured to bind data of an old service system, a newly developed component, and data on the established bridge based on a single thread mechanism of a JavaScript environment.
The invention has the beneficial effects that: the mixed design method and the mixed design system for the new and old service systems can organically integrate the old system and the new function, and reduce the labor cost.
The invention provides a complete solution for the integration of old systems and new functions; most of the previous solutions are continuously maintained and developed along the design idea of the used system. Or the rework is simply pushed over, and the new function is completed by adopting an updated design mode, so the method has the disadvantage that the method is more beneficial because the technology can be continuously innovated in the future, personnel can flow, and various factors can cause the incompatibility of the old system and the new function. By adopting the method and the device, the basic bridging is established according to the rendering mechanism of the browser and the single-thread mechanism of the javascript engine, and the respective data and attributes are bound to form a complete communication link. Therefore, the problem that the functions of the old system are not lost and the problem of compatibility of the new functions can be solved. The maintenance cost, the labor cost and the development cost of adding the subsequent new functions are greatly reduced.
Drawings
Fig. 1 is a flowchart of a mixed design method of new and old service systems according to an embodiment of the present invention.
Fig. 2 is a schematic diagram illustrating a hybrid design system of new and old service systems according to an embodiment of the present invention.
Detailed Description
Preferred embodiments of the present invention will be described in detail below with reference to the accompanying drawings.
For a further understanding of the invention, reference will now be made to the preferred embodiments of the invention by way of example, and it is to be understood that the description is intended to further illustrate features and advantages of the invention, and not to limit the scope of the claims.
The description in this section is for several exemplary embodiments only, and the present invention is not limited only to the scope of the embodiments described. It is within the scope of the present disclosure and protection that the same or similar prior art means and some features of the embodiments may be interchanged.
The steps in the embodiments in the specification are only expressed for convenience of description, and the implementation manner of the present application is not limited by the order of implementation of the steps. The term "connected" in the specification includes both direct connection and indirect connection.
The invention discloses a mixed design method of new and old service systems, and fig. 1 is a flow chart of the mixed design method of the new and old service systems in an embodiment of the invention; referring to fig. 1, the method for designing a hybrid of an old service system and a new service system includes:
step A, bridging is established for a new function and an old service function which need to be developed, and a corresponding Window object is generated.
In an embodiment, according to the sequence of rendering a Document Object Model (DOM) tree by a browser, before completion of DOM, a function to be developed and an old service function are bridged first, and a Window object is established. The Window object belongs to a variable built in a browser, and any browser has the object and conforms to the standard issued by W3C. The key point of bridging is based on the window object, which is global and accessible to any code running on the browser.
And (B) customizing the Window object, so that an external method can be set to access the Window object, and necessary data can be used and transmitted.
The Window object is a globally accessible and operable object in a JavaScript engine after the DOM tree is rendered by the browser.
Step C, binding the data of the old service system with the newly developed components and data on the established bridge.
In one embodiment, the step C includes: and based on a single-thread mechanism of a JavaScript environment, data of an old service system, newly developed components and data are bound on the established bridge, and the sequence is from old to new. The new development mode adopted by the new function is that the new idea is always an independent design mode, and the old system still adopts the original mode, so that the downward compatibility can be ensured.
When the browser runs the code, the browser has a restriction on the sequence, which is a running mechanism of the browser. Based on the mechanism, some data can be prepared in advance and placed at the initial position in advance, so that when the data is executed downwards, the following function codes can acquire the data without worrying about whether the data is lost, which is also a key point of the browser-based mechanism.
And step D, rendering the document object model DOM tree by the browser, finishing the initialization of the old service system, and then finishing the initialization of the new function.
The code arrives at the browser, called DOM (document object model), which recognizes the correct content and then starts reading the code, completes parsing the code according to the criteria of W3C, and then draws the desired page.
In an embodiment, the method for designing a mixed new and old service system further includes: the JavaScript engine of the browser continues to perform the next completion work (for example, the new function can be continuously developed); the new function can adopt Window objects to acquire required data and attributes; the old business system can also operate the data and method of the new function through the Window object.
The invention is designed aiming at the WEB part integrated by new and old service systems. Establishing basic bridging from the WEB angle, and completing the access of new functions on the old system by utilizing the sequence of the WEB part rendered by the browser and the mechanism of javascript single thread of the WEB part, wherein the development of the new functions can call the functions of the old system. The integration of the lowest cost is completed, the technology bridging is utilized, the maintenance of an old system is not influenced, the addition of new functions is not delayed, the labor cost is greatly reduced, the rework is avoided being overturned, and the problem that the old system cannot normally operate due to the change of business requirements is avoided. Meanwhile, a more convenient way is brought for the technical innovation of new technology, better user experience and the like in the future and the integration into the old system. Obsolete content in the old system may also be removed gradually in a future period of time.
The code and plug-ins of the WEB part in the old business system may comprise jQuery plug-ins, custom components and plug-ins of some auxiliary classes. In new service requirements, new frameworks, such as a series of currently mainstream application frameworks in the market, including VUE, read, LayUI, BootStrap, etc., may be introduced, and these frameworks may quickly make appropriate functions; mixing these two scenarios and developing functionality merges. The design method comprises the following steps:
1. according to the sequence of rendering the DOM tree by the browser, before the Dom is completed, performing first bridging establishment (window) on a function to be developed and an old service function;
2. the Window object is globally accessible in a JavaScript engine after the browser renders the Dom tree, can operate the object, and can make some self-defined methods on the Window object, so that other external methods can be accessed, used and transmitted with necessary data.
3. And based on a single-thread mechanism of the JavaScript environment, data binding of an old system is carried out on the established bridge, and binding of the developed components and data of new functions is carried out, wherein the sequence is from old to new. The main purpose of this is because the new development mode adopted by the new function is that the new idea is always to have its own independent design mode, and the old system still adopts the original mode, so that the downward compatibility can be ensured.
4. After the above data binding is completed, after the browser completes the rendering of the DOM tree, the initialization of the old system is completed, followed by the initialization of the new function. The JavaScript engine of the browser then proceeds to the next completion.
5. After the preparation work is finished, the new function can acquire required data and attributes by adopting the Window object. The old system can also manipulate the data and methods of the new function through the window object.
In an embodiment of the present invention, the method for designing a mixed new service system and an old service system includes:
a normal HTML5 page contains original javascript code, for example, it can contain a hundred-degree map component, a jQuery plug-in library and a custom development component, and can also include common components under vue framework and vue framework, and the writing order of the page is the rendering order of the browser, and is the rendering order of the javascript.
Where data needs to be collected and needs to be transferred, a window bridge is established. Establishing window bridging when data information collected by an old service system needs to be received, and acquiring corresponding data; for example, the VUE component acquires data collected by the old service system.
And binding new properties and functions in the new functions, continuously establishing window bridging, and binding methods and data in the components in the VUE components. In the jQuery method in the old system, the newly developed VUE function is called directly through the window object.
Fig. 2 is a schematic diagram illustrating a hybrid design system of new and old service systems according to an embodiment of the present invention; referring to fig. 2, the new and old service system hybrid design system includes: the system comprises a Window object generating module 1, a Window object self-defining module 2, a binding module 3 and an initializing module 4. The Window object generation module 1 is used for establishing bridging connection for new functions and old business functions to be developed, and generating corresponding Window objects. The Window object self-defining module 2 is used for self-defining the Window object, so that a set external method can access the Window object, and necessary data can be used and transmitted. The binding module 3 is used for binding the data of the old service system with the newly developed components and data on the established bridge. The initialization module 4 is used for rendering a document object model DOM tree, completing initialization of an old service system, and then completing initialization of a new function.
In an embodiment of the present invention, the binding module 3 is further configured to bind data of an old service system, a newly developed component, and data on the established bridge based on a single thread mechanism of a JavaScript environment.
In summary, the hybrid design method and system for new and old service systems provided by the present invention can organically integrate the old system and new functions, thereby reducing the labor cost.
The invention provides a complete solution for the integration of old systems and new functions; most of the previous solutions are continuously maintained and developed along the design idea of the used system. Or the rework is simply pushed over, and the new function is completed by adopting an updated design mode, so the method has the disadvantage that the method is more beneficial because the technology can be continuously innovated in the future, personnel can flow, and various factors can cause the incompatibility of the old system and the new function. By adopting the method and the device, the basic bridging is established according to the rendering mechanism of the browser and the single-thread mechanism of the javascript engine, and the respective data and attributes are bound to form a complete communication link. Therefore, the problem that the functions of the old system are not lost and the problem of compatibility of the new functions can be solved. The maintenance cost, the labor cost and the development cost of adding the subsequent new functions are greatly reduced.
It should be noted that the present application may be implemented in software and/or a combination of software and hardware; for example, it may be implemented using Application Specific Integrated Circuits (ASICs), general purpose computers, or any other similar hardware devices. In some embodiments, the software programs of the present application may be executed by a processor to implement the above steps or functions. As such, the software programs (including associated data structures) of the present application can be stored in a computer-readable recording medium; such as RAM memory, magnetic or optical drives or diskettes, and the like. In addition, some steps or functions of the present application may be implemented using hardware; for example, as circuitry that cooperates with the processor to perform various steps or functions.
The technical features of the embodiments described above may be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the embodiments described above are not described, but should be considered as being within the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The description and applications of the invention herein are illustrative and are not intended to limit the scope of the invention to the embodiments described above. Effects or advantages referred to in the embodiments may not be reflected in the embodiments due to interference of various factors, and the description of the effects or advantages is not intended to limit the embodiments. Variations and modifications of the embodiments disclosed herein are possible, and alternative and equivalent various components of the embodiments will be apparent to those skilled in the art. It will be clear to those skilled in the art that the present invention may be embodied in other forms, structures, arrangements, proportions, and with other components, materials, and parts, without departing from the spirit or essential characteristics thereof. Other variations and modifications of the embodiments disclosed herein may be made without departing from the scope and spirit of the invention.

Claims (5)

1. A mixed design method for new and old service systems is characterized in that the mixed design method for new and old service systems comprises the following steps:
bridging new functions and old business functions to be developed to generate corresponding Window objects;
customizing the Window object by user, enabling a set external method to access the Window object, and using and transmitting necessary data;
binding data of the old service system with newly developed components and data on the established bridge;
and rendering a Document Object Model (DOM) tree by the browser, finishing the initialization of the old service system, and then finishing the initialization of the new function.
2. The mixed design method of new and old service systems according to claim 1, wherein:
the step of binding the data of the old service system, the newly developed components and the data comprises the following steps: and binding data of the old service system, newly developed components and data on the established bridge based on a single thread mechanism of the JavaScript environment.
3. The mixed design method of new and old service systems according to claim 1, wherein:
the mixed design method of the new service system and the old service system further comprises the following steps:
the JavaScript engine of the browser continues to complete the next step;
the new function can adopt Window objects to acquire required data and attributes; the old business system can also operate the data and method of the new function through the Window object.
4. A mixed design system of new and old service systems, the mixed design system of new and old service systems comprising:
the Window object generation module is used for establishing bridging connection for a new function and an old service function which need to be developed and generating a corresponding Window object;
the Window object self-defining module is used for self-defining the Window object, so that a set external method can access the Window object and use and transmit necessary data;
the binding module is used for binding the data of the old service system with the newly developed components and data on the established bridge;
and the initialization module is used for rendering the Document Object Model (DOM) tree, finishing the initialization of the old service system and then finishing the initialization of the new function.
5. The mixed design system of new and old service systems as claimed in claim 4, wherein:
the binding module is also used for binding data of an old service system, newly developed components and data on the established bridge based on a single thread mechanism of a JavaScript environment.
CN202110602610.9A 2021-05-31 2021-05-31 Mixed design method and system for new and old service system Pending CN113253986A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110602610.9A CN113253986A (en) 2021-05-31 2021-05-31 Mixed design method and system for new and old service system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110602610.9A CN113253986A (en) 2021-05-31 2021-05-31 Mixed design method and system for new and old service system

Publications (1)

Publication Number Publication Date
CN113253986A true CN113253986A (en) 2021-08-13

Family

ID=77185530

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110602610.9A Pending CN113253986A (en) 2021-05-31 2021-05-31 Mixed design method and system for new and old service system

Country Status (1)

Country Link
CN (1) CN113253986A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113741947A (en) * 2021-08-27 2021-12-03 厦门华厦学院 Method and system for solving island problem

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020188616A1 (en) * 2001-06-07 2002-12-12 Chinnici Roberto R. Database access bridge system and process
US20030149801A1 (en) * 2001-12-12 2003-08-07 Kushnirskiy Igor Davidovich Scriptable plug-in application programming interface
US20060235899A1 (en) * 2005-03-25 2006-10-19 Frontline Systems, Inc. Method of migrating legacy database systems
CN104035753A (en) * 2013-03-04 2014-09-10 优视科技有限公司 Double-WebView customized page display method and system
US20150372938A1 (en) * 2014-06-23 2015-12-24 Oracle International Corporation System and method for partition migration in a multitenant application server environment
CN107122187A (en) * 2017-04-26 2017-09-01 四川中电启明星信息技术有限公司 A kind of operation system OS accesses design method
JP6425257B1 (en) * 2017-09-12 2018-11-21 株式会社三井住友銀行 System migration method, migration system and program to reduce migration burden and risk accompanying parallel operation of new and old systems
CN109408045A (en) * 2018-11-08 2019-03-01 国久大数据有限公司 Government system integration method and device
US20210081225A1 (en) * 2017-12-29 2021-03-18 Zhejiang Uniview Technologies Co., Ltd. Window management method
CN112637326A (en) * 2020-12-21 2021-04-09 广东太平洋互联网信息服务有限公司 Old server upgrading method and system based on gateway

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020188616A1 (en) * 2001-06-07 2002-12-12 Chinnici Roberto R. Database access bridge system and process
US20030149801A1 (en) * 2001-12-12 2003-08-07 Kushnirskiy Igor Davidovich Scriptable plug-in application programming interface
US20060235899A1 (en) * 2005-03-25 2006-10-19 Frontline Systems, Inc. Method of migrating legacy database systems
CN104035753A (en) * 2013-03-04 2014-09-10 优视科技有限公司 Double-WebView customized page display method and system
US20150372938A1 (en) * 2014-06-23 2015-12-24 Oracle International Corporation System and method for partition migration in a multitenant application server environment
CN107122187A (en) * 2017-04-26 2017-09-01 四川中电启明星信息技术有限公司 A kind of operation system OS accesses design method
JP6425257B1 (en) * 2017-09-12 2018-11-21 株式会社三井住友銀行 System migration method, migration system and program to reduce migration burden and risk accompanying parallel operation of new and old systems
US20210081225A1 (en) * 2017-12-29 2021-03-18 Zhejiang Uniview Technologies Co., Ltd. Window management method
CN109408045A (en) * 2018-11-08 2019-03-01 国久大数据有限公司 Government system integration method and device
CN112637326A (en) * 2020-12-21 2021-04-09 广东太平洋互联网信息服务有限公司 Old server upgrading method and system based on gateway

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
R. SHANMUGAPRIYA: "A study of network security using penetration testing", 《2013 INTERNATIONAL CONFERENCE ON INFORMATION COMMUNICATION AND EMBEDDED SYSTEMS (ICICES)》, 25 April 2013 (2013-04-25), pages 1 - 7 *
前端小学妹: "javascript:window对象(上)", pages 1 - 7, Retrieved from the Internet <URL:《 https://zhuanlan.zhihu.com/p/143983098 》> *
周剑强: "基于JavaScript的计时器实现方法研究", 《山西电子技术》, 8 April 2013 (2013-04-08), pages 59 - 61 *
陈郑伟: "基于Ajax的点击流技术以及在电子政务中的应用", 《中国优秀硕士学位论文全文数据库 (信息科技辑)》, 15 February 2007 (2007-02-15), pages 1 - 63 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113741947A (en) * 2021-08-27 2021-12-03 厦门华厦学院 Method and system for solving island problem
CN113741947B (en) * 2021-08-27 2023-11-14 厦门华厦学院 Method and system for solving island problem

Similar Documents

Publication Publication Date Title
CN108984174B (en) Cross-platform application creation method, device, server and storage medium
CN111639287A (en) Page processing method and device, terminal equipment and readable storage medium
US7581177B1 (en) Conversion of structured documents
US20060136353A1 (en) Systems and methods for converting a formatted document to a web page
US20060242154A1 (en) Ability for developers to easily find or extend well known locations on a system
EP1723561A1 (en) Method, data processing device, computer program product and arrangement for processing electronic data
CN111695076A (en) Cross-browser webpage compatibility standard construction method based on hypertext 5
KR20040077497A (en) A method for managing multiple file states for replicated files
CN102929867A (en) Technology used for automatically translating a document
CN110389755B (en) Code processing method and device, electronic equipment and computer readable storage medium
CN109670053A (en) Data object mapping method, device, equipment and computer readable storage medium
CN108829467B (en) Third-party platform docking implementation method, device, equipment and storage medium
CN104881285A (en) Code snippet marking and reusing system based on body
CN103543991A (en) Method for extending functions of browser and browser system
CN101251838A (en) Method and system for grammatical analysis of demixing marking document
CN110209395B (en) Method, equipment and medium for embedding SQL into high-level language
CN109857455A (en) Installation kit packaging method, system, equipment and storage medium
CN109814865A (en) A kind of mobile application page generation method based on json data format
CN109032573A (en) A kind of hardware programming system and method
CN113253986A (en) Mixed design method and system for new and old service system
CN110377371B (en) Style sheet system management method based on Web tag
US20050177818A1 (en) Integration of external tools into an existing design environment
CN112230919A (en) Page templating configuration publishing method, system, storage medium and server
CN115292631B (en) Container internal file management method and system based on Web
KR101005979B1 (en) Display control apparatus, medium having display control program recorded therein and display control method

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