CN109240690A - A kind of interface creating method and device of data form - Google Patents

A kind of interface creating method and device of data form Download PDF

Info

Publication number
CN109240690A
CN109240690A CN201810929435.2A CN201810929435A CN109240690A CN 109240690 A CN109240690 A CN 109240690A CN 201810929435 A CN201810929435 A CN 201810929435A CN 109240690 A CN109240690 A CN 109240690A
Authority
CN
China
Prior art keywords
task
component
layers
common package
view
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
Application number
CN201810929435.2A
Other languages
Chinese (zh)
Other versions
CN109240690B (en
Inventor
郁盛杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201810929435.2A priority Critical patent/CN109240690B/en
Publication of CN109240690A publication Critical patent/CN109240690A/en
Application granted granted Critical
Publication of CN109240690B publication Critical patent/CN109240690B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

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

Abstract

This specification embodiment provides the interface creating method and device of a kind of data form, wherein the method is realized by executing the task of the data form;The task includes: View layers of task and Model layers of task;The described method includes: the execution of View layers of task and Model layers of task, respectively includes handling as follows: executing the task component in the task, the task component inherits task common package, and the task common package is the shared component of multiple tasks;When executing the task common package, the infrastructure component that the task common package is inherited is executed;Execute at least one fundamental operation function that the infrastructure component includes;After the completion of the View layers of task and Model layers of task execution, the corresponding data form of the task is generated.

Description

A kind of interface creating method and device of data form
Technical field
This disclosure relates to field of computer technology, the in particular to interface creating method and device of a kind of data form.
Background technique
One application program may include front end and backstage, and the exploitation in front end field can be enterprising in data research/development platform Row, which may include multiple-task, the data manipulation that the corresponding front end of each task is related to.Task is i.e. in data The operation in a stage of data mart modeling has been packed in exploitation, for example, the task of introducing is the operation that a data introduce, is calculated and is appointed Business is the operation that a data calculate processing.Moreover, it is also possible to go to increase newly by task exploitation on the data research/development platform Task.
By executing the task of above-mentioned exploitation, the corresponding data form of task can be exported.May include in data form Information input interface may include a variety of interface elements in the interface, for example, Text Entry, drop-down choice box etc..For every The task of a data form is developed, generally progress Module Development Method, is realized by developing each constituent component of list entire The presentation of list.
Summary of the invention
In view of this, this specification one or more embodiment provides the interface creating method and dress of a kind of data form It sets, to improve the scalability and maintainability of list exploitation.
Specifically, this specification one or more embodiment is achieved by the following technical solution:
In a first aspect, providing a kind of interface creating method of data form, the method is by executing the data form Task realize;The task includes: View layers of task and Model layers of task;The described method includes:
The execution of the View layers of task and Model layers of task respectively includes handling as follows:
The task component in the task is executed, the task component inherits task common package, and the task is public Component is the shared component of multiple tasks;
When executing the task common package, the infrastructure component that the task common package is inherited is executed;
Execute at least one fundamental operation function that the infrastructure component includes;
After the completion of the View layers of task and Model layers of task execution, the corresponding data form of the task is generated;And And the infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, the task in View layers of task is public Component is corresponding with the task common package in Model layers of task, the task component in the View layers of task and Model layers of task In task component it is corresponding.
Second aspect, the interface for providing a kind of data form generate system, and the system corresponds to appointing for the data form Business;The task includes: View layers of task and Model layers of task;The View layers of task and Model layers of task, respectively include Following component part:
Infrastructure component, the infrastructure component include at least one fundamental operation function;
Task common package, the task common package inherits the infrastructure component, and the task common package is more The shared component of a task;
Task component, the task component inherit the task common package;
Also, the infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, in View layers of task Task common package it is corresponding with the task common package in Model layers of task, task component in the View layers of task with Task component in Model layers of task is corresponding.
The third aspect, provides a kind of interface generating device of data form, and the equipment includes memory, processor, with And the computer instruction that can be run on a memory and on a processor is stored, following step is realized when which executes instruction It is rapid: to execute the task of the data form;The task includes: View layers of task and Model layers of task;The View layers of task With the execution of Model layers of task, respectively include handling as follows:
The task component in the task is executed, the task component inherits task common package, and the task is public Component is the shared component of multiple tasks;
When executing the task common package, the infrastructure component that the task common package is inherited is executed;
Execute at least one fundamental operation function that the infrastructure component includes;
After the completion of the View layers of task and Model layers of task execution, the corresponding data form of the task is generated;And And the infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, the task in View layers of task is public Component is corresponding with the task common package in Model layers of task, the task component in the View layers of task and Model layers of task In task component it is corresponding.
The interface creating method and device of the data form of this specification one or more embodiment, by application towards right The design philosophy of elephant, in front end, development field devises a Similar integral system, front end develop level, this View layer with Two layers of Model layer all using be after bearing structure correspondingly it is very unique, significantly improve front-end task exploitation flexibility, Scalability and maintainability.
Detailed description of the invention
In order to illustrate more clearly of this specification one or more embodiment or technical solution in the prior art, below will A brief introduction will be made to the drawings that need to be used in the embodiment or the description of the prior art, it should be apparent that, it is described below Attached drawing is only some embodiments recorded in this specification one or more embodiment, and those of ordinary skill in the art are come It says, without any creative labor, is also possible to obtain other drawings based on these drawings.
Fig. 1 is a kind of schematic diagram for data research/development platform that this specification one or more embodiment provides;
Fig. 2 is the front end frame system for the task exploitation that this specification one or more embodiment provides;
Fig. 3 is the flow chart for the list generation method that this specification one or more embodiment provides.
Specific embodiment
In order to make those skilled in the art more fully understand the technical solution in this specification one or more embodiment, Below in conjunction with the attached drawing in this specification one or more embodiment, to the technology in this specification one or more embodiment Scheme is clearly and completely described, it is clear that and described embodiment is only this specification a part of the embodiment, rather than Whole embodiments.Based on this specification one or more embodiment, those of ordinary skill in the art are not making creativeness The range of disclosure protection all should belong in every other embodiment obtained under the premise of labour.
The method that at least one embodiment of this specification provides, can be adapted for the exploitation of the middle daemon software of enterprise, It may include the exploitation of software front end in enterprise in the exploitation of daemon software, i.e. the presentation interface of software.The middle backstage is soft Part for example may include: intra-companies' softwares such as finance, manpower, internal entries management.And interface is presented in the front end of this kind of software It can be data form, the interface of list can be developed by the method for this specification at least one embodiment, and handle user Operation on list.
Fig. 1 illustrates a data research/development platform 11 for front end exploitation, as shown in Figure 1, the platform may include a variety of Task, " task " have packed the operation in a stage of data mart modeling in data mining.For example, the task of introducing is one corresponding Data introduce operation, and the corresponding data of calculating task calculate the operation of processing.Task on platform includes but is not limited to example Such as, calculating task (Computing Task), empty task (Virtual Task), importing task (Import Task), export are appointed Be engaged in (Export Task), functional task, etc..
Each task can correspond to one data form of output, and the interface of list can be presented to the user, and user can be Information is inputted in the interface of list, and is operated in list, for example, inputting text in text box, or in choice box Middle some option of selection.Each task has oneself corresponding form interface element, list operation or condition managing, different Task can have different form interface element or operation etc..The interface element of the list can include but is not limited to text This input frame, drop-down choice box, radio box etc., are also possible to the combination of several input frames, are determined according to business meaning.Subsequent Embodiment description in, a component can correspond to an interface element, and be reusable.
As described above, since different tasks may include same or different interface element namely different groups Part, then, if each task all removes the interface assembly of independent exploitation oneself, that will likely will appear a large amount of code weight It writes again, both wastes efficiency, and inflexible, develop a new task every time, code, scalability will be rewritten Also not good enough.
Based on this, the form interface generation method that at least one embodiment of this specification provides provides a kind of tables of data Single front end Development Framework system, the system preferably can may be used when the task of front end is developed so that the exploitation of task has Scalability and maintainability.
Wherein, the language of task exploitation, it is, for example, possible to use TypeScript language, TypeScript is Microsoft A kind of programming language of object-oriented of exploitation and maintenance, it is the superset of JavaScript, contains the institute of JavaScript There is element, JavaScript code operation can be loaded into, and extend the grammer of JavaScript.JavaScript is a kind of light The explanatory scripting language of magnitude, it is embeddable into html page, it is executed in browser end, it is abundant to can be realized browser end Interactive function brings the user experience of smooth multiplicity for user.
Shown in Figure 2, Fig. 2 illustrates the front end frame system of the exploitation of the task in this method, the frame system pair It should be in the data research/development platform 11 in Fig. 1.I.e. data research/development platform 11 may include: View layers of frame (Task View Framework), Model layers of frame (Task Model Framework).
Wherein, View layers of frame can be used for developing the View layer of a task, and Model layers of frame can be used for developing one The Model layer of a task.Specifically, task may include the View for developing a task when developing in the exploitation code of front end Layer and Model layers.The two layers are each responsible for the different aspect of data form.View layers are view layers, can be responsible for list Page rendering, View layers may include React component one by one.Model layers are data Layers, can encapsulate and look into list Operations and the condition managings such as inquiry, preservation, for example, list is in load, submission is medium.
The View layer of one task, the i.e. task are located at the part in View layers, are properly termed as View layers of task.One is appointed The Model layer of business, the i.e. task are located at the part in Model layers, are properly termed as Model layers of task.It is exemplified below: referring to figure May include multiple tasks in 2, Fig. 2, by taking calculating task Computing Task therein as an example for:
Task<ITaskProps>+CommonTask<ICommonTaskProps>+ComputingTask<IProps>, This can be the View layer task for including in calculating task.Certainly, it can be the pass succession (Extends) between above-mentioned a few parts System, about succession subsequent detailed.
Similarly, TaskModel+CommonTaskModel+ComputingTaskModel, this can be in calculating task Including Model layer task.View layers of task and Model layers of task together constitute a task, and View layers of task can be born The page rendering of list is blamed, Model layers of task can be responsible for management operation and state.
In addition, whether View layers of frame or Model layers of frame, can be set using layering continuing with referring to fig. 2 Meter, it is, for example, possible to use three layers of succession systems.The principle of the succession system is to gather some common component extractions, (Extends) can be inherited for each task.An existing class is inherited by extends, heritable class is known as parent, newly Class be known as subclass.For example, View layers of ComputingTask<IProps>inherit CommonTask< ICommonTaskProps>。
As follows will be in conjunction with Fig. 2, by taking View as an example, three layers of succession system being used in describing framework:
First layer: infrastructure component;
For example, infrastructure component can be the Task<ITaskProps>in Fig. 2 in View layers, it is located at Task View In Framework.In Model layers, infrastructure component can be the TaskModel in Fig. 2, be located at Task Model In Framework.
It wherein, may include at least one fundamental operation function in infrastructure component, for example, packet in Task<ITaskProps> Include the fundamental operations functions such as onPreSubmit (), renderForm ().Can be in these fundamental operation functions View layers or The operation and event handling on some general bases in Model layers of person are asked for example, View layers can be the basic list of load / rendering data is sought, the operation such as processing list submission, Model layers can be some general interface states of management and (in load, mention In friendship) operation.
In addition, infrastructure component can be the most general and basic operation and event handling of multiple-task, for example, in Fig. 2 In, according to fig. 2 in succession (Extends) relationship for illustrating, calculating task Computing Task, empty task Virtual Task, the exploitation realization for introducing task Import Task, exporting task Export Task, will use and arrive infrastructure component.When So, there can also be more tasks in data research/development platform, be not limited to several tasks shown in Fig. 2, other tasks can also To use the infrastructure component or other infrastructure components.
The second layer: task common package;
Continuing with referring to fig. 2, for example, task common package can be Common Task < ICommon in View layers Task Props>and Sync Task<ISync Task Props>;In Model layers, task common package can be Common Task Model and Sync Task Model.
Wherein, task common package is the shared component of multiple tasks, for example, Common Task < ICommon Task Props > can be what calculating task was shared with empty task, two tasks will use the component;And Sync Task < ISync Task Props > can be the component that introducing task and export task share.
In addition, task common package can also inherit the infrastructure component of first layer.For example, View layers of task common package Common Task<ICommon Task Props>can inherit the infrastructure component Task<ITaskProps>of first layer;Also, Task common package can also include the independent function of oneself, for example, the render Task Name () in Fig. 2, i.e., when second When the component of component " succession " first layer of layer, which will may include the first layer assembly, and can increase certainly Oneself stand-alone content.
Task common package, can be using more flexible when inheriting infrastructure component: for example, can will be as the basis of parent Component using AOP (Aspect Oriented Programming is programmed towards slice), realize, also, task common group by mode Part can be written over some Hook Functions for including in infrastructure component, for example, may include interface load in infrastructure component Before, load after Hook Function can realize Function Extension by rewriteeing these hooks in development task common package, " load " public function that can be multiplexed in infrastructure component simultaneously.This to have taken into account reusability and flexibility in task exploitation, Not only it may be implemented to be multiplexed some general fundamental operations, but also the specific operating function of certain task may be implemented.
Third layer: task component;
The third layer is specific task layer, can distinguish a variety of different tasks, for example, calculating task, empty task, drawing Enter task dispatching.For example, in View layers, Computing Task<IProps>is properly termed as a task component.Virtual Task<IProps>is another task component.In Model layers, task component can be Computing Task Model and Virtual Task Model。
Wherein, task component can inherit the task common package in the second layer, for example, Computing Task < IProps>succession, Common Task<ICommon Task Props>.Task component can embody the characteristics of task oneself, can To be further added by the stand-alone content of oneself on the basis of inheriting task common package.For example, Model layers of task component Import TaskModel can increase the stand-alone content of oneself on the basis of inheriting SyncTaskModel eSplitColumnTemplate()。
Model layers of also above-mentioned three layers of similar succession system, are no longer described in detail.
For three layers of above-mentioned succession system, View layers and Model layers in described three layers, every layer all corresponds. Infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, the task common group in View layers of task Part is corresponding with the task common package in Model layers of task, in the task component in the View layers of task and Model layers of task Task component it is corresponding.
It is shown in Figure 2, explain that " correspondence " is as follows:
" correspondence " is meant, the class of View frame and Model frame is corresponding, for example View has CommonTask, Model just has CommonTask.As soon as such as will newly plus task, that adds an XXXTask at view layer, and model layers add one A XXXTaskModel inherits a kind of Task of the second layer.
For another example, a calculating task Computing Task, may include: View layers Computing Task < IProps > and Model layers of Computing Task Model, i.e. every kind of specific tasks can include View layer with Model layers.Therefore, Computing Task<IProps>is corresponding with Computing Task Model, and this correspondence can To be " corresponding to the same task " and " the same interface function for corresponding to same task ".In another example in View layers SyncTask<ISyncTaskProps>is corresponding with the SyncTaskModel in Model layers, wherein SyncTask< ISyncTaskProps>for list interface present it is related to rendering, SyncTaskModel be with SyncTask< The relevant interface state in ISyncTaskProps > presentation interface and operational administrative.
Continuing with referring to fig. 2, the exploitation of task can also be arranged and match in addition to the modular construction of three layers of above-mentioned succession system Item is set, the specific component Rendering logic of the various situations of certain task is made into configuration item, which can use The Dynamic Execution logic between multiple components for including in View layers of task of definition and Model layers of task.For example, data form Interface be dynamic, for example, when in interface select a frame when, another frame will become radio box therewith, Or can disappear, and be arranged to configuration item and mean, these logics can be described with the mode of plain text (JSON), root According to configuration energy display interface and user's operation can be handled.
" Use " in Fig. 2 indicates the interface type that class uses, and interface therein is the type in TypeScript, For example, the type of the ITaskStore can be used in a TaskModel class at Model layers.TypeScript interface Interface can be used to establish certain code agreement, so that other developers are when calling some method or creating new class It must comply with the agreement of code defined in interface.
The technical implementation way of " succession " is realized in three layers of succession system as described below:
In View layers, under TypeScript development mode, the attribute of View layers of React component can be defined with general type (Props), general type is to state that a kind of extensive rather than specific type, program are just passed to specific type when running.Citing is such as Under: interface IProps<br/>}<br/>interface IState<br/>export class Task extends React.PureComponent<IProps,IState>{<br/>}.The succession of each layer assembly includes to attribute Succession, attribute inherit can pass through father pass son Props inherit.
In Model layers, Model layers of component is object, can be mixed into formula succession using object.For example, Task Model is an object.
Three layers of succession system of the task framework in Fig. 2 are described above, how to exist as described below according to above-mentioned system Increase new task on data research/development platform.
When developing new task:
When increasing new task on data research/development platform, still according to the succession system development of Fig. 2.
For example, if the interface element of the corresponding data form of new task is similar with current existing frame system, for example, together Sample is needed using the infrastructure component and task common package in existing frame system, it is possible to still continue to use above-mentioned existing Infrastructure component and task common package, in the third layer of Fig. 2 increase a new task, including View layer with Model layers, after Hold existing component.In addition, if the interface dynamic change of new task is had some change, configuration item can be updated, is executed new The corresponding new component Rendering logic of task is not required to repeat to write existing component code.
In another example if the interface element of the corresponding data form of new task and current existing frame system are different, There is the independent interface element of new task oneself, then can be multiplexed current existing component, oneself the component of redeveloping.Than Such as, the component of new task oneself can be on the basis of inheriting existing infrastructure component, increase some and new task pair The new function answered, can also increase the corresponding new function of new task in infrastructure component, and such case can be new function can be with As the operation in general infrastructure component.
It can see by above-mentioned frame system, developed, can be had using the front end that the frame system of Fig. 2 carries out list There is following effect:
On the one hand, task exploitation is more flexible.For example, the subclass in frame can rewrite the Hook Function of parent, freely It realizes the function of oneself, and parent common logic can be multiplexed, very flexibly.
On the other hand, the scalability of task exploitation is more preferable.For example, when newly-increased task, as long as a newly-increased task View layers of task and Model layers of task, and inherit the parent in frame.
In another aspect, the maintainability of task exploitation is more preferable.Entirely the list exploitation of task is extremely complex, not good Good design code do not allow it is easy to maintain, and the System Framework of this example can effectively disassemble entire complex logic to frame and Specific business, for example, View layers of frame, Model layers of frame, each layer are easy to maintain there are also different tasks.
In addition, the design philosophy of this method application object-oriented, in front end, development field devises a Similar integral system, Develop level in front end, all uses of two layers of this View layer and Model layer be after bearing structure correspondingly it is very unique, significantly Improve flexibility, scalability and the maintainability of front-end task exploitation.
When executing task code:
After the completion of task is developed, the corresponding data of task can be realized by executing the logical code of the task The realization of list.Fig. 3 illustrates the process of list generation method, and during execution task, task includes View layers of task It, can be according to the component Rendering logic of pre-configuration, to execute multiple component with the multiple components for including in Model layers of task. Also, View layers of task and Model layers all use three layers of succession system, and View layers of task and Model layers can carry out Fig. 3 Shown in handle:
In step 300, the task component in the task is executed, the task component inherits task common package, The task common package is the shared component of multiple tasks;
In step 302, when executing the task common package, the base set that the task common package is inherited is executed Part;
In step 304, at least one fundamental operation function that the infrastructure component includes is executed;
Within step 306, after the completion of the View layers of task and Model layers of task execution, it is corresponding to generate the task Data form.
The interface that at least one embodiment of this specification provides a kind of data form generates system, and the system corresponds to institute State the task of data form;The task includes: View layers of task and Model layers of task;
The View layers of task and Model layers of task, respectively include following component part:
Infrastructure component, the infrastructure component include at least one fundamental operation function;
Task common package, the task common package inherits the infrastructure component, and the task common package is more The shared component of a task;
Task component, the task component inherit the task common package;
Also, the infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, in View layers of task Task common package it is corresponding with the task common package in Model layers of task, task component in the View layers of task with Task component in Model layers of task is corresponding.
In one example, the task includes: the multiple components for including in View layers of task and Model layers of task;Institute State system further include: the component Rendering logic of pre-configuration, for handling the multiple component according to the component Rendering logic Dynamic Execution.
In one example, include at least one of following when the task is new task, in the task: task is public The new function corresponding with the new task for including in component or infrastructure component;Alternatively, new group corresponding with the new task Part Rendering logic.
In one example, the implementation of the succession, including following at least one:
The attribute of described View layers of React component is defined with general type, and is realized and inherited by the general type attribute that father passes son; Alternatively, in Model layers described, formula is mixed by object realizes and inherit.
The device or module that above-described embodiment illustrates can specifically realize by computer chip or entity, or by having The product of certain function is realized.A kind of typically to realize that equipment is computer, the concrete form of computer can be personal meter Calculation machine, laptop computer, cellular phone, camera phone, smart phone, personal digital assistant, media player, navigation are set It is any several in standby, E-mail receiver/send equipment, game console, tablet computer, wearable device or these equipment The combination of equipment.
For convenience of description, it is divided into various modules when description apparatus above with function to describe respectively.Certainly, implementing this The function of each module can be realized in the same or multiple software and or hardware when specification one or more embodiment.
Each step in above-mentioned process as shown in the figure, execution sequence are not limited to the sequence in flow chart.In addition, each The description of a step can be implemented as software, hardware or its form combined, for example, those skilled in the art can be by it It is embodied as the form of software code, can is the computer executable instructions that can be realized the corresponding logic function of the step. When it is realized in the form of software, the executable instruction be can store in memory, and by the processor in equipment It executes.
For example, corresponding to the above method, this specification one or more embodiment provides a kind of boundary of data form simultaneously It looks unfamiliar forming apparatus, which may include processor, memory and storage on a memory and can run on a processor Computer instruction, the processor is by executing described instruction, for realizing following steps: executing appointing for the data form Business;The task includes: View layers of task and Model layers of task;The execution of the View layers of task and Model layers of task, point It Bao Kuo not handle as follows:
The task component in the task is executed, the task component inherits task common package, and the task is public Component is the shared component of multiple tasks;
When executing the task common package, the infrastructure component that the task common package is inherited is executed;
Execute at least one fundamental operation function that the infrastructure component includes;
After the completion of the View layers of task and Model layers of task execution, the corresponding data form of the task is generated;And And the infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, the task in View layers of task is public Component is corresponding with the task common package in Model layers of task, the task component in the View layers of task and Model layers of task In task component it is corresponding.
It should also be noted that, the terms "include", "comprise" or its any other variant are intended to nonexcludability It include so that the process, method, commodity or the equipment that include a series of elements not only include those elements, but also to wrap Include other elements that are not explicitly listed, or further include for this process, method, commodity or equipment intrinsic want Element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that including described want There is also other identical elements in the process, method of element, commodity or equipment.
It will be understood by those skilled in the art that this specification one or more embodiment can provide as method, system or calculating Machine program product.Therefore, this specification one or more embodiment can be used complete hardware embodiment, complete software embodiment or The form of embodiment combining software and hardware aspects.Moreover, this specification one or more embodiment can be used at one or It is multiple wherein include computer usable program code computer-usable storage medium (including but not limited to magnetic disk storage, CD-ROM, optical memory etc.) on the form of computer program product implemented.
This specification one or more embodiment can computer executable instructions it is general on It hereinafter describes, such as program module.Generally, program module includes executing particular task or realization particular abstract data type Routine, programs, objects, component, data structure etc..Can also practice in a distributed computing environment this specification one or Multiple embodiments, in these distributed computing environments, by being executed by the connected remote processing devices of communication network Task.In a distributed computing environment, the local and remote computer that program module can be located at including storage equipment is deposited In storage media.
All the embodiments in this specification are described in a progressive manner, same and similar portion between each embodiment Dividing may refer to each other, and each embodiment focuses on the differences from other embodiments.At data For managing apparatus embodiments, since it is substantially similar to the method embodiment, so being described relatively simple, related place is referring to side The part of method embodiment illustrates.
It is above-mentioned that this specification specific embodiment is described.Other embodiments are in the scope of the appended claims It is interior.In some cases, the movement recorded in detail in the claims or step can be come according to the sequence being different from embodiment It executes and desired result still may be implemented.In addition, process depicted in the drawing not necessarily require show it is specific suitable Sequence or consecutive order are just able to achieve desired result.In some embodiments, multitasking and parallel processing be also can With or may be advantageous.
The foregoing is merely the preferred embodiments of this specification one or more embodiment, not to limit this theory Bright book one or more embodiment, all within the spirit and principle of this specification one or more embodiment, that is done is any Modification, equivalent replacement, improvement etc. should be included within the scope of the protection of this specification one or more embodiment.

