CN108205744A - The implementation method and device of work process flow list - Google Patents
The implementation method and device of work process flow list Download PDFInfo
- Publication number
- CN108205744A CN108205744A CN201611174966.2A CN201611174966A CN108205744A CN 108205744 A CN108205744 A CN 108205744A CN 201611174966 A CN201611174966 A CN 201611174966A CN 108205744 A CN108205744 A CN 108205744A
- Authority
- CN
- China
- Prior art keywords
- web page
- display module
- page display
- dynamic
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/10—Office automation; Time management
- G06Q10/103—Workflow collaboration or project management
Landscapes
- Business, Economics & Management (AREA)
- Human Resources & Organizations (AREA)
- Strategic Management (AREA)
- Engineering & Computer Science (AREA)
- Entrepreneurship & Innovation (AREA)
- Operations Research (AREA)
- Economics (AREA)
- Marketing (AREA)
- Data Mining & Analysis (AREA)
- Quality & Reliability (AREA)
- Tourism & Hospitality (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention provides a kind of implementation method and device of work process flow list.The implementation method of the work process flow list of the present invention includes：Obtain the drag operation that the component mark in component point constituency is drawn to list drawing area by user, the corresponding component mark of different business is preset in component point constituency, corresponding preset elements creation of web face display module is identified according to component mark and component, wherein, preset elements include Web page display module, and preset elements are to encapsulate to obtain by HTML element；Web page display module is shown in list drawing area, wherein, multiple Web page display modules form work process flow list.The method and device of the work process flow list of the present invention, which realizes user, to generate work process flow list according to the demand of business.
Description
Technical field
The present invention relates to communication engineering technology more particularly to a kind of implementation methods and device of work process flow list.
Background technology
Operation flow is in itself and relevant for information solicitation and the flow interacted with work process flow by work process flow
List two parts are formed.Work process flow is that a kind of flow direction represents, itself has the description language and rule of standard, is capable of providing
Visual edit ability.
And for the relevant flow chart of work process flow, then because flow chart be web page, be related to profession
Design and programming technique, existing visual edit tool can not give birth to for professional, user according to the demand of business
Into flow chart.When work process flow changes, the content of flow chart also changes therewith, at this time, it may be necessary to which professional uses
The new flow chart of professional page editing tool design, the process of product process list is complicated, inefficient.
Invention content
The present invention provides a kind of implementation method and device of work process flow list, and to overcome, user can not in the prior art
The technical issues of work process flow list being generated according to the demand of business.
The present invention provides a kind of implementation method of work process flow list, including：
Obtain the drag operation that the component mark in component point constituency is drawn to list drawing area by user, the component
The corresponding component mark of different business is preset in point constituency；
Corresponding preset elements creation of web face display module is identified according to component mark and the component,
In, the preset elements include Web page display module, and the preset elements are to encapsulate to obtain by HTML element；
The Web page display module is shown in the list drawing area, wherein, multiple Web page display module groups
Into the work process flow list.
Method as described above before the list drawing area shows the Web page display module, further includes：
Obtain the corresponding dragging position of the drag operation；
Obtain the corresponding target grid in the dragging position；Wherein, the list drawing area is divided into multiple grids,
Multiple grids are arranged in the way of multiple lines and multiple rows；
The Web page display module is shown in the list drawing area, including：
The Web page display module is shown in the target grid.
Method as described above after the Web page display module is shown in the target grid, further includes：
According to the ranks arrangement mode of the grid, the display location of multiple Web page display modules is adjusted
It is whole, so that multiple web page display modules are arranged in same a line or same row.
Method as described above, the preset elements further include：The dynamic attribute of the Web page display module；
It is described after the list drawing area shows the Web page display module, further include：
User is received to operate the input of the Web page display module；
Application program corresponding with the type of the dynamic attribute is called, so that the work process flow list performs and institute
State the corresponding dynamic behaviour of type of dynamic attribute.
Method as described above, the type of the dynamic attribute is state transformation type, and the reception user is to the Web
The input operation of page display module, including：
Receive state transition operation of the user to the Web page display module；
It is described to call application program corresponding with the type of the dynamic attribute, so that the work process flow list performs
Dynamic behaviour corresponding with the type of the dynamic attribute, including：
Corresponding with state transformation type application program is called, by the state of the Web page display module by the
One state becomes the second state.
Method as described above, the type of the dynamic attribute is dynamic select type, and the reception user is to the Web
Before the input operation of page display module, further include：
The Web page display module is controlled to show at least two options to the user；
The input operation that user is received to the Web page display module, including：
Obtain the input operation that the user carries out at least one options；
It is described to call application program corresponding with the type of the dynamic attribute, so that the work process flow list performs
Dynamic behaviour corresponding with the type of the dynamic attribute, including：
Application program corresponding with the dynamic select type is called, controls the Web page display module to the use
Family, which provides, confirms item, and obtains the user to the operation for confirming item.
Method as described above, the type of the dynamic attribute are：Dynamic input attribute；
The input operation that user is received to the Web page display module, including：
Obtain the dynamic input property setting request of Web page display module triggering described in user's operation；
It is set and asked according to the component property, dynamic input Attributions selection list is shown to the user；
It obtains user and attribute is inputted by the dynamic that the component property selective listing inputs, inputted with establishing the dynamic
The incidence relation of attribute and the Web page display module；
It is described to call application program corresponding with the type of the dynamic attribute, so that the work process flow list performs
Dynamic behaviour corresponding with the type of the dynamic attribute, including：
Receive the input element that user is directed to Web page display module input；
Application program corresponding with dynamic input attribute is called, to verify whether the input element inputs correctly.
Method as described above, when the Web page display module is input frame, in the component property selective listing
Component property include it is at least one of following：Input length, input type, detected rule.
The present invention also provides a kind of realization device of work process flow list, including：
Acquisition module, the acquisition module is used to obtaining user to be drawn to the component mark in component point constituency list and paints
The drag operation in region processed is preset with the corresponding component mark of different business in the component point constituency；
Creation module, the creation module are used for preset group corresponding according to component mark and component mark
Part creation of web face display module, wherein, the preset elements include Web page display module, and institute's preset elements are by HTML
Element encapsulates to obtain；
Display module, the display module are used to show the Web page display module in the list drawing area,
In, multiple Web page display modules form the work process flow list.
Device as described above, the acquisition module are additionally operable to,
Obtain the corresponding dragging position of the drag operation；
And obtain the corresponding target grid in the dragging position；Wherein, the list drawing area is divided into multiple
Grid, multiple grids are arranged in the way of multiple lines and multiple rows；
The display module, is specifically used for, and the Web page display module is shown in the target grid.
Device as described above, described device further include：
Module is adjusted, the adjustment module is used for the ranks arrangement mode according to the grid, to multiple Web pages
The display location of display module is adjusted, so that multiple web page display modules are arranged in same a line or same row.
Device as described above, the preset elements further include：The dynamic attribute of the Web page display module, it is described
Device further includes：
Receiving module, the receiving module are used to receive input operation of the user to the Web page display module；
Calling module, the calling module are used to call application program corresponding with the type of the dynamic attribute, so that
The work process flow list performs dynamic behaviour corresponding with the type of the dynamic attribute.
The present invention provides a kind of implementation method and device of work process flow list.The work process flow list of the present invention
Implementation method includes：Obtain the drag operation that the component mark in component point constituency is drawn to list drawing area by user, group
The corresponding component mark of different business is preset in part point constituency, it is corresponding according to HTML according to component mark and component mark
The preset elements creation of web face display module that element encapsulates；Web page display module is shown in list drawing area,
Wherein, multiple Web page display module composition work process flow lists.The method and device of the work process flow list of the present invention
Work process flow list can be generated according to the demand of business by realizing user.
Description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, to embodiment or will show below
There is attached drawing needed in technology description to be briefly described, it should be apparent that, the accompanying drawings in the following description is this hair
Some bright embodiments, for those of ordinary skill in the art, without having to pay creative labor, can be with
Other attached drawings are obtained according to these attached drawings.
Fig. 1 is the implementation method flow chart one of work process flow list provided by the invention；
Fig. 2 is the interface schematic diagram one that user provided by the invention pulls component mark；
Fig. 3 is the interface schematic diagram two that user provided by the invention pulls component mark；
Fig. 4 is the implementation method flowchart 2 of work process flow list provided by the invention；
Fig. 5 is the interface schematic diagram one after multiple web page display module alignment provided by the invention；
Fig. 6 is the interface schematic diagram two after multiple web page display module alignment provided by the invention；
Fig. 7 is the implementation method flow chart 3 of work process flow list provided by the invention；
Fig. 8 is input frame provided by the invention dynamic input attribute setting up procedure interface schematic diagram one；
Fig. 9 is input frame provided by the invention dynamic input attribute setting up procedure interface schematic diagram two；
Figure 10 is the structure diagram of the realization device embodiment one of work process flow list provided by the invention；
Figure 11 is the structure diagram of the realization device embodiment two of work process flow list provided by the invention；
Figure 12 is the structure diagram of the realization device embodiment three of work process flow list provided by the invention.
Specific embodiment
Purpose, technical scheme and advantage to make the embodiment of the present invention are clearer, below in conjunction with the embodiment of the present invention
In attached drawing, the technical solution in the embodiment of the present invention is clearly and completely described, it is clear that described embodiment is
Part of the embodiment of the present invention, instead of all the embodiments.Based on the embodiments of the present invention, those of ordinary skill in the art
All other embodiments obtained without creative efforts shall fall within the protection scope of the present invention.
The implementation method of work process flow list in the embodiment of the present invention includes two parts：On the one hand refer to workflow
On the other hand the generation method of flow chart refers to that the work process flow list of generation enters work process flow and carries out business processing
Method.
User can need change work process flow according to business in the prior art, but relevant with work process flow
Flow chart then because flow chart is web page, is related to the design and programming technique of profession, professional is needed to use
The page editing tool of profession generates new flow chart, and user can not need product process list according to business.Namely
It says, when work process flow changes, user can not need generation work process flow list according to itself, it is necessary to obtain professional people
The help of member so that the generating process of work process flow list is complicated, inefficient.To solve the above-mentioned problems, the present invention carries
A kind of implementation method and device of work process flow list are supplied.The present invention will be described in detail below.
Fig. 1 is the implementation method flow chart one of work process flow list provided by the invention, and the executive agent of this method can
Think the realization device of work process flow list, which can specifically include Form Designer, or Form Designer.
The Form Designer can pass through software and or hardware realization.As shown in Figure 1, the method for the present embodiment can include：
S101, the drag operation that the component mark in component point constituency is drawn to list drawing area by user, group are obtained
The corresponding component mark of different business is preset in part point constituency；
S102, corresponding preset elements creation of web face display module is identified according to component mark and component, wherein,
Preset elements include Web page display module, and preset elements are to encapsulate to obtain by HTML element；
S103, Web page display module is shown in list drawing area, wherein, multiple Web page display modules form work
Make stream flow chart.
Specifically, since the design of the work process flow list based on Web page is typically by the Pages Design people of profession
Member realized using technologies such as html, in order to allow user make can with Custom Workflow flow chart, in the present embodiment,
The corresponding original html elements of element of each composition flow chart according to different traffic uses are packaged in advance, are formed
Preset elements；Wherein, each preset elements is preset using one custom property name distinguishes its type, including static state
Text, dynamic text, input frame, drop-down list box, dynamic table etc..
In the generating process of practical generation work process flow list, user carries out workflow stream using Form Designer
The generation of journey list.Form Designer includes component point constituency and list drawing area, and component point constituency is preset with different business
Corresponding component mark, such as the mark of table, the mark of input frame, the mark of text, each preset elements correspond to a group
Part identifies.
Fig. 2 is the interface schematic diagram one that user provided by the invention pulls component mark, and Fig. 3 is user provided by the invention
Pull the interface schematic diagram two of component mark.
Referring to Fig. 2 and Fig. 3, during work process flow list generates, user will by the dragging structure of ancillary equipment
Component mark in component point constituency is drawn to list drawing area, and Form Designer obtains user by the group in component point constituency
Part identifies the operation for being drawn to list drawing area.When ancillary equipment is computer, dragging structure is mouse；Work as ancillary equipment
During for mobile phone, it can be touch screen to pull structure.
Form Designer gets the operation that the component mark in component point constituency is drawn to list drawing area by user
Afterwards, the corresponding preset elements creation of web face encapsulated according to HTML element is identified according to component mark and component to show
Show component.In the present embodiment, the method for creation of web face display module is using method general in the prior art, this implementation
It is repeated no more in example.
After Web page display module creates, Web page display module is shown in list drawing area, specifically in group
Part mark, which is drawn to by user at the position of list drawing area, shows Web page display module.
Since work process flow list includes multiple Web page display modules, so needing to carry out repeatedly " Form Designer
The operation that the component mark in component point constituency is drawn to list drawing area by user is obtained, according to component mark and component
The corresponding preset elements creation of web face display module encapsulated according to HTML element is identified, is shown in list drawing area
Show Web page display module " operation form complete work process flow list.
The implementation method of the work process flow list of the present embodiment includes：User is obtained by the component mark in component point constituency
Know the drag operation for being drawn to list drawing area, the corresponding component mark of different business is preset in component point constituency, according to
Component identifies and component identifies the corresponding preset elements creation of web face display module encapsulated according to HTML element；
Web page display module is shown in list drawing area, wherein, multiple Web page display modules form work process flow list.
The implementation method of the work process flow list of the present embodiment, which realizes user, to generate work process flow according to the demand of business
List meets the demand of different business.
In order to simplify the generating process of work process flow list, the present embodiment changes on the basis of a upper embodiment
Into Fig. 4 is the implementation method flowchart 2 of work process flow list provided by the invention.Work process flow list in this implementation
Implementation method be to be carried out before step " showing Web page display module in list drawing area ", the execution of this method
Main body can be the realization device of work process flow list, which can specifically include Form Designer, or list
Designer.The Form Designer can pass through software and or hardware realization.Referring to Fig. 4, the work process flow list of the present embodiment
Implementation method include：
S401, the corresponding dragging position of drag operation is obtained；
S402, the corresponding target grid in dragging position is obtained；Wherein, list drawing area is divided into multiple grids, more
A grid is arranged in the way of multiple lines and multiple rows.
Specifically, list drawing area is divided into multiple grids, and multiple grids are arranged in the way of multiple lines and multiple rows, often
The height and width of a grid are equal.Coordinate representation is carried out to each point of list drawing area, each grid includes multiple points,
Middle grid is invisible in list drawing area.
Before list drawing area shows Web page display module, Form Designer drags component mark according to user
It is pulled to the corresponding dragging position of position acquisition drag operation of list drawing area, that is to say, that component mark is dragged to by user
The position of list drawing area is the corresponding dragging position of drag operation, then according to the seat for pulling position acquisition dragging position
Mark, the corresponding grid of coordinate for pulling position are determined as target grid.If user is by mouse or touch screen in component point constituency
Component mark is pulled, then is to pull position at the arrow point of release of mouse or the point of release of finger, the arrow release of mouse
The corresponding grid of coordinate at point or at the point of release of finger is target grid.
Illustrate the concrete meaning of the corresponding target grid in dragging position below by practical list manufacturing process.
In practical list manufacturing process, if the Web page display module for creating and showing is output box, output box
The generally single-row structure of uniline, when showing output box, input frame acquiescence occupies a grid, is corresponded at this point, pulling position
Target grid only there are one, that is, pull the grid that the coordinate of position belongs to.Wherein, the height of the height of input frame and grid
Spend identical, the width of input frame can carry out dragging adjustment by mouse or touch screen.
If the Web page display module for creating and showing is the table of multiple lines and multiple rows, table needs to occupy multiple grids,
Namely the corresponding target grid in dragging position has multiple, at this point, ranks parameter designing and drag operation pair according to table
Answer dragging position coordinate, determine its occupy grid, such as can using drag operation it is corresponding pull position coordinate as
Center determines the target grid of table occupancy according to the ranks parameter designing of table.
That is pulling the corresponding target grid in position is determined by the nature parameters for pulling position and component.
After the occupied target grid of Web page display module is determined, it is possible to show Web page in target grid
Display module.
The implementation method of the work process flow list of the present embodiment, by obtaining the corresponding dragging position of drag operation, certainly
Web page display module is determined in the display location of list drawing area, simplifies the generating process of work process flow list.
In order to enable the work process flow list of generation meets the code requirement of business, the present embodiment is in a upper embodiment
On the basis of improve, the implementation method of the work process flow list in this implementation is " to be shown in step in list drawing area
It is carried out after Web page display module ", including：
According to the ranks arrangement mode of grid, the display location of multiple Web page display modules is adjusted, so that more
A web page display module is arranged in same a line and/or same row.
Specifically, a workflow flow chart usually contains multiple form items, that is, multiple web page display groups
Part, it is desirable that arrangement neat specification of multiple web page display modules on work process flow list, to adapt to the need of operation flow
It will.
It, can be to more after the web page display module included on a list creates and shows completion in the present embodiment
The display location of a Web page display module is adjusted so that multiple web page display modules be arranged in same a line and/or
Same row.
Fig. 5 is the interface schematic diagram one after multiple web page display module alignment provided by the invention；Fig. 6 is the present invention
Interface schematic diagram two after the multiple web page display modules alignment provided；Referring to Fig. 5~Fig. 6, multiple web page display groups
Part is arranged in same a line and refers to the upper edge of web page display module in the grid of same a line, and top edge is in same
On straight line.Multiple web page display modules are arranged in same a line and refer to that the left hand edge of web page display module is in same row
In grid, and left hand edge is on same straight line.
The present embodiment is adjusted by the display location to multiple Web page display modules so that the workflow of generation
Flow chart meets the code requirement of business.
For Web page display module, if its dynamic behaviour type needed is knowable in advance, user is dynamic to this
The business purpose of state behavior is also clear, then, in order to allow user can be in form design, in the Web for creating and showing
The required dynamic behaviour of the component is represented in page display module, and when work process flow is run, performs corresponding dynamic
Behavior, the present embodiment have made further improvement on the basis of a upper embodiment.Fig. 7 is work process flow provided by the invention
The implementation method flow chart 3 of list.Referring to Fig. 7, the implementation method of the work process flow list of the present embodiment is in " display Web
After page display module " carry out, the executive agent of this method can be the realization device of work process flow list, the device
Form Designer can specifically be included, or Form Designer.The Form Designer can be real by software and/or hardware
It is existing.The implementation method of the work process flow list of the present embodiment includes：
S701, input operation of the user to Web page display module is received；
S702, calling application program corresponding with the type of dynamic attribute, so that work process flow list performs and dynamic
The corresponding dynamic behaviour of type of attribute.
Specifically, the dynamic attribute in the present embodiment refers to the dynamic attribute of Web page display module, i.e. preset elements are removed
Include Web page display module in itself, further include the dynamic attribute of Web page display module, that is to say, that show Web page
Show that component encapsulates in itself with its dynamic attribute, form preset elements.
In the present embodiment, Web page display module circulates after work process flow list is formed into workflow
When, dynamic attribute can make Web page display module have dynamic behaviour.
The dynamic attribute to Web page display module and work process flow list perform the type pair with dynamic attribute below
The dynamic behaviour answered is described in detail.
More specifically, according to the difference of dynamic attribute, work process flow list performs corresponding with the type of dynamic attribute
Dynamic behaviour mode it is also different, following three kinds of modes can be included, but the present invention is not limited to following three kinds of modes.
The type of first way dynamic attribute is dynamic input attribute；At this point, user is received to Web page display module
Input operation, including：Obtain the dynamic input property setting request of user's operation Web page display module triggering；According to dynamic
State inputs property setting request, and dynamic input Attributions selection list is shown to user；It obtains user and attribute choosing is inputted by dynamic
The dynamic input attribute of list input is selected, to establish the incidence relation of dynamic input attribute and Web page display module；
Application program corresponding with the type of dynamic attribute is called, so that work process flow list performs and dynamic attribute
The corresponding dynamic behaviour of type, including：Receive the input element that user is directed to the input of Web page display module；It calls and dynamic
The corresponding application program of attribute is inputted, to verify whether input element inputs correctly.
Specifically, the dynamic attribute that this kind of mode is suitable for Web page display module can need to change with user,
That is the dynamic behaviour more than one form that dynamic attribute determines is needed at this time before work process flow list circulates,
Just the dynamic attribute is configured or inputted, so that work process flow list is in operation process, according to setting or input
Dynamic attribute calls corresponding application program, to realize various forms of dynamic behaviours.
More specifically, after user clicks the Web page display module for creating and showing, Form Designer obtains user
The dynamic input property setting request of Web page display module triggering is operated, panel is set in the component property of Form Designer
Display dynamic input Attributions selection list, user input Attributions selection list input dynamic input attribute by dynamic.Due to one
A Web page display module often there are multiple dynamics to input attribute, when all dynamic input attributes after setting completed, just build
The incidence relation of dynamic input attribute and Web page display module is found.
Wherein, table 1 inputs attribute list for the dynamic of input frame, referring to table 1, when Web page display module is input frame,
Attribute in dynamic input Attributions selection list includes at least one of following：Input length, input type, detected rule.
Fig. 8 is input frame provided by the invention dynamic input attribute setting up procedure interface schematic diagram one, and Fig. 9 is carried for the present invention
The input frame dynamic input attribute setting up procedure interface schematic diagram two of confession；Referring to table 1, Fig. 8 and Fig. 9, if inputting attribute in dynamic
Choose whether to allow in one column of dynamic input attribute tags title of selective listing for sky, whether allowing for empty permissible value one
Column selection 0 represents that input frame allows for sky, without any input；If selecting 1 on its one column of permissible value, expression must carry out
Input, if without input, for illegal input.
After the incidence relation of dynamic input attribute and Web page display module is established, work process flow list has generated
Finish, the work process flow list of generation enters the business processing stage, and the realization device for the stream flow chart that proceeds with one's work is called and moved
The corresponding application program of type of state attribute, so that work process flow list performs dynamic row corresponding with the type of dynamic attribute
For specially：Receive the input element that user is directed to the input of Web page display module；It calls corresponding with dynamic input attribute
Application program, to verify whether input element inputs correctly.
Specifically, incidence relation and each Web page display module are established in Web page display module and dynamic input attribute
After alignment, work process flow list, which enters in work process flow, to circulate, during circulation, user's meeting of process for using list
Web page display module in work process flow list is operated, that is, process for using form user and workflow stream
The realization device of journey list carries out dynamic interaction.The realization device of work process flow list receives user to Web page display group
The input element of part input, and according to the incidence relation of Web page display module and dynamic input attribute, call what is be previously stored
The corresponding application program of associated with Web page display module dynamic input attribute is to the input member of the user of process for using list
Element is verified, to verify whether the input of user is legal.
Table 1
More specifically, it is opposite that dynamic input attribute has been previously stored in the server of the user of process for using list
The program answered, for example when it is empty to define input frame to allow input, call allows output for empty corresponding processing journey with input frame
Sequence, if user's input is empty, which is legal to the operation demonstration of user；It is when definition input frame does not allow input
When empty, calling does not allow input with input frame, and for empty corresponding processing routine, if user's input is sky, the processing routine is to user
Operation demonstration to be illegal, it is necessary to input again.Wherein, the input operation of user and processing routine to the response of user's operation just
Complete a dynamic interaction.Therefore, user can determine according to the dynamic input attribute setting to Web page display module
Operation flow start after dynamic interaction behavior.
The second way is that the type of dynamic attribute is state transformation type；At this point, user is received to Web page display group
The input operation of part, including：Receive state transition operation of the user to Web page display module；Call the class with dynamic attribute
The corresponding application program of type, so that work process flow list performs dynamic behaviour corresponding with the type of dynamic attribute, including：It adjusts
With application program corresponding with state transformation type, the state of Web page display module is become into the second state from first state.
Specifically, what the dynamic attribute that this kind of mode is suitable for Web page display module circulated in work process flow list
In the process, situation about changing with the needs of user, such as dynamic table are not needed to, can increase and decrease table be needed according to user
Ranks；At this point, the type of dynamic attribute is state transformation type, during work process flow list circulates, only increase
Subtract this form of dynamic behaviour of ranks, do not need to also need to be configured dynamic attribute into first way
Afterwards, the process of work process flow list circulation is entered back into, can will increase and decrease the dynamic of ranks directly when preset elements are encapsulated
State behavior is packaged together with table, forms the corresponding preset elements of dynamic table.
In practical realization method, after the completion of prepared by work process flow list, into the circulation of work process flow list
Process, during circulation, when circulation is to party A-subscriber, party A-subscriber increases a line as needed, can click dynamic table
Comprising increase a line mark, the realization device of work process flow list can receive user to Web page display module
The input operation of dynamic table, that is, receive state transition operation of the user to Web page display module, and table increases by one at this time
Row, the i.e. state of table are changed the state in order to include N+1 rows by the state for including N rows.
The third mode is：The type of dynamic attribute is dynamic select type；Web page is shown at this point, receiving user
Before the input operation of component, further include：Control Web page display module shows at least two options to user；It receives and uses
Family operates the input of Web page display module, including：Obtain the input operation that user carries out at least one options；
Application program corresponding with the type of the dynamic attribute is called, is belonged to so that work process flow list is performed with dynamic
The corresponding dynamic behaviour of type of property, including：
Application program corresponding with dynamic select type is called, control Web page display module provides a user confirmation item,
And obtain operation of the user to confirmation item.
Specifically, this kind of mode is also applied for the dynamic attribute of Web page display module in the circulation of work process flow list
During, do not need to situation about changing with the needs of user, such as options；That is Web page display module can
At least two options are shown to user, and when user selects one of option, the realization device of work process flow list is just
Obtain user at least one options carry out input operation, proceed with one's work stream flow chart realization device call with
The corresponding application program of dynamic select type, control Web page display module provide a user confirmation item, i.e., being shown to user is
It is no to determine options, if user determines, determining operation of the user to confirmation item is obtained, if user does not know, obtains use
Uncertain operation of the family to confirmation item, at this point, user reselects one of option, the realization device of work process flow list
After getting the input of user, application program corresponding with dynamic select type can be called again, controls Web page display module
Confirmation item is provided a user, until determining operation of the user to confirming item is obtained.
During work process flow list circulates, only Web page display module provides a user this of confirmation item
A form of dynamic behaviour, it is not required that into first way also need to be configured dynamic attribute after, enter back into
The process of work process flow list circulation can encapsulate dynamic attribute with options directly when preset elements are encapsulated
Together, the corresponding preset elements of options are formed.
More specifically, for example, having Web page display module options for " your occupation is：A researchers, B religions
Teacher, C, sales force ", after user selects A, the realization device of work process flow list to obtain the input of user, can call with
The corresponding application program of dynamic select type, control Web page display module, which provides a user, confirms whether item " determines to select A sections
Grind worker ", if user's selection is the determining operation for obtaining user to confirming item, if user's selection is no, obtain use
Uncertain operation of the family to confirmation item, at this point, user reselects one of option, the realization device of work process flow list
After the realization device of work process flow list gets the input of user, application corresponding with dynamic select type can be called again
Program, control Web page display module provide a user confirmation item, until determining operation of the user to confirming item is obtained.
It will be appreciated by persons skilled in the art that above-mentioned three kinds of forms are a kind of illustrative citing, dynamic attribute
And its corresponding dynamic behaviour also has other manner, it is only necessary to which dynamic attribute and Web page display module are packaged together
Preset elements are obtained, then creating work process flow list according to preset elements can be realized what is circulated in work process flow list
Dynamic behaviour in the process.
The present embodiment by the way that the dynamic attribute of Web page display module and Web page display module are packaged together, with
Make after business starts to be handled, by calling and the corresponding processing routine of dynamic attribute, realize opposite with dynamic attribute
The dynamic interaction behavior answered meets the demand of different business.
Structure diagrams of the Figure 10 for the realization device embodiment one of work process flow list provided by the invention, such as Figure 10
Shown, the device of the present embodiment can include：Acquisition module 11, creation module 12 and display module 13.Wherein, acquisition module 11
The component mark in component point constituency is drawn to the drag operation of list drawing area for obtaining user, in component point constituency
It is preset with the corresponding component mark of different business；Creation module 12 is used for corresponding preset according to component mark and component mark
Component creation of web face display module, wherein, preset elements include Web page display module, and preset elements are by HTML element
Encapsulation obtains；Display module 13 is used to show Web page display module in list drawing area, wherein, multiple Web pages are shown
Component forms work process flow list.
Acquisition module 11 is additionally operable to, and obtains the corresponding dragging position of drag operation；
And it obtains and pulls the corresponding target grid in position；Wherein, list drawing area is divided into multiple grids, more
A grid is arranged in the way of multiple lines and multiple rows；
Display module 13, is specifically used for, and Web page display module is shown in target grid.
The device of the present embodiment can be used for performing the technical solution of above method embodiment, realization principle and technology
Effect is similar, and details are not described herein again.
Structure diagrams of the Figure 11 for the realization device embodiment two of work process flow list provided by the invention, such as Figure 11
Shown, the device of the present embodiment further, can also include on the basis of Figure 10 shown device structures：Module 14 is adjusted,
Adjustment module 14 is used for the ranks arrangement mode according to grid, and the display location of multiple Web page display modules is adjusted,
So that multiple web page display modules are arranged in same a line and/or same row.
The device of the present embodiment can be used for performing the technical solution of above method embodiment, realization principle and technology
Effect is similar, and details are not described herein again.
Structure diagrams of the Figure 12 for the realization device embodiment three of work process flow list provided by the invention, such as Figure 12
Shown, the device of the present embodiment further, can also include on the basis of Figure 11 shown device structures：Receiving module 15
With calling module 16, receiving module 15 is used to receive input operation of the user to Web page display module；Calling module 16 is adjusted
With module for calling application program corresponding with the type of dynamic attribute, so that work process flow list performs and dynamic attribute
The corresponding dynamic behaviour of type.
Wherein, when the type of dynamic attribute is state transformation type, receiving module 15 is specifically used for receiving user to Web
The state transition operation of page display module；Calling module 16 is specifically used for calling corresponding with state transformation type using journey
The state of Web page display module is become the second state by sequence from first state.
When the type of dynamic attribute is dynamic select type, Web page display module shows at least two choosings to user
Item is selected, receiving module 15 is specifically used for obtaining the input operation that user carries out at least one options；Calling module 16 has
For calling application program corresponding with dynamic select type, control Web page display module provides a user confirmation item, connects body
Module 15 is received to be additionally operable to obtain operation of the user to confirming item.
If the type of dynamic attribute is dynamic input attribute, receiving module 15 is specifically used for obtaining user's operation Web page
The dynamic input property setting request of display module triggering；It is set and asked according to component property, show that dynamic input belongs to user
Property selective listing；Obtain user inputted by component property selective listing dynamic input attribute with establish dynamic input attribute with
The incidence relation of Web page display module；Calling module 16 is specifically used for receiving user for the input of Web page display module
Input element；Application program corresponding with dynamic input attribute is called, to verify whether input element inputs correctly.
The device of the present embodiment can be used for performing the technical solution of above method embodiment, realization principle and technology
Effect is similar, and details are not described herein again.
One of ordinary skill in the art will appreciate that：Realizing all or part of step of above-mentioned each method embodiment can lead to
The relevant hardware of program instruction is crossed to complete.Aforementioned program can be stored in a computer read/write memory medium.The journey
Sequence when being executed, performs the step of including above-mentioned each method embodiment；And aforementioned storage medium includes：ROM, RAM, magnetic disc or
The various media that can store program code such as person's CD.
Finally it should be noted that：The above embodiments are only used to illustrate the technical solution of the present invention., rather than its limitations；To the greatest extent
Pipe is described in detail the present invention with reference to foregoing embodiments, it will be understood by those of ordinary skill in the art that：Its according to
Can so modify to the technical solution recorded in foregoing embodiments either to which part or all technical features into
Row equivalent replacement；And these modifications or replacement, various embodiments of the present invention technology that it does not separate the essence of the corresponding technical solution
The range of scheme.
Claims (12)
1. a kind of implementation method of work process flow list, which is characterized in that including：
The drag operation that the component mark in component point constituency is drawn to list drawing area by user is obtained, the component clicks
The corresponding component mark of different business is preset in area；
Corresponding preset elements creation of web face display module is identified according to component mark and the component, wherein, institute
It states preset elements and includes Web page display module, the preset elements are to encapsulate to obtain by HTML element；
The Web page display module is shown in the list drawing area, wherein, multiple Web page display modules form institute
State work process flow list.
2. according to the method described in claim 1, it is characterized in that, show that the Web page is shown in the list drawing area
Before showing component, further include：
Obtain the corresponding dragging position of the drag operation；
Obtain the corresponding target grid in the dragging position；Wherein, the list drawing area is divided into multiple grids, multiple
The grid is arranged in the way of multiple lines and multiple rows；
The Web page display module is shown in the list drawing area, including：
The Web page display module is shown in the target grid.
3. according to the method described in claim 2, it is characterized in that, show that the Web page is shown in the target grid
After component, further include：
According to the ranks arrangement mode of the grid, the display location of multiple Web page display modules is adjusted, with
Multiple web page display modules is made to be arranged in same a line or same row.
4. according to the method described in claim 1, it is characterized in that, the preset elements further include：The Web page display group
The dynamic attribute of part；
It is described after the list drawing area shows the Web page display module, further include：
User is received to operate the input of the Web page display module；
Application program corresponding with the type of the dynamic attribute is called, is moved so that the work process flow list is performed with described
The corresponding dynamic behaviour of type of state attribute.
5. according to the method described in claim 4, it is characterized in that, the type of the dynamic attribute be state transformation type, institute
The input operation for receiving user to the Web page display module is stated, including：
Receive state transition operation of the user to the Web page display module；
It is described to call application program corresponding with the type of the dynamic attribute, so that the work process flow list performs and institute
The corresponding dynamic behaviour of type of dynamic attribute is stated, including：
Application program corresponding with the state transformation type is called, by the state of the Web page display module by the first shape
State becomes the second state.
6. according to the method described in claim 4, it is characterized in that, the type of the dynamic attribute be dynamic select type, institute
It states before receiving user to the input operation of the Web page display module, further includes：
The Web page display module is controlled to show at least two options to the user；
The input operation that user is received to the Web page display module, including：
Obtain the input operation that the user carries out at least one options；
It is described to call application program corresponding with the type of the dynamic attribute, so that the work process flow list performs and institute
The corresponding dynamic behaviour of type of dynamic attribute is stated, including：
Application program corresponding with the dynamic select type is called, the Web page display module is controlled to be carried to the user
For confirming item, and the user is obtained to the operation for confirming item.
7. according to the method described in claim 4, it is characterized in that, the type of the dynamic attribute is：Dynamic input attribute；
The input operation that user is received to the Web page display module, including：
Obtain the dynamic input property setting request of Web page display module triggering described in user's operation；
It is set and asked according to the component property, dynamic input Attributions selection list is shown to the user；
It obtains user and attribute is inputted by the dynamic that the component property selective listing inputs, to establish the dynamic input attribute
With the incidence relation of the Web page display module；
It is described to call application program corresponding with the type of the dynamic attribute, so that the work process flow list performs and institute
The corresponding dynamic behaviour of type of dynamic attribute is stated, including：
Receive the input element that user is directed to Web page display module input；
Application program corresponding with dynamic input attribute is called, to verify whether the input element inputs correctly.
8. the method according to the description of claim 7 is characterized in that the Web page display module be input frame when, it is described
Component property in component property selective listing includes at least one of following：Input length, input type, detected rule.
9. a kind of realization device of work process flow list, which is characterized in that including：
Component mark in component point constituency is drawn to list drafting area by acquisition module, the acquisition module for obtaining user
The drag operation in domain is preset with the corresponding component mark of different business in the component point constituency；
Creation module, the creation module are used to identify corresponding preset elements wound according to component mark and the component
Web page display module is built, wherein, the preset elements include Web page display module, and the preset elements are by html element
Element encapsulation obtains；
Display module, the display module are used to show the Web page display module in the list drawing area, wherein,
Multiple Web page display modules form the work process flow list.
10. device according to claim 9, which is characterized in that the acquisition module is additionally operable to,
Obtain the corresponding dragging position of the drag operation；
And obtain the corresponding target grid in the dragging position；Wherein, the list drawing area is divided into multiple grid
Lattice, multiple grids are arranged in the way of multiple lines and multiple rows；
The display module, is specifically used for, and the Web page display module is shown in the target grid.
11. device according to claim 10, which is characterized in that described device further includes：
Module is adjusted, the adjustment module is used for the ranks arrangement mode according to the grid, multiple Web pages are shown
The display location of component is adjusted, so that multiple web page display modules are arranged in same a line or same row.
12. device according to claim 9, which is characterized in that the preset elements further include：The Web page is shown
The dynamic attribute of component, described device further include：
Receiving module, the receiving module are used to receive input operation of the user to the Web page display module；
Calling module, the calling module is for calling application program corresponding with the type of the dynamic attribute, so that described
Work process flow list performs dynamic behaviour corresponding with the type of the dynamic attribute.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611174966.2A CN108205744A (en) | 2016-12-19 | 2016-12-19 | The implementation method and device of work process flow list |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611174966.2A CN108205744A (en) | 2016-12-19 | 2016-12-19 | The implementation method and device of work process flow list |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108205744A true CN108205744A (en) | 2018-06-26 |
Family
ID=62602784
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611174966.2A Pending CN108205744A (en) | 2016-12-19 | 2016-12-19 | The implementation method and device of work process flow list |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108205744A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109949137A (en) * | 2019-03-28 | 2019-06-28 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN110188335A (en) * | 2019-05-24 | 2019-08-30 | 北京神州泰岳软件股份有限公司 | A kind of page workflow construction method and device based on text-processing |
| CN111708918A (en) * | 2020-05-15 | 2020-09-25 | 北京明略软件系统有限公司 | Data processing method, electronic equipment and storage medium |
| CN112434236A (en) * | 2020-11-20 | 2021-03-02 | 山东浪潮商用系统有限公司 | JS language based form customization method |
| CN113312123A (en) * | 2020-02-27 | 2021-08-27 | 富士胶片商业创新有限公司 | Information processing apparatus, information processing method, and computer-readable medium |
| CN113569548A (en) * | 2021-05-19 | 2021-10-29 | 海南师范大学 | Online event registration form generation method and system |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101149737A (en) * | 2007-05-10 | 2008-03-26 | 廖义洪 | Method for quickly establishing web form and automatically establishing corresponding data table in database through Microsoft Word |
| CN101661512A (en) * | 2009-09-25 | 2010-03-03 | 万斌 | System and method for identifying traditional form information and establishing corresponding Web form |
| CN102841791A (en) * | 2012-07-12 | 2012-12-26 | 上海高洁信息科技股份有限公司 | Method and system for generating online form |
| CN106202025A (en) * | 2016-07-21 | 2016-12-07 | 深圳艾派网络科技股份有限公司 | A kind of OA workflow list method for customizing |
-
2016
- 2016-12-19 CN CN201611174966.2A patent/CN108205744A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101149737A (en) * | 2007-05-10 | 2008-03-26 | 廖义洪 | Method for quickly establishing web form and automatically establishing corresponding data table in database through Microsoft Word |
| CN101661512A (en) * | 2009-09-25 | 2010-03-03 | 万斌 | System and method for identifying traditional form information and establishing corresponding Web form |
| CN102841791A (en) * | 2012-07-12 | 2012-12-26 | 上海高洁信息科技股份有限公司 | Method and system for generating online form |
| CN106202025A (en) * | 2016-07-21 | 2016-12-07 | 深圳艾派网络科技股份有限公司 | A kind of OA workflow list method for customizing |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109949137A (en) * | 2019-03-28 | 2019-06-28 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN109949137B (en) * | 2019-03-28 | 2021-10-22 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN110188335A (en) * | 2019-05-24 | 2019-08-30 | 北京神州泰岳软件股份有限公司 | A kind of page workflow construction method and device based on text-processing |
| CN110188335B (en) * | 2019-05-24 | 2024-03-01 | 鼎富智能科技有限公司 | Page workflow construction method and device based on text processing |
| CN113312123A (en) * | 2020-02-27 | 2021-08-27 | 富士胶片商业创新有限公司 | Information processing apparatus, information processing method, and computer-readable medium |
| CN111708918A (en) * | 2020-05-15 | 2020-09-25 | 北京明略软件系统有限公司 | Data processing method, electronic equipment and storage medium |
| CN112434236A (en) * | 2020-11-20 | 2021-03-02 | 山东浪潮商用系统有限公司 | JS language based form customization method |
| CN113569548A (en) * | 2021-05-19 | 2021-10-29 | 海南师范大学 | Online event registration form generation method and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108205744A (en) | The implementation method and device of work process flow list | |
| US20060075360A1 (en) | Dynamic highlight prompting apparatus and method | |
| US20100058214A1 (en) | Method and system for performing drag and drop operation | |
| US10289671B2 (en) | Graphically displaying selected data sources within a grid | |
| Raneburger et al. | An automated layout approach for model-driven WIMP-UI generation | |
| US20050183009A1 (en) | Method of entering a presentation into a computer | |
| CN109324722B (en) | Method, device and equipment for adding nodes of thought guide graph and storage medium | |
| TW201525776A (en) | Invocation control over keyboard user interface | |
| US20070256024A1 (en) | Apparatus and method for using a panel layout to consolidate dynamic and interactive graphics representative of input and output data | |
| JP2011503680A (en) | Intelligent editing of relational models | |
| AU2006316858A2 (en) | A method of tracking dual mode data objects using related thumbnails and tool icons in a palette window | |
| US8612440B2 (en) | Computer based method and system for generating custom dynamic templates | |
| US11914975B2 (en) | Customized software application template-based generator | |
| CN109716294A (en) | With the user interface for moving mini label | |
| US20150234840A1 (en) | Browser-Based Designer Tool For A User Interface And The Administration Of Tiles | |
| US6970078B2 (en) | Methods and apparatus for generating a data structure indicative of an alarm system circuit | |
| CN110727969A (en) | Method, device and equipment for automatically adjusting workflow and storage medium | |
| JP2000003384A5 (en) | ||
| CN107562710A (en) | A kind of chart processing unit and method | |
| CN104216626B (en) | A kind of image acquiring method and electronic equipment | |
| CN102467327A (en) | Method for generating and editing gesture object and operation method of audio data | |
| CN104503669A (en) | Interface component and production method thereof | |
| CN100573447C (en) | The configuration method of graphic user interface | |
| US9841868B2 (en) | User configurable user interface | |
| US20220148233A1 (en) | Generation of object hierarchies for logical selection of groups of objects in vector designs |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180626 |