CN113296758B - Front-end component library construction method and device and storage medium - Google Patents
Front-end component library construction method and device and storage medium Download PDFInfo
- Publication number
- CN113296758B CN113296758B CN202110276519.2A CN202110276519A CN113296758B CN 113296758 B CN113296758 B CN 113296758B CN 202110276519 A CN202110276519 A CN 202110276519A CN 113296758 B CN113296758 B CN 113296758B
- Authority
- CN
- China
- Prior art keywords
- component
- data
- event
- scope
- binding
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- 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/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The invention relates to a method, a device and a storage medium for constructing a front-end component library, wherein the method comprises the following steps: constructing a bottom layer processing module, wherein the bottom layer processing module comprises a bottom layer element unit and a visual model unit, and the bottom layer element unit is used for initializing components, mounting the components, unloading the components, triggering binding events, managing component states and life cycles; the visual model unit is used for realizing internal bidirectional binding; and customizing the components based on the constructed bottom processing module, wherein the components comprise a customized DOM tag, a customized attribute, a customized method and a customized style, so as to obtain an available component library. Compared with the prior art, the method does not depend on a development framework, and can provide a uniform use mode for different frameworks based on the self-defined DOM, so that the reusability and the transportability of the component library are improved, the project delivery efficiency is improved, and the development test and maintenance cost is reduced.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method and an apparatus for constructing a front-end component library, and a storage medium.
Background
With the rapid development of front-end technologies, front-end development frameworks come into existence, such as JQuery, angularJS, fact, vue. Many matching component libraries have also emerged, such as: bootStrap, antDesign, elementUI, etc. It can be said that the evolution of the front-end development framework is driving the rapid advance of technology, as well as driving the generation of various component libraries.
At present, the mainstream front-end component library is generated along with a mainstream development framework, namely, an implementation method and a use mode are written according to the characteristics of the development framework. Therefore, different front-end development frameworks are often selected for different projects, and since component libraries are generated along with development frameworks, it is necessary to select different component libraries. From the development perspective, on one hand, users need to readjust some performances and effects of components according to the requirements of product design, which results in the need of secondary development for many times; on the other hand, the use of different component libraries inevitably increases additional learning cost; in addition, from the testing perspective, repeated testing on different component libraries is also required, which undoubtedly increases the subsequent maintenance cost.
In summary, the existing front-end component library depends too much on a development framework, has poor reusability and portability, cannot be compatible with different WEB development frameworks, causes the project delivery efficiency to be too low, and is not beneficial to the development, the test and the maintenance of the project.
Disclosure of Invention
The invention aims to overcome the defects in the prior art and provide a front-end component library construction method, a front-end component library construction device and a storage medium, so as to achieve the purpose of being compatible with different WEB development frameworks and improve the reusability and the portability of a component library.
The purpose of the invention can be realized by the following technical scheme: a front-end component library construction method comprises the following steps:
the method comprises the following steps of S1, constructing a bottom layer processing module, wherein the bottom layer processing module comprises a bottom layer element unit and a visual model unit, and the bottom layer element unit is used for initializing a component, mounting the component, unloading the component, triggering a binding event, managing the state of the component and the life cycle;
the visual model unit is used for realizing internal bidirectional binding;
and S2, customizing the components based on the constructed bottom layer processing module, wherein the components comprise a customized DOM tag, a customized attribute, a customized method and a customized style, so that an available component library is obtained.
Furthermore, a template management subunit and a core subunit are arranged in the bottom element unit, and the template management subunit is used for processing an HTML template set of the user-defined element and realizing the separation of HTML and a script;
the core subunit is used for coordinating the relationship among the scope, the visualization model and the bottom layer processing module.
Further, the core subunit is connected with an event bus, and the event bus is used for processing transmission of internal messages.
Furthermore, a monitor, a scope manager and a component manager are arranged in the core subunit, the scope manager and the component manager are both connected to the visualization model unit, and the monitor is used for monitoring internal data changes and business framework data changes;
the scope manager is used for managing the internal scopes of the components, and comprises scope generation and recursive search;
the component manager performs internal encapsulation based on each custom element to provide functions for component lookup, data processing, and method invocation.
Further, the internal bi-directional binding includes a single-item bound data property and a double-item bound data property.
Further, the single-item bound data property is specifically that by monitoring a specified property on a specified scope object, when data in an incoming scope object changes, the data is notified to the inside of the component and a corresponding property method is called, so that internal logic and style processing are completed.
Further, the double-item binding data property is specifically that when data in an incoming scope object changes, the data is notified to the inside of the component and a corresponding property method is called to complete internal logic and style processing; when data changes occur inside the component, the incoming scope object is notified to perform business related processes.
Further, the specific process of triggering the binding event is as follows:
s11, registering an event;
s12, judging whether the trigger condition is met or not according to preset internal logic, if so, executing the step S13, otherwise, returning to the step S11;
s13, starting an event iterator, then judging whether a trigger condition is met or not according to preset internal logic, if so, executing a step S14, otherwise, returning to the step S11;
and S14, starting an event trigger, then judging whether the event is an iterative event, if so, returning to the step S13, otherwise, returning to the step S11.
A front-end component library construction apparatus comprises a memory for storing program instructions and a processor for calling the program instructions to implement the front-end component library construction method.
A computer-readable storage medium having stored thereon instructions that, when executed by a controller, are capable of causing the controller to perform the front-end component library construction method described above.
Compared with the prior art, the invention has the following advantages:
the method does not depend on a development framework, can provide a uniform use mode for different frameworks in a user-defined DOM mode, can improve reusability and transportability of the component library, can easily realize consistent performance by only importing the constructed component library when different frameworks are used in different projects, and reduces the challenges brought to the projects by quick emergence and updating of the front-end framework; the development cost is reduced; the test cost is reduced; the maintenance cost is reduced; the working efficiency is improved; and the project delivery efficiency is improved.
When the bottom processing module is constructed, the internal data change and the service framework data change are monitored to realize bidirectional binding, and the bottom processing module can realize the purpose of reliably managing the component based on the scope by combining with the trigger binding event management to ensure the effectiveness and the availability of the subsequent custom component.
Drawings
FIG. 1 is a schematic flow diagram of the process of the present invention;
FIG. 2 is a schematic diagram of a practical application process of the present invention;
FIG. 3 is a schematic view of scoped data management;
FIG. 4 is a schematic diagram of bi-directional binding;
FIG. 5 is a schematic view of an event management process;
FIG. 6 is a schematic application code diagram of the second embodiment;
FIG. 7 is a diagram illustrating the effect of the third embodiment;
fig. 8 is a schematic diagram of application codes in the third embodiment.
Detailed Description
The invention is described in detail below with reference to the figures and the specific embodiments.
Example one
As shown in fig. 1, a front-end component library construction method includes the following steps:
s1, constructing a bottom layer processing module, wherein the bottom layer processing module comprises a bottom layer element unit and a visual model unit, and the bottom layer element unit is used for initializing components, mounting the components, unloading the components, triggering binding events, managing component states and life cycles;
the visual model unit is used for realizing internal bidirectional binding;
the system comprises a bottom element unit, a template management subunit and a core subunit, wherein the bottom element unit is provided with the template management subunit and the core subunit, and the template management subunit is used for processing an HTML template set of a user-defined element and realizing the separation of HTML and a script;
the core subunit is used for coordinating the relationship among the scope, the visualization model and the bottom layer processing module.
The core subunit is connected with an event bus, and the event bus is used for processing transmission of internal messages.
The core subunit is provided with a monitor, a scope manager and a component manager, the scope manager and the component manager are both connected to the visual model unit, and the monitor is used for monitoring internal data changes and business framework data changes;
the scope manager is used for managing the internal scopes of the components and comprises scope generation and recursive search;
the component manager performs internal encapsulation based on each custom element to provide functions of component searching, data processing and method calling;
and S2, customizing the components based on the constructed bottom layer processing module, wherein the components comprise a customized DOM tag, a customized attribute, a customized method and a customized style, so that an available component library is obtained.
In step S1, the internal bidirectional binding includes a single-item bound data property and a double-item bound data property:
the single binding data property is that the appointed property on the appointed scope object is monitored, when the data in the transmitted scope object is changed, the data is notified to the inside of the component and the corresponding property method is called, so as to complete the internal logic and style processing;
the double-item binding data property is specifically that when data in an incoming scope object changes, the data is notified to the inside of the component and a corresponding property method is called to complete internal logic and style processing; when data changes occur inside the component, the incoming scope object is notified to perform business related processes.
In step S1, the specific process of triggering the binding event is as follows:
s11, registering an event;
s12, judging whether the trigger condition is met or not according to preset internal logic, if so, executing the step S13, otherwise, returning to the step S11;
s13, starting an event iterator, then judging whether a trigger condition is met or not according to preset internal logic, if so, executing a step S14, otherwise, returning to the step S11;
and S14, starting an event trigger, then judging whether the event is an iterative event, if so, returning to the step S13, otherwise, returning to the step S11.
In the embodiment, when the method is applied, a specific application flow is as shown in fig. 2:
1. and constructing a bottom core processing layer. The system comprises a BaseElement base class (initializing a component, mounting a component, uninstalling the component, triggering a binding event, managing a component state and a life cycle), a core (integrating the relation of scope, vm and baseElement), an Eventbus (processing internal message transmission), a component Mgm (component manager, performing internal encapsulation based on each custom element and providing functions of component searching, data processing, method calling and the like, wherein the component manager is used for uniformly managing the custom component and mainly used for component searching, event management and the like), an Observer (scope mathematical binding monitor for monitoring newly added scope binding elements and model binding), a Viewmodel (realizing internal binding and bidirectional binding), a scope (managing the internal scope of the component and comprising scope generation, recursive searching and the like), templates (template management, templates are used for processing HTML template sets of the custom elements, HTML and Js are separated through a compiling algorithm added into a base, and HTML and later-stage extension processing are realized;
2. and (4) self-defining the component. The method comprises the steps of containing a custom DOM tag (such as eui-script), custom attributes (eui-size, eui-color), a custom method (eui-change) and a custom style, wherein the eui-button is an instantiated element, a corresponding component is generated when the element is instantiated, the generation and the management of the component are all in the component smgm, the button method is integrated into the component through the component smgm, the attributes, events, cid and name of any component instance are unique, but the method is public and cannot follow the instance;
in fig. 2, arrows indicate application relationships, a baseElement applies template and core, the core applies scopemgm, an oberver and a component, the component mgm manages attr and event, the scopemgm manages scope, the component mgm and scopemgm apply in a viewmodel, and the button element inherits the baseElement.
The invention realizes bidirectional binding based on scope when constructing a bottom layer processing layer, wherein scope elements comprise: scope name (scopeName), scope object (scopeObject) and scope element scope (scopelement), all of which can be used as a complete scope to validate its properties or methods, etc. The scope name refers to a name transmitted in the process of establishing a binding relationship, and is used for establishing a relationship between an object and a scope element. Scope objects refer to parameter objects (which may be function instance objects, framework objects, etc.) passed through the global function eui.
The component scope supports the parent searching rule, namely when the component obtains the transmitted scope through the getScope () function, whether the binding scope exists or not is searched, if the binding does not exist, whether the binding scope exists or not is searched for the parent DOM element, and the binding scope exists or not is sequentially searched upwards until the element with the binding scope is searched and returned to the scope
But to distinguish: the incoming scope object is not directly a scope object for the component. The scope of the component itself is an independent object, which is bound to each component element, and is only associated with the incoming scope object in data, for specific distinction, as shown in fig. 3:
a) scope: a scope object, specifically a function instantiation object, introduced from the outside, for example, an instance of a function is introduced in an eu, scope (' new scope ()), and its owned attributes, methods, etc. are independent of the inside of the component and are determined by a specific business framework or function;
b) $ scope: the scope object of the component itself is generated internally, it is used for the single binding data property and the corresponding newest data value of the two-way binding data property, the data change notice of the scope is transmitted through this object;
c) scopeData: the internal component scope data memory only stores the corresponding latest data values of the single binding data attribute and the two-way binding data attribute and is only responsible for data storage and not for message transmission.
In bidirectional binding, binding data snooping comprises snooping internal data change ($ scope) and snooping service framework (scope) data change. The interception of the business data frames is mainly implemented by utilizing internal characteristics of each frame, such as $ watch of Angularlarjs, object.defineProperty of Vuejs and native js, and function method of real.component.protocol.setState of Reactjs.
And monitoring the internal data change according to object, defineProperty and input event in the primary input element, and after acquiring the data change, notifying a service framework by $ scope to perform the data change, thereby realizing the data monitoring in two directions.
In each frame (regular/React/Vue), especially in regular and Vue, except that ng-model and v-model are "true" bidirectional bound attributes (data can be transferred from Js to dom or from dom to Js), other attributes are all "false" bidirectional bound (data can be transferred from Js to dom only) from Js to HTML, as shown in fig. 4, a single bound data attribute is monitored by monitoring a specified attribute on a specified scope object, and when data in the introduced scope object changes, the single bound data attribute is notified to the inside of a component and calls a corresponding attribute method to complete processing of internal logic, style and the like;
the double-item binding data attribute is that when the data in the transmitted scope object changes, the data is notified to the inside of the component and the corresponding attribute method is called to complete the processing of internal logic, style and the like; when data change occurs inside the component, the $ scope notifies an incoming scope object, and a business related process is executed;
the single-item binding data property and the double-item binding data property are both methods for acquiring data by monitoring the specified property on the specified scope object, transmitting the data into the component and calling the corresponding property, and the main difference between the methods is as follows: the single-item binding data property can be expanded according to the requirement, the property range is not limited, the double-item binding data property is limited to the model property, and in addition, the double-item binding data property requires that an input element must exist in the component.
When triggering a binding event, the component event is mainly distinguished from the native dom event in that: the trigger points of the component events include both the trigger points of the native events (such as click and the like) and the trigger points of the logic events (such as change, before and the like), and the events execute the internal logic of the component and call the external event function after being triggered. The component events are multi-layered encapsulated for internal logic and external logic differentiation. As shown in fig. 5, first, event registration is performed, the entire event logic is registered in the component, and the event trigger object and the trigger mode of the component are determined by parameters. The trigger object refers to a trigger element of an event, such as the component element itself or some specified element inside the component element, and the trigger mode refers to what kind of mode to trigger. The registerEvent in the BaseElement class can receive at most three parameters, namely an event name, an event subject and a configuration item, for an event registration function.
The event name is associated with an el parameter and an isClick parameter in the configuration item, wherein the el refers to an actual trigger object (default is a current component element and can be configured as a certain element in the event) of the event, the isClick event is whether a trigger mode is triggered in a click mode (default is true) or not, and when the isClick is true, the event body is executed when the el has a click event; when isClick is false, the event name is currently only supported as 'datachange', and the event principal is executed when the model of the component changes with respect to field data.
The event iterator (events iterator function) can support at most three functions as incoming parameters, each parameter function has a designated parameter done, done is an executable function, when the done function is executed or a true function is returned, the next parameter function is executed, otherwise, the next parameter function is not executed. The external event may be executed by executing a trigger within the component internal logic to determine whether the external event needs to be executed in each parameter function.
The event trigger (dispatch function in BaseElement class) receives at most three parameters for external event triggering, which are respectively a registered event name, an outgoing parameter name list and an outgoing parameter value list, wherein done can be used as a parameter outgoing (done is the last parameter in unified specification).
The function of the external event returns true or the done is executed before entering the parameter function of the next event iterator.
When the Component is customized, based on a customized DOM tag principle, the customized Component adopts a Web Component technology in modern HTML to perform tag customization, and simultaneously monitors basic attribute change by combining two methods of observerdAttributes and attributeChangedCallback, so that the basic effect that the attribute change is immediately and synchronously updated to the DOM is realized. And on the basis, the updating range after the attribute is changed is further enriched by calling the attribute function. The main functions of the device comprise:
a) And realizing the self-defined label. And registering self-defined DOM tags by using a custom elements. Does not need to write complex DOM tree
b) And realizing component internal element control. The DOM elements are managed by using a DOM basic operation method (open, innerHTML, querySector and the like), but only one custom tag needs to be provided externally, and all styles are in the component.
c) And realizing dynamic attribute value monitoring. And dynamically monitoring the attribute values, and performing internal element management, style management and the like according to different attribute values.
It should be noted that the above attribute value monitoring is only for basic attribute monitoring of the DOM, monitored data is attribute value data rendered on the DOM, and monitoring processing of the single bound data and the bidirectional bound data through scope is performed in the same definition mode but in different trigger modes.
The embodiment also provides a front-end component library construction device, which comprises a memory and a processor, wherein the memory is used for storing program instructions, and the processor is used for calling the program instructions to realize the front-end component library construction method.
The present embodiment also provides a computer-readable storage medium, on which instructions are stored, which, when executed by a controller, can cause the controller to perform the above-mentioned front-end component library construction method.
Example two
In the embodiment, the method provided by the invention is applied, the reach framework is used, firstly, a project built based on reach needs to be prepared, and the project is introduced and built to obtain the component library. The combined use and bidirectional binding scene of the drop-down frame and the button is realized by using the component labels, the properties, the methods and the like provided by the component library document, the application code is shown in fig. 6, in the embodiment, eui-select represents a select drop-down component, and eui-button represents a button; the eui-width, the eui-multiple and the eui-value represent component attributes, the eui-change represents event attributes, and the onClick represents component event triggering; the eui-model is bi-directional binding and interacts with the eui-value.
EXAMPLE III
The embodiment also uses the fact framework to implement a form, input box, drop-down box, and check box combination use scenario as shown in fig. 7, and fig. 8 is an application code diagram of the embodiment, where eui-form represents a form component, eui-input represents an input box component, eui-label represents a label, and eui-checkbox represents a check box component; the eui-width, eui-multiple, eui-value represent component attributes, and the eui-value represents assignment attributes.
Claims (7)
1. A front-end component library construction method is characterized by comprising the following steps:
the method comprises the following steps of S1, constructing a bottom layer processing module, wherein the bottom layer processing module comprises a bottom layer element unit and a visual model unit, and the bottom layer element unit is used for initializing a component, mounting the component, unloading the component, triggering a binding event, managing the state of the component and the life cycle;
the visual model unit is used for realizing internal bidirectional binding;
s2, customizing components based on the constructed bottom processing module, wherein the components comprise a customized DOM tag, a customized attribute, a customized method and a customized style, and thus obtaining an available component library;
the internal bidirectional binding comprises a single binding data property and a double binding data property, wherein the single binding data property is specifically that the specific property on the specific scope object is monitored, and when the data in the introduced scope object changes, the data is notified to the inside of the component and a corresponding property method is called so as to complete internal logic and style processing;
the double-item binding data property is specifically that when data in an incoming scope object changes, the data is notified to the inside of the component and a corresponding property method is called to complete internal logic and style processing; when data changes occur inside the component, the incoming scope object is notified to perform business related processes.
2. The front-end component library construction method according to claim 1, wherein a template management subunit and a core subunit are arranged in the bottom element unit, and the template management subunit is used for processing the set of HTML templates of the custom element and realizing separation of HTML and scripts;
the core subunit is used for coordinating the relationship among the scope, the visualization model and the bottom layer processing module.
3. The front-end component library building method according to claim 2, wherein an event bus is connected to the core subunit, the event bus being used for handling transmission of internal messages.
4. The front-end component library construction method according to claim 2, wherein a listener, a scope manager and a component manager are arranged in the core subunit, the scope manager and the component manager are both connected to the visualization model unit, and the listener is used for monitoring internal data changes and business framework data changes;
the scope manager is used for managing the internal scopes of the components, and comprises scope generation and recursive search;
the component manager performs internal encapsulation based on each custom element to provide functions for component lookup, data processing, and method invocation.
5. The front-end component library construction method according to claim 1, wherein the specific process of triggering the binding event is:
s11, registering an event;
s12, judging whether the trigger condition is met or not according to preset internal logic, if so, executing the step S13, otherwise, returning to the step S11;
s13, starting an event iterator, then judging whether a trigger condition is met or not according to preset internal logic, if so, executing a step S14, otherwise, returning to the step S11;
and S14, starting an event trigger, then judging whether the event is an iterative event, if so, returning to the step S13, otherwise, returning to the step S11.
6. A front-end component library construction apparatus comprising a memory for storing program instructions and a processor for calling the program instructions to implement the front-end component library construction method according to any one of claims 1 to 5.
7. A computer-readable storage medium having stored thereon instructions that, when executed by a controller, are capable of causing the controller to perform the front-end component library construction method of any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110276519.2A CN113296758B (en) | 2021-03-15 | 2021-03-15 | Front-end component library construction method and device and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110276519.2A CN113296758B (en) | 2021-03-15 | 2021-03-15 | Front-end component library construction method and device and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113296758A CN113296758A (en) | 2021-08-24 |
| CN113296758B true CN113296758B (en) | 2022-11-25 |
Family
ID=77319347
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110276519.2A Active CN113296758B (en) | 2021-03-15 | 2021-03-15 | Front-end component library construction method and device and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113296758B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113986226B (en) * | 2021-12-28 | 2022-04-22 | 中国电子科技网络信息安全有限公司 | Micro front end architecture based on qiankun and Web Component and construction method thereof |
| CN115114050B (en) * | 2022-07-27 | 2024-03-19 | 山东有人物联网股份有限公司 | Event interaction method and system between elements in visual platform |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016197875A1 (en) * | 2015-06-11 | 2016-12-15 | 阿里巴巴集团控股有限公司 | Data processing method and device applicable to service-providing device |
| WO2018028321A1 (en) * | 2016-08-09 | 2018-02-15 | 中兴通讯股份有限公司 | Method and apparatus for managing virtual external storage device, and terminal |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9804789B2 (en) * | 2015-06-24 | 2017-10-31 | Vmware, Inc. | Methods and apparatus to apply a modularized virtualization topology using virtual hard disks |
| CN105867919A (en) * | 2016-03-28 | 2016-08-17 | 浙江大学 | Front end data bidirectional binding realization method based on accessor hijack |
| CN108021372A (en) * | 2016-11-01 | 2018-05-11 | 深圳市中兴微电子技术有限公司 | The management method and device of a kind of application program |
| CN108170409B (en) * | 2016-12-07 | 2023-06-23 | 北大医疗信息技术有限公司 | Development method and system of WEB front-end control |
| CN109710250B (en) * | 2018-11-15 | 2022-05-31 | 安徽同徽信息技术有限公司 | Visualization engine system and method for constructing user interface |
| CN112286513A (en) * | 2019-07-23 | 2021-01-29 | 北京京东尚科信息技术有限公司 | Visual design method and device based on component metadata |
| CN111625236A (en) * | 2020-04-30 | 2020-09-04 | 平安国际智慧城市科技股份有限公司 | Front-end development method and device based on componentization, electronic equipment and storage medium |
| CN112307402B (en) * | 2020-11-11 | 2024-01-26 | 北京指掌易科技有限公司 | Webpage component creation method and device, electronic equipment and readable storage medium |
-
2021
- 2021-03-15 CN CN202110276519.2A patent/CN113296758B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016197875A1 (en) * | 2015-06-11 | 2016-12-15 | 阿里巴巴集团控股有限公司 | Data processing method and device applicable to service-providing device |
| WO2018028321A1 (en) * | 2016-08-09 | 2018-02-15 | 中兴通讯股份有限公司 | Method and apparatus for managing virtual external storage device, and terminal |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113296758A (en) | 2021-08-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109933522B (en) | Test method, test system and storage medium for automatic case | |
| CN107979508B (en) | Micro-service test method and device | |
| CN109643252B (en) | Middleware interface and middleware interface generator | |
| US8181151B2 (en) | Modeling and managing heterogeneous applications | |
| US10191733B2 (en) | Software change process orchestration in a runtime environment | |
| US20090327926A1 (en) | Method and system for implementing software customization module | |
| CN113296758B (en) | Front-end component library construction method and device and storage medium | |
| WO2015019074A1 (en) | Automated application test system | |
| US20060234548A1 (en) | Method and system for extending scripting languages | |
| CN112162753A (en) | Software deployment method and device, computer equipment and storage medium | |
| US20200183683A1 (en) | Application architecture generation | |
| CN104679500B (en) | Method and device for realizing automatic generation of entity class | |
| US9985845B2 (en) | Generic user interface client for software logistics processes | |
| CN112068850A (en) | Method and device for creating service product instance and electronic equipment | |
| US8612996B2 (en) | Technique for integrating a distributed object system component with a service oriented architecture application | |
| CN112685020A (en) | Method and device for dynamically creating service interface, electronic equipment and storage medium | |
| CN110457132B (en) | Method and device for creating functional object and terminal equipment | |
| CN108228266B (en) | Method and device for starting Fragment component between different plug-ins under Android plug-in framework | |
| CN111880786A (en) | Multi-application sharing method, system, device, electronic equipment and storage medium | |
| CN111782518A (en) | Test method and device and electronic equipment | |
| CN110599112B (en) | Network page development and maintenance method and device | |
| CN115729604A (en) | Micro application integration method, system, electronic device and storage medium | |
| CN111538606B (en) | Method, device and equipment for testing simulation Dubbo interface | |
| CN111290818B (en) | Operation method for creating application program and operation method for application program | |
| US11726776B2 (en) | Super-app extension discovery and configuration via source code management platform comments |
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 |