Claims (10)

1. a kind of interface creating method of data form, the method is realized by executing the task of the data form;It is described Task includes: View layers of task and Model layers of task;The described method includes:
The execution of the View layers of task and Model layers of task respectively includes handling as follows:
The task component in the task is executed, the task component inherits task common package, the task common package It is the shared component of multiple tasks;
When executing the task common package, the infrastructure component that the task common package is inherited is executed;
Execute at least one fundamental operation function that the infrastructure component includes;
After the completion of the View layers of task and Model layers of task execution, the corresponding data form of the task is generated;Also, Infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, the task common group in View layers of task Part is corresponding with the task common package in Model layers of task, in the task component in the View layers of task and Model layers of task Task component it is corresponding.
2. according to the method described in claim 1, the task includes: include more in View layers of task and Model layers of task A component;The method also includes:
According to the component Rendering logic of pre-configuration, the Dynamic Execution of the multiple component is handled.
3. according to the method described in claim 2,
Include at least one of following when the task is new task, in the task:
The new function corresponding with the new task for including in task common package or infrastructure component;
Alternatively, new component Rendering logic corresponding with the new task.
4. according to the method described in claim 1,
The implementation of the succession, including following at least one:
The attribute of described View layers of React component is defined with general type, and is realized and inherited by the general type attribute that father passes son;Or Person is mixed into formula by object and realizes succession in Model layers described.
5. the method according to claim 1,
The infrastructure component includes: Hook Function and public function;
In the task common package for inheriting the infrastructure component, it is multiplexed the public function, and have updated the hook letter Number.
6. a kind of interface of data form generates system, the system corresponds to the task of the data form;The task includes: View layers of task and Model layers of task;
The View layers of task and Model layers of task, respectively include following component part:
Infrastructure component, the infrastructure component include at least one fundamental operation function;
Task common package, the task common package inherits the infrastructure component, and the task common package is multiple The shared component of business;
Task component, the task component inherit the task common package;
Also, the infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, appointing in View layers of task Business common package is corresponding with the task common package in Model layers of task, task component and Model in the View layers of task Task component in layer task is corresponding.
7. system according to claim 6, the task includes: include more in View layers of task and Model layers of task A component;The system also includes: the component Rendering logic of pre-configuration is described more for being handled according to the component Rendering logic The Dynamic Execution of a component.
8. system according to claim 7 includes following at least one in the task when the task is new task : the new function corresponding with the new task for including in task common package or infrastructure component;Alternatively, with the new task pair The new component Rendering logic answered.
9. system according to claim 6, the implementation of the succession, including following at least one:
The attribute of described View layers of React component is defined with general type, and is realized and inherited by the general type attribute that father passes son;Or Person is mixed into formula by object and realizes succession in Model layers described.
10. a kind of interface generating device of data form, the equipment includes memory, processor, and is stored in memory Computer instruction that is upper and can running on a processor, the processor performs the steps of when executing instruction executes the number According to the task of list;The task includes: View layers of task and Model layers of task;The View layers of task and Model layers of task Execution, respectively include handling as follows:
The task component in the task is executed, the task component inherits task common package, the task common package It is the shared component of multiple tasks;
When executing the task common package, the infrastructure component that the task common package is inherited is executed;
Execute at least one fundamental operation function that the infrastructure component includes;
After the completion of the View layers of task and Model layers of task execution, the corresponding data form of the task is generated;Also, Infrastructure component in View layers of task is corresponding with the infrastructure component in Model layers of task, the task common group in View layers of task Part is corresponding with the task common package in Model layers of task, in the task component in the View layers of task and Model layers of task Task component it is corresponding.
CN201810929435.2A 2018-08-15 2018-08-15 Interface generation method and device for data form Active CN109240690B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810929435.2A CN109240690B (en) 2018-08-15 2018-08-15 Interface generation method and device for data form

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810929435.2A CN109240690B (en) 2018-08-15 2018-08-15 Interface generation method and device for data form

