CN112799648A - Unified framework implementation method, system, electronic equipment and storage medium - Google Patents
Unified framework implementation method, system, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN112799648A CN112799648A CN201911111636.2A CN201911111636A CN112799648A CN 112799648 A CN112799648 A CN 112799648A CN 201911111636 A CN201911111636 A CN 201911111636A CN 112799648 A CN112799648 A CN 112799648A
- Authority
- CN
- China
- Prior art keywords
- component
- configuration information
- library
- components
- check
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 61
- 238000011161 development Methods 0.000 claims abstract description 24
- 238000009877 rendering Methods 0.000 claims abstract description 10
- 230000003993 interaction Effects 0.000 claims description 33
- 230000015654 memory Effects 0.000 claims description 19
- 238000012545 processing Methods 0.000 claims description 13
- 230000002452 interceptive effect Effects 0.000 claims description 6
- 230000008676 import Effects 0.000 claims 1
- 230000018109 developmental process Effects 0.000 description 21
- 230000006870 function Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000012827 research and development Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000000605 extraction Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000004883 computer application Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000007689 inspection Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001151 other effect Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction 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/40—Transformation of program code
-
- 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/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Stored Programmes (AREA)
Abstract
The application discloses a method, a system, an electronic device and a storage medium for realizing a unified framework, wherein the method comprises the following steps: acquiring component configuration information; analyzing JSON objects corresponding to all components in the component configuration information into components of read grammar; performing page rendering for the components in a component library based on the analysis, wherein the component library at least comprises: the Antd assembly after being modified in a predetermined manner. By applying the scheme, the development efficiency can be improved.
Description
Technical Field
The present application relates to the field of computer applications, and in particular, to a method, a system, an electronic device, and a storage medium for implementing a unified framework in the field of data processing.
Background
At present, a plurality of current-end developments (such as page development) are realized based on the reach framework, and because the Ant Design (atd) component library has the characteristics of visual simplicity, interactive friendliness and the like, the method is widely applied to the reach framework.
To apply the Antd component library, a React technology foundation is necessary. The fact frame has a high technical threshold and is relatively difficult to master, and the fact technology needs to be fully known, so that the development difficulty is increased, the development efficiency is reduced, and the like.
Disclosure of Invention
In view of the above, the present application provides a unified framework implementation method, system, electronic device and storage medium.
A unified framework implementation method comprises the following steps:
acquiring component configuration information;
analyzing JSON objects corresponding to all components in the component configuration information into components of a read grammar;
performing page rendering for the components in a component library based on the analysis, wherein the component library at least comprises: the Antd assembly after being modified in a predetermined manner.
According to a preferred embodiment of the present application, the component library further comprises one or all of the following: and the React component and the third-party library are extracted from the general service components.
According to a preferred embodiment of the present application, the method further comprises: and aiming at any component in the component configuration information, carrying out rationality check on the component, and if the check fails, carrying out exception processing according to a preset mode.
According to a preferred embodiment of the present application, said performing a plausibility check comprises: determining whether the format of the component is satisfactory; determining whether the component is a component in the component library;
the check fails comprising: the format of the component is not compliant and/or the component is a component outside the component library.
According to a preferred embodiment of the present application, the method further comprises: and aiming at any component in the component configuration information, carrying out permission check on the component, and if the permission check fails, not displaying the component.
According to a preferred embodiment of the present application, the method further comprises: and acquiring global configuration information, and performing initialization processing according to the global configuration information.
According to a preferred embodiment of the present application, the method further comprises: an interactive application program interface is provided for the interaction between the components, and a front-end and back-end interaction method is provided.
According to a preferred embodiment of the present application, the method further comprises: a predetermined tool library for front-end development is introduced into the unified framework.
A unified framework implementation system, comprising: an acquisition unit and an analysis unit;
the acquisition unit is used for acquiring component configuration information;
the analysis unit is used for analyzing the JSON object corresponding to each component in the component configuration information into a component of a read grammar, and performing page rendering for the component in a component library based on the analyzed component, wherein the component library at least comprises: the Antd assembly after being modified in a predetermined manner.
According to a preferred embodiment of the present application, the component library further comprises one or all of the following: and the React component and the third-party library are extracted from the general service components.
According to a preferred embodiment of the present application, the analysis unit is further configured to perform a rationality check on any component in the component configuration information, and perform exception handling according to a predetermined manner if the check fails.
According to a preferred embodiment of the present application, the parsing unit determines whether the format of the component meets requirements, determines whether the component is a component in the component library, and determines that the check fails if the format of the component does not meet requirements, and/or the component is a component outside the component library.
According to a preferred embodiment of the present application, the parsing unit is further configured to perform permission check on any component in the component configuration information, and if the permission check fails, not displaying the component.
According to a preferred embodiment of the present application, the obtaining unit is further configured to obtain global configuration information, and perform initialization processing according to the global configuration information.
According to a preferred embodiment of the present application, the system further comprises: and the application unit is used for providing an interactive application program interface for the interaction between the components and providing a front-end and back-end interaction method.
According to a preferred embodiment of the present application, the application unit is further configured to introduce a predetermined tool library for front-end development into the unified framework.
An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform a method as described above.
A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method as described above.
One embodiment in the above application has the following advantages or benefits: the page development can be realized through JSON configuration, the React technology does not need to be fully known, so that the technical threshold and the upper-hand difficulty are reduced, namely the development difficulty is reduced, and the development efficiency and the like are improved; besides the modified Antd component, the React component extracted from the general service component can be added into the component library, so that the framework can cover more service scenes, the repeated research and development amount of similar scenes is reduced, and in addition, a third-party library can be added into the component library, so that the use modes of the third-party libraries are simplified; the reasonability check and/or permission check can be carried out on each component in the component configuration information, so that the problem component can be found in time, and the smooth proceeding of subsequent treatment can be ensured; an application program interface can be provided for the interaction between the components, and a front-end and back-end interaction method can be provided, so that the interaction between the components is more flexible, and the front-end and back-end interaction and the like are facilitated; in addition, predetermined tool libraries used by front-end development can be introduced, so that the libraries do not need to be additionally referred when needed, and the usability and the like of the framework are improved; other effects of the above-described alternative will be described below with reference to specific embodiments.
Drawings
The drawings are included to provide a better understanding of the present solution and are not intended to limit the present application. Wherein:
FIG. 1 is a flow chart of an embodiment of a method for implementing the UF framework described herein;
FIG. 2 is a schematic diagram of an overall implementation of the UF framework described herein;
FIG. 3 is a schematic diagram of a component structure of an embodiment of a UF framework implementation system 300 according to the present application;
fig. 4 is a block diagram of an electronic device according to the method of an embodiment of the present application.
Detailed Description
The following description of the exemplary embodiments of the present application, taken in conjunction with the accompanying drawings, includes various details of the embodiments of the application for the understanding of the same, which are to be considered exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present application. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
In addition, it should be understood that the term "and/or" herein is merely one type of association relationship that describes an associated object, meaning that three relationships may exist, e.g., a and/or B may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter related objects are in an "or" relationship.
Fig. 1 is a flowchart of an embodiment of a Unified Framework (UF) implementation method described in the present application. As shown in fig. 1, the following detailed implementation is included.
In 101, component configuration information is obtained.
At 102, the JSON objects corresponding to the components in the component configuration information are parsed into components of the read syntax.
In 103, rendering a page for a component in a component library based on the parsed components, where the component library at least includes: the Antd assembly after being modified in a predetermined manner.
In view of the problems in the prior art, the present application provides a UF frame, which is an important basis of the UF frame, and the component library specifically includes which components can be determined according to actual needs, and usually includes at least an andd component modified in a predetermined manner, and may further include one or all of the following: and the React component and the third-party library are extracted from the general service components.
The Antd assembly is a core assembly, the Antd assembly is rich in the existing Antd assembly library, the visual sense is simple, the interaction is friendly, the Antd assembly can be modified to a certain extent according to the requirements of a service scene, and the modified Antd assembly can be added into the assembly library.
For example, some of the andd components are not easy to use, for example, input components, each of which needs to continuously obtain a component value by writing onChange, onSelect, and the like, and then update the value, and needs to understand the relationship between the read virtual Dom node and the real Dom node, and the like.
The extraction of which React components from the business general components may depend on the actual needs. According to the existing mode, for components not contained in the Antd component library, for example, components commonly used in daily business need to be developed by themselves, and components used in different business projects are developed independently, so that some business general components are repeatedly developed in different projects, and the development amount is increased. In the embodiment, the fact component can be extracted from the general service component and added into the component library, so that the UF framework can cover more service scenes, and repeated research and development amount of similar scenes is reduced. The extracted React component may include a Table component, a data export component, a route (Router) component, etc. with extended functionality such as add, delete, etc.
The third-party libraries to be added to the component library may also be determined according to actual needs, such as Echatrs, Ueditor and the like, so that the use of the third-party libraries can be simplified, and the use can be as simple as other components. In addition, in order to avoid the UF framework tending to be bulkier, a third-party library can adopt an inert loading mechanism, namely loading in real time when in use, so that unnecessary expenses are reduced.
The three types of components are UF frame bottom components, and jointly form a component library of the UF frame.
Based on the UF framework of this embodiment, a page can be directly generated by configuration. Specifically, after the component library is introduced into the front-end code, some global configuration, such as module address entry, ajax general configuration, authority point information, etc., may be performed, and initialization processing may be performed according to the global configuration information, which is specifically implemented in the prior art. In practical applications, certain components may require configuration rights. For example, if the component a corresponds to a button and the function is to delete data, the permission configuration needs to be considered, and not all people have permission. As another example, component b corresponds to a simple filter box, and then the component does not need configuration rights. The authority point information can be configured according to actual needs, for example, the component a is configured to have authority, and accordingly, the corresponding button can be used for executing data deleting processing subsequently.
Component configuration information can also be obtained, and which components are contained in the component configuration information can be determined according to actual needs. The component configuration information may include JSON objects corresponding to the components, all the components may be described by JSON objects, JSON is an abbreviation of JS object notation (JavaScript object notation), and names, attributes, events, sub-elements, and the like of the components may be described in a format specified by the UF framework in the JSON objects.
The parser can be used to convert the Component configuration information, that is, the parser can be used to parse the JSON object corresponding to each Component in the Component configuration information into a Component of the fact syntax, that is, the format of < Component … pros >, so that the page rendering can be performed on the Component in the Component library based on the parsed Component, which is specifically implemented in the prior art.
Correspondingly, for any component in the component configuration information, the rationality of the component can be checked, and if the check fails, exception handling can be performed according to a preset mode. Wherein performing the rationality check may include: determining whether the format of the component meets the requirements; it is determined whether the component is a component in a component library. If the format of the component is not satisfactory, and/or the component is a component outside of the component library, a failure of the check may be determined.
As described above, in the JSON object, the name, attribute, event, sub-element, and the like of a component are described in the format specified by the UF framework, div is a valid component name, and dvv is not a valid component name, and if the name of a component is in the form of dvv, the component can be considered to have failed in the inspection. If the check fails, how to process the subsequent process can be determined according to actual needs. For example, if a component fails to check, a block may be generated directly, so that the page cannot be rendered normally, and then a page fault may be reported.
In addition, for any component in the component configuration information, permission check can be carried out on the component, if the permission check fails, the component can not be displayed, and an error can be prompted and reported. For example, the component a corresponds to a button, the function is to delete data, and if the component a is not configured with corresponding authority, the component a may not be displayed.
By carrying out rationality check and/or permission check on the components, the problem components can be found in time, so that smooth proceeding of subsequent processing can be ensured, and the like.
On the basis of the above, the UF framework of this embodiment further provides the following: an interactive Application Program Interface (API) is provided for interaction between components, and a front-end and back-end interaction method is provided. Therefore, the interaction between the components is more flexible, and the front-end interaction and the back-end interaction are facilitated.
The interaction APIs between the components may include UF.init (), UF ('name'). get (), UF ('name'). set (), etc., and the bottom layer may use the lifecycle function of React. Front-end and back-end interaction methods may include uf.ajax () methods, etc., and the bottom layer may rely on reqwest.
In addition, predetermined tool libraries used in front-end development can be introduced into the UF framework in this embodiment, so that additional references to these libraries are not needed when needed, and the usability and the like of the UF framework are improved. The predetermined tool libraries may include a library reqwest.js for ajax requests, a time-formatted tool library moment.js, a js utility library undersource.js, and the like.
It can be seen from the above description that, by adopting the scheme of the embodiment, the page development can be realized through JSON configuration without fully knowing the reach technology, and the like, so that the technical threshold and the difficulty of the previous operation are reduced, that is, the development difficulty is reduced, and the development efficiency is further improved.
It should be noted that the foregoing method embodiments are described as a series of acts or combinations for simplicity in explanation, but it should be understood by those skilled in the art that the present application is not limited by the order of acts described, as some steps may occur in other orders or concurrently depending on the application. Further, those skilled in the art should also appreciate that the embodiments described in the specification are preferred embodiments and that the acts and modules referred to are not necessarily required in this application.
With the above introduction in mind, fig. 2 is a schematic diagram of an overall implementation of the UF framework described in the present application. As shown in fig. 2, the global configuration information and the component configuration information made by the user may be obtained, and the parser may parse the component configuration information, that is, parse the JSON object corresponding to each component in the component configuration information into a component of the read syntax, so as to perform page rendering and the like on the component in the component library based on the component obtained by parsing. The component library may include: the Antd components (the first type of components shown in FIG. 2), the React components (the second type of components shown in FIG. 2) extracted from the general-purpose components, and the third-party library (the third type of components shown in FIG. 2) modified in a predetermined manner. For any component in the component configuration information, the parser may further perform a rationality check on the component configuration information, and if the check fails, perform exception handling according to a predetermined manner, such as determining whether the format of the component meets the requirement, determining whether the component is a component in a component library, and the like, and if the format of the component does not meet the requirement, and/or determining that the check fails if the component is a component outside the component library. For any component in the component configuration information, the resolver can also check the authority of the component, and if the check fails, the component is not displayed. In addition, an interaction API can be provided for interaction between the components, and a front-end and back-end interaction method can be provided. In addition, a predetermined tool library used for front-end development can be introduced into the UF framework, and the like. For specific implementation, please refer to the related description above, and further description is omitted.
The above is a description of method embodiments, and the following is a further description of the scheme described in the present application by way of system embodiments.
Fig. 3 is a schematic structural diagram of a UF framework implementation system 300 according to an embodiment of the present application. As shown in fig. 3, includes: acquisition section 301 and analysis section 302.
An obtaining unit 301, configured to obtain component configuration information.
An analysis unit 302, configured to analyze the JSON object corresponding to each component in the component configuration information into a component of the read syntax, and perform page rendering on the component in a component library based on the component obtained through analysis, where the component library at least includes: the Antd assembly after being modified in a predetermined manner.
The specific components included in the component library may be determined according to actual needs, and usually at least include the atd components modified in a predetermined manner, and may further include one or all of the following: and the React component and the third-party library are extracted from the general service components.
The Antd assembly is a core assembly, the Antd assembly is rich in the existing Antd assembly library, the visual sense is simple, the interaction is friendly, the Antd assembly can be modified to a certain extent according to the requirements of a service scene, and the modified Antd assembly can be added into the assembly library. The extraction of which fact components from the general-purpose components of the business can be determined according to actual needs, and for example, the components can include a Table component, a data export component, a Router component, and the like, which have extended functions such as adding and deleting. Which third party libraries are added to the component library may also be determined according to actual needs, such as Echatrs, Ueditor, etc.
The obtaining unit 301 may obtain the global configuration information, perform initialization processing according to the global configuration information, and obtain the component configuration information, which components are included in the component configuration information may also be determined according to actual needs. In addition, the component configuration information may include JSON objects corresponding to the components, where names, attributes, events, sub-elements, and the like of the components may be described in a format specified by the UF framework.
The parsing unit 302 may convert the Component configuration information, that is, may parse the JSON object corresponding to each Component in the Component configuration information into a Component of the fact syntax, that is, a format of < Component … pros >, so as to perform page rendering and the like for the Component in the Component library based on the parsed Component.
For any component in the component configuration information, the parsing unit 302 may further perform a rationality check on the component configuration information, and if the check fails, perform exception handling according to a predetermined manner. If the parsing unit 302 determines that the format of the component is satisfactory and determines that the component is a component in the component library, it may determine that the check fails if the format of the component is unsatisfactory and/or the component is a component outside the component library.
In addition, for any component in the component configuration information, the parsing unit 302 may also perform permission check on the component, and if the permission check fails, the component may not be displayed.
The system shown in fig. 3 may further include an application unit 303, configured to provide an interaction API for interaction between components, provide a front-end and back-end interaction method, and introduce a predetermined tool library used for front-end development into a UF framework, and the like.
For the specific work flow of the system embodiment shown in fig. 3, please refer to the related description in the foregoing method embodiment, which is not repeated.
In summary, the method and system embodiments of the present application are used to: the page development can be realized through JSON configuration, the read technology does not need to be fully known, the UF framework shields the basic technical framework and focuses more on the primary JS realization business logic, so that the technical threshold and the upper difficulty are reduced, namely the development difficulty is reduced, the development efficiency is improved, and the like; besides the modified Antd component, the React component extracted from the general service component can be added into the component library, so that the framework can cover more service scenes, the repeated research and development amount of similar scenes is reduced, and in addition, a third-party library can be added into the component library, so that the use modes of the third-party libraries are simplified; the reasonability check and/or permission check can be carried out on each component in the component configuration information, so that the problem component can be found in time, and the smooth proceeding of subsequent treatment can be ensured; an application program interface can be provided for the interaction between the components, and a front-end and back-end interaction method can be provided, so that the interaction between the components is more flexible, and the front-end and back-end interaction and the like are facilitated; in addition, predetermined tool libraries used by front-end development can be introduced, so that the libraries do not need to be additionally referred when needed, and the usability and the like of the framework are improved.
According to an embodiment of the present application, an electronic device and a readable storage medium are also provided.
Fig. 4 is a block diagram of an electronic device according to the method of the embodiment of the present application. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present application that are described and/or claimed herein.
As shown in fig. 4, the electronic apparatus includes: one or more processors Y01, a memory Y02, and interfaces for connecting the various components, including a high speed interface and a low speed interface. The various components are interconnected using different buses and may be mounted on a common motherboard or in other manners as desired. The processor may process instructions for execution within the electronic device, including instructions stored in or on the memory to display graphical information for a graphical user interface on an external input/output device (such as a display device coupled to the interface). In other embodiments, multiple processors and/or multiple buses may be used, along with multiple memories and multiple memories, as desired. Also, multiple electronic devices may be connected, with each device providing portions of the necessary operations (e.g., as a server array, a group of blade servers, or a multi-processor system). In fig. 4, one processor Y01 is taken as an example.
Memory Y02 is a non-transitory computer readable storage medium as provided herein. Wherein the memory stores instructions executable by at least one processor to cause the at least one processor to perform the methods provided herein. The non-transitory computer readable storage medium of the present application stores computer instructions for causing a computer to perform the methods provided herein.
Memory Y02, which is a non-transitory computer readable storage medium, may be used to store non-transitory software programs, non-transitory computer executable programs, and modules, such as program instructions/modules corresponding to the methods in the embodiments of the present application (e.g., xx module X01, xx module X02, and xx module X03 shown in fig. X). The processor Y01 executes various functional applications of the server and data processing, i.e., implements the method in the above-described method embodiments, by executing non-transitory software programs, instructions, and modules stored in the memory Y02.
The memory Y02 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to use of the electronic device, and the like. Additionally, the memory Y02 may include high speed random access memory, and may also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, memory Y02 may optionally include memory located remotely from processor Y01, which may be connected to the electronic device via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The electronic device may further include: an input device Y03 and an output device Y04. The processor Y01, the memory Y02, the input device Y03 and the output device Y04 may be connected by a bus or other means, and the bus connection is exemplified in fig. 4.
The input device Y03 may receive input numeric or character information and generate key signal inputs related to user settings and function control of the electronic device, such as a touch screen, keypad, mouse, track pad, touch pad, pointer, one or more mouse buttons, track ball, joystick, or other input device. The output device Y04 may include a display device, an auxiliary lighting device, a tactile feedback device (e.g., a vibration motor), and the like. The display device may include, but is not limited to, a liquid crystal display, a light emitting diode display, and a plasma display. In some implementations, the display device can be a touch screen.
Various implementations of the systems and techniques described here can be realized in digital electronic circuitry, integrated circuitry, application specific integrated circuits, computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
These computer programs (also known as programs, software applications, or code) include machine instructions for a programmable processor, and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine languages. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or device (e.g., magnetic discs, optical disks, memory, programmable logic devices) used to provide machine instructions and/or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a cathode ray tube or a liquid crystal display monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local area networks, wide area networks, and the internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present application may be executed in parallel, sequentially, or in different orders, and the present invention is not limited thereto as long as the desired results of the technical solutions disclosed in the present application can be achieved.
The above-described embodiments should not be construed as limiting the scope of the present application. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims (18)
1. A unified framework implementation method is characterized by comprising the following steps:
acquiring component configuration information;
analyzing JSON objects corresponding to all components in the component configuration information into components of a read grammar;
performing page rendering for the components in a component library based on the analysis, wherein the component library at least comprises: the Antd assembly after being modified in a predetermined manner.
2. The method of claim 1,
the component library further comprises one or all of the following components: and the React component and the third-party library are extracted from the general service components.
3. The method of claim 1,
the method further comprises the following steps: and aiming at any component in the component configuration information, carrying out rationality check on the component, and if the check fails, carrying out exception processing according to a preset mode.
4. The method of claim 3,
the performing a rationality check includes: determining whether the format of the component is satisfactory; determining whether the component is a component in the component library;
the check fails comprising: the format of the component is not compliant and/or the component is a component outside the component library.
5. The method of claim 1,
the method further comprises the following steps: and aiming at any component in the component configuration information, carrying out permission check on the component, and if the permission check fails, not displaying the component.
6. The method of claim 1,
the method further comprises the following steps: and acquiring global configuration information, and performing initialization processing according to the global configuration information.
7. The method of claim 1,
the method further comprises the following steps: an interactive application program interface is provided for the interaction between the components, and a front-end and back-end interaction method is provided.
8. The method of claim 1,
the method further comprises the following steps: a predetermined tool library for front-end development is introduced into the unified framework.
9. A unified framework implementation system, comprising: an acquisition unit and an analysis unit;
the acquisition unit is used for acquiring component configuration information;
the analysis unit is used for analyzing the JSON object corresponding to each component in the component configuration information into a component of a read grammar, and performing page rendering for the component in a component library based on the analyzed component, wherein the component library at least comprises: the Antd assembly after being modified in a predetermined manner.
10. The system of claim 9,
the component library further comprises one or all of the following components: and the React component and the third-party library are extracted from the general service components.
11. The system of claim 9,
the analysis unit is further configured to perform a rationality check on any component in the component configuration information, and perform exception handling according to a predetermined manner if the check fails.
12. The system of claim 11,
the analysis unit determines whether the format of the component meets the requirement and determines whether the component is a component in the component library, and if the format of the component does not meet the requirement and/or the component is a component outside the component library, the analysis unit determines that the check fails.
13. The system of claim 9,
the analysis unit is further configured to perform permission check on the component for any component in the component configuration information, and if the permission check fails, not display the component.
14. The system of claim 9,
the obtaining unit is further configured to obtain global configuration information, and perform initialization processing according to the global configuration information.
15. The system of claim 9,
the system further comprises: and the application unit is used for providing an interactive application program interface for the interaction between the components and providing a front-end and back-end interaction method.
16. The system of claim 15,
the application unit is further configured to import a predetermined tool library for front-end development into the unified framework.
17. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-8.
18. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911111636.2A CN112799648B (en) | 2019-11-14 | 2019-11-14 | Unified framework implementation method, system, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911111636.2A CN112799648B (en) | 2019-11-14 | 2019-11-14 | Unified framework implementation method, system, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112799648A true CN112799648A (en) | 2021-05-14 |
| CN112799648B CN112799648B (en) | 2023-08-18 |
Family
ID=75803881
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911111636.2A Active CN112799648B (en) | 2019-11-14 | 2019-11-14 | Unified framework implementation method, system, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112799648B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115809056A (en) * | 2023-02-07 | 2023-03-17 | 深圳复临科技有限公司 | Component multiplexing implementation method and device, terminal equipment and readable storage medium |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2006093321A1 (en) * | 2005-03-04 | 2006-09-08 | Nec Corporation | Node, network, correspondence creating method, and frame transferring program |
| CN106250128A (en) * | 2016-07-26 | 2016-12-21 | 网易（杭州）网络有限公司 | The display processing method of user interface and device |
| CN108197257A (en) * | 2017-12-29 | 2018-06-22 | 深圳乐信软件技术有限公司 | Html page generation method, device, equipment and storage medium |
| CN108388444A (en) * | 2018-03-05 | 2018-08-10 | 重庆邮电大学 | A kind of front end page configuration method and system based on React components |
| CN108762767A (en) * | 2018-05-31 | 2018-11-06 | 康键信息技术（深圳）有限公司 | Using dissemination method, device and computer readable storage medium |
| CN108846087A (en) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | A kind of page rendering method, apparatus, terminal and server |
| CN109325203A (en) * | 2018-09-10 | 2019-02-12 | 北京亚鸿世纪科技发展有限公司 | The device of Web system visualization multiplexing is realized in a kind of automation |
| CN109508191A (en) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | A kind of code generating method and system |
| US20190121633A1 (en) * | 2017-10-19 | 2019-04-25 | International Business Machines Corporation | Crowd-sourcing accessibility rendering system for non-accessible applications |
| CN109918370A (en) * | 2019-01-24 | 2019-06-21 | 西安交通大学 | A kind of development approach and system of the configurable forms application front end based on WEB |
| CN109947635A (en) * | 2019-03-18 | 2019-06-28 | 苏州亿歌网络科技有限公司 | A kind of data reporting method, device, storage medium and terminal device |
| CN110032590A (en) * | 2019-04-15 | 2019-07-19 | 重庆天蓬网络有限公司 | A kind of data visualisation system, method, server and storage medium |
-
2019
- 2019-11-14 CN CN201911111636.2A patent/CN112799648B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2006093321A1 (en) * | 2005-03-04 | 2006-09-08 | Nec Corporation | Node, network, correspondence creating method, and frame transferring program |
| CN106250128A (en) * | 2016-07-26 | 2016-12-21 | 网易（杭州）网络有限公司 | The display processing method of user interface and device |
| US20190121633A1 (en) * | 2017-10-19 | 2019-04-25 | International Business Machines Corporation | Crowd-sourcing accessibility rendering system for non-accessible applications |
| CN108197257A (en) * | 2017-12-29 | 2018-06-22 | 深圳乐信软件技术有限公司 | Html page generation method, device, equipment and storage medium |
| CN108388444A (en) * | 2018-03-05 | 2018-08-10 | 重庆邮电大学 | A kind of front end page configuration method and system based on React components |
| CN108762767A (en) * | 2018-05-31 | 2018-11-06 | 康键信息技术（深圳）有限公司 | Using dissemination method, device and computer readable storage medium |
| CN108846087A (en) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | A kind of page rendering method, apparatus, terminal and server |
| CN109325203A (en) * | 2018-09-10 | 2019-02-12 | 北京亚鸿世纪科技发展有限公司 | The device of Web system visualization multiplexing is realized in a kind of automation |
| CN109508191A (en) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | A kind of code generating method and system |
| CN109918370A (en) * | 2019-01-24 | 2019-06-21 | 西安交通大学 | A kind of development approach and system of the configurable forms application front end based on WEB |
| CN109947635A (en) * | 2019-03-18 | 2019-06-28 | 苏州亿歌网络科技有限公司 | A kind of data reporting method, device, storage medium and terminal device |
| CN110032590A (en) * | 2019-04-15 | 2019-07-19 | 重庆天蓬网络有限公司 | A kind of data visualisation system, method, server and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 叶小艳;张芒;李伟民;: "一种改进的MVC框架在ERP***开发中的应用", 计算机技术与发展, no. 09 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115809056A (en) * | 2023-02-07 | 2023-03-17 | 深圳复临科技有限公司 | Component multiplexing implementation method and device, terminal equipment and readable storage medium |
| CN115809056B (en) * | 2023-02-07 | 2023-05-05 | 深圳复临科技有限公司 | Component multiplexing implementation method and device, terminal equipment and readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112799648B (en) | 2023-08-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111506387A (en) | Page pre-rendering method and device, electronic equipment and storage medium | |
| US11093222B2 (en) | Generating interfaces from annotated entity definitions for developing applications | |
| US20170185609A1 (en) | Universal adaptor for rapid development of web-based data visualizations | |
| CN112069201A (en) | Target data acquisition method and device | |
| CN109634587B (en) | Method and equipment for generating warehousing script and warehousing data | |
| US20190146902A1 (en) | Development-time awareness of a production dependency injection environment | |
| US10839040B2 (en) | Normalizing a page flow | |
| JP7194214B2 (en) | Data processing method and device, electronic device, storage medium, and computer program for mini appli | |
| CN112015468A (en) | Interface document processing method and device, electronic equipment and storage medium | |
| CN112506854A (en) | Method, device, equipment and medium for storing page template file and generating page | |
| CN111610972A (en) | Page generation method, device, equipment and storage medium | |
| US9021019B2 (en) | Business application platform with embedded business intelligence server | |
| CN112799648A (en) | Unified framework implementation method, system, electronic equipment and storage medium | |
| CN113656533A (en) | Tree control processing method and device and electronic equipment | |
| CN113254043A (en) | Web front-end project processing method and device, electronic equipment and storage medium | |
| CN111125597B (en) | Webpage loading method, browser, electronic equipment and storage medium | |
| CN111880778B (en) | Method and device for generating interface document, electronic equipment and storage medium | |
| CN111061522B (en) | Method, device, equipment and storage medium for generating front-end card assembly based on back end | |
| US9606775B2 (en) | Developing rich internet application | |
| US20160070564A1 (en) | Dynamically schematized log messages for software applications | |
| CN110377401B (en) | Transaction request processing method, device, server and storage medium based on IDEA | |
| CN111399806B (en) | Component management method and device, electronic equipment and storage medium | |
| CN114115855A (en) | Code multiplexing method and device, computer readable storage medium and electronic equipment | |
| CN111506380A (en) | Rendering method, device, equipment and storage medium | |
| CN112148596A (en) | Method and device for generating error reporting content of deep learning framework |
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 |