Publications (2)

Publication Number Publication Date
CN109240690A true CN109240690A (en) 2019-01-18
CN109240690B CN109240690B (en) 2021-06-18

Family

ID=65069675

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810929435.2A Active CN109240690B (en) 2018-08-15 2018-08-15 Interface generation method and device for data form

Country Status (1)

Country Link
CN (1) CN109240690B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
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

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1938680A (en) * 2004-03-26 2007-03-28 劲升逻辑有限公司 A forms development platform
CN101685393A (en) * 2008-08-20 2010-03-31 大唐软件技术股份有限公司 Method and system for realizing interface dynamic customization and generation
US20110154226A1 (en) * 2009-12-21 2011-06-23 Sap Ag Chip model of an extensible plug-in architecture for enterprise mashups
CN104717268A (en) * 2013-12-16 2015-06-17 珠海世纪鼎利通信科技股份有限公司 Method and system for realizing interface configuration and development through object-oriented technology
US20150242080A1 (en) * 2014-02-24 2015-08-27 Microsoft Corporation Propagating Theming Information from Host Applications to Host Extensions
CN105278939A (en) * 2014-07-04 2016-01-27 普天信息技术有限公司 Method and device for manufacturing control on the basis of DotNet Framework class library
CN106648572A (en) * 2015-11-03 2017-05-10 阿里巴巴集团控股有限公司 Interface prototype design method and device
CN106919300A (en) * 2015-12-24 2017-07-04 广州市动景计算机科技有限公司 Represent method, device and the equipment of customized information on browser window
CN108170416A (en) * 2017-12-28 2018-06-15 北京云杉世纪网络科技有限公司 A kind of method and system for building web front-end

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1938680A (en) * 2004-03-26 2007-03-28 劲升逻辑有限公司 A forms development platform
CN101685393A (en) * 2008-08-20 2010-03-31 大唐软件技术股份有限公司 Method and system for realizing interface dynamic customization and generation
US20110154226A1 (en) * 2009-12-21 2011-06-23 Sap Ag Chip model of an extensible plug-in architecture for enterprise mashups
CN104717268A (en) * 2013-12-16 2015-06-17 珠海世纪鼎利通信科技股份有限公司 Method and system for realizing interface configuration and development through object-oriented technology
US20150242080A1 (en) * 2014-02-24 2015-08-27 Microsoft Corporation Propagating Theming Information from Host Applications to Host Extensions
CN105278939A (en) * 2014-07-04 2016-01-27 普天信息技术有限公司 Method and device for manufacturing control on the basis of DotNet Framework class library
CN106648572A (en) * 2015-11-03 2017-05-10 阿里巴巴集团控股有限公司 Interface prototype design method and device
CN106919300A (en) * 2015-12-24 2017-07-04 广州市动景计算机科技有限公司 Represent method, device and the equipment of customized information on browser window
CN108170416A (en) * 2017-12-28 2018-06-15 北京云杉世纪网络科技有限公司 A kind of method and system for building web front-end

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
TAN HONGYANG等: "TWUI-an extended interaction model based rapid web UI development tool", 《INSTITUTE OF ELECTRICAL AND ELECTRONIC ENGINEERS》 *
章强: "基于可视化的界面生成系统设计与实现", 《成都信息工程学院学报》 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
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

Also Published As

Publication number Publication date
CN109240690B (en) 2021-06-18

Similar Documents

Publication Publication Date Title
Collier Repast: An extensible framework for agent simulation
WO2015196784A1 (en) Visual software modeling method based on software meta-view for constructing software view
CA2643331A1 (en) Framework for modeling continuations in workflows
Pidd et al. Simulation software: not the same yesterday, today or forever
CN112860260B (en) Web-based cross-platform application construction tool and method in college scene
CN105488251A (en) Distributed aircraft simulation platform and implementation method thereof
Ahmaro et al. Taxonomy, definition, approaches, benefits, reusability levels, factors and adaption of software reusability: a review of the research literature
Adams et al. YAWL: An open source Business Process Management System from science for science
US11983219B2 (en) Instructional design tool
Schwarz et al. ABMland-a tool for agent-based model development on urban land use change
CN109240690A (en) A kind of interface creating method and device of data form
Design et al. MIT Architecture
CN102508648A (en) Graphics engine implementation method
Alajrami et al. Exe-spem: Towards cloud-based executable software process models
Wright et al. A survey of collaborative virtual environment technologies
Vergilio et al. PaaS-BDP a multi-cloud architectural pattern for big data processing on a platform-as-a-service model
Okazawa A discrete event simulation environment tailored to the needs of military human resources management
CN114925591A (en) Automatic parallel strategy searching method based on polyhedron model modeling and related equipment
Sugrue Getting Started with UML
Kann Creating Components: Object Oriented, Concurrent, and Distributed Computing in Java
Kreutzer et al. BetaSIM: A framework for discrete event modelling and simulation
Wegscheider Toward code-free business application development
Parsons et al. Objects Working Together: Association, Aggregation and Composition
Sahli et al. Agile Teaching: A case study of using Ruby to teach programming language concepts.
Wagner et al. Choreography-based Consolidation of Multi-instance BPEL Processes.

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
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20200922

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20200922

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Applicant before: Alibaba Group Holding Ltd.

GR01 Patent grant
GR01 Patent grant