CN116382672A - System design method, intelligent terminal and storage medium for travel industry flow - Google Patents
System design method, intelligent terminal and storage medium for travel industry flow Download PDFInfo
- Publication number
- CN116382672A CN116382672A CN202310662816.XA CN202310662816A CN116382672A CN 116382672 A CN116382672 A CN 116382672A CN 202310662816 A CN202310662816 A CN 202310662816A CN 116382672 A CN116382672 A CN 116382672A
- Authority
- CN
- China
- Prior art keywords
- flow
- target
- information
- component
- node
- 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
- 238000000034 method Methods 0.000 title claims abstract description 90
- 238000013461 design Methods 0.000 title claims abstract description 58
- 238000003860 storage Methods 0.000 title claims abstract description 18
- 238000005111 flow chemistry technique Methods 0.000 claims abstract description 22
- 230000004044 response Effects 0.000 claims abstract description 17
- 238000012545 processing Methods 0.000 claims abstract description 7
- 230000000875 corresponding effect Effects 0.000 claims description 86
- 230000008569 process Effects 0.000 claims description 50
- 238000009877 rendering Methods 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 13
- 238000013507 mapping Methods 0.000 claims description 12
- 238000010586 diagram Methods 0.000 claims description 7
- 238000012544 monitoring process Methods 0.000 claims description 6
- 238000009826 distribution Methods 0.000 claims description 4
- 238000004806 packaging method and process Methods 0.000 claims description 4
- 238000004519 manufacturing process Methods 0.000 claims description 3
- 230000000007 visual effect Effects 0.000 description 15
- 230000003993 interaction Effects 0.000 description 7
- 230000000694 effects Effects 0.000 description 4
- 238000006243 chemical reaction Methods 0.000 description 3
- 238000007726 management method Methods 0.000 description 3
- 230000008520 organization Effects 0.000 description 3
- 238000013499 data model Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000012550 audit Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000007781 pre-processing Methods 0.000 description 1
- 238000012913 prioritisation Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000013518 transcription Methods 0.000 description 1
- 230000035897 transcription Effects 0.000 description 1
- 238000011144 upstream manufacturing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
- G06Q50/14—Travel agencies
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Stored Programmes (AREA)
Abstract
The application provides a system design method, an intelligent terminal and a storage medium for a text industry flow, wherein a target form is generated based on a plurality of form components displayed on a form design page and in response to a first dragging operation of a selected form component; generating a target flow chart based on a plurality of flow components displayed by the flow design page, by taking the target form as a starting node, and responding to a second dragging operation of the selected flow components; extracting flow node information and node association relations in the target flow chart to generate a flow processing code; and executing the flow processing code in response to the data submission of the target form to realize the flow service of the target flow chart. According to the form and the flow chart generation method and the form and flow chart generation device, a user can freely generate the form and the flow chart conveniently, and the form and the flow chart can be identified and converted into executable codes based on the attributes of the form and the flow chart, so that the quick promotion of flow business of the form is realized, and the convenience and the processing efficiency of the form flow are effectively improved.
Description
Technical Field
The application relates to the technical field of software programming, in particular to a system design method, an intelligent terminal and a storage medium for a travel industry flow.
Background
The travel industry is an important component of the travel industry. The cultural travel product owner is a travel industry developed by human travel resources and is a part of travel industry generated for meeting cultural travel consumption requirements of people. The aim of the development of the travel industry is to improve the quality of the travel activities of people. Various forms flow services are often involved in the business process of the travel industry, such as user opinion feedback forms and their processing flows for scenic spots. The process can be more clearly and step-by-step checked and understood after the forms are visually depicted in the sequence of different activities in the process through the flowcharts, and important decisions, pain points and wastes in the business trip industry can be identified.
The applicant finds out in the process of conception and implementation of the application that when the form flow business is processed in the current-stage travel industry, firstly, a proper form template needs to be manually searched or written, then the existing flow template is adapted or a new flow sequence is designated, and finally, related flow nodes are pushed to understand the flow chart and supervise and execute. The steps are realized by inputting a large amount of acquaintance manpower resources, the realization cost is high, and the user experience is poor. Therefore, finding a flexible implementation way to simplify programming by the form flow Cheng Yewu that can visualize the operation in the whole process and open the execution of the whole process is a problem that needs to be solved by researchers in the field.
Disclosure of Invention
In order to alleviate the above problems, the present application provides a system design method for a travel industry flow, including:
based on a plurality of form components displayed on the form design page, responding to a first dragging operation of the selected form components, rendering and displaying the plurality of selected form components to corresponding form positions respectively so as to generate a target form;
based on a plurality of flow components displayed on the flow design page, using the target form as a starting node, responding to a second dragging operation of the selected flow components, and respectively rendering and displaying the plurality of selected flow components to corresponding flow positions so as to generate a target flow chart;
extracting flow node information and node association relations of flow components corresponding to each flow position in the target flow chart, mapping the flow node information into flow element objects defined by a preset programming language respectively, and generating flow processing codes according to the node association relations;
and responding to the data submission of the target form, executing the flow processing code to activate the starting node of the target flow chart, and realizing the flow service design of the target flow chart.
Optionally, the step of rendering and displaying the plurality of form components displayed based on the form design page to the corresponding form positions in response to the first dragging operation of the selected form components, includes:
Collecting form requirements, and establishing a form component according to the form requirements;
and configuring attribute controls for the form components.
Optionally, the step of rendering and displaying the plurality of selected form components to corresponding form positions in response to the first dragging operation of the selected form components based on the plurality of form components displayed on the form design page to generate the target form includes:
based on a preset list distribution component, responding to first dragging operation of a cursor, and acquiring component information and a first target position of each selected list component;
calculating the display area position of each selected form component based on the component information by taking the first target position as a reference, and extracting the arrangement information of the plurality of selected form components;
and respectively defining attribute control parameters of each selected form component through an attribute page, and packaging the display area position of the selected form component, the attribute control parameters and the arrangement information to generate the target form.
Optionally, the step of generating the target form includes:
calling a preset dynamic text code, and converting the display area position of the selected form component, the attribute control parameters and the arrangement information into a component model;
Acquiring a serialization data format of the component information based on a preset data format comparison rule according to the component model;
and performing analytic rendering on the serialized data format to display the target form on a screen.
Optionally, the steps of rendering and displaying the plurality of selected flow components to corresponding flow positions in response to the second dragging operation on the selected flow components by taking the target form as a starting node based on the plurality of flow components displayed on the flow design page to generate the target flow chart include:
in response to generating the target form, monitoring a selection event of the flow component, determining a service flow node type, and generating flow node information;
monitoring a second dragging operation of a cursor, acquiring a second target position of each selected flow component, calculating a display area position of each selected flow component based on the flow node information and taking the second target position as a reference, and extracting arrangement information of the plurality of selected flow components;
based on the arrangement information, identifying a node connection event and acquiring a node association relationship;
and generating the target flow chart according to the flow node information, the arrangement information and the node association relation.
Optionally, the step of extracting the flow node information and the node association relation of the flow component corresponding to each flow position in the target flow chart, mapping the flow node information into flow element objects defined by a preset programming language, and generating the flow processing code according to the node association relation includes:
mapping the flow node information to flow element types in flow modeling;
mapping the corresponding flow node element into the flow element object according to the flow element type;
determining attribute information of the flow element object according to the corresponding relation between the flow element type and the flow modeling;
and acquiring a flow code template corresponding to the flow element object, and writing the attribute information and the node association relationship to generate the flow processing code.
Optionally, the flow component includes a node and a connection line; the step of determining attribute information of the flow element object according to the corresponding relation between the flow element type and the flow modeling includes:
and extracting text information in the flow component, and determining description information corresponding to the nodes and/or the connecting lines.
Optionally, the step of extracting text information in the flow component and determining description information corresponding to the node and/or the connection line includes:
and determining role information, judgment rules and corresponding action information of flow processing personnel corresponding to each node in the target flow chart according to the description information.
Optionally, the step of extracting text information in the flow component and determining description information corresponding to the node and/or the connection line includes:
and determining the execution rule of each connecting line in the target flow chart according to the description information.
The application also provides an intelligent terminal, which comprises a processor and a memory;
the memory stores a computer program which, when executed by the processor, implements the steps of the system design method for a travel industry flow as described above.
The present application also provides a storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the system design method for a business trip industrial process as described above.
As described above, the system design method, the intelligent terminal and the storage medium for the business process of the text and the travel provided by the application facilitate the free generation of the form and the flow chart by the user in a visual component mode, and are based on the attribute identification of the form and the flow chart to be converted into executable codes, so that the quick promotion of the process business of the form item is realized, the convenience and the processing efficiency of the form process are effectively improved, and the user experience is improved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the application and together with the description, serve to explain the principles of the application. In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the description of the embodiments will be briefly described below, and it will be obvious to those skilled in the art that other drawings can be obtained from these drawings without inventive effort.
FIG. 1 is a flow chart of a system design method for a travel industry process according to an embodiment of the present application.
FIG. 2 is a schematic diagram of a visual form design page according to an embodiment of the present application.
FIG. 3 is a schematic diagram of a visual flow diagram design page according to an embodiment of the present application.
The realization, functional characteristics and advantages of the present application will be further described with reference to the embodiments, referring to the attached drawings. Specific embodiments thereof have been shown by way of example in the drawings and will herein be described in more detail. These drawings and the written description are not intended to limit the scope of the inventive concepts in any way, but to illustrate the concepts of the present application to those skilled in the art by reference to specific embodiments.
Detailed Description
Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as detailed in the accompanying claims.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, the element defined by the phrase "comprising one … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element, and furthermore, elements having the same name in different embodiments of the present application may have the same meaning or may have different meanings, a particular meaning of which is to be determined by its interpretation in this particular embodiment or by further combining the context of this particular embodiment.
It should be noted that, in this document, step numbers such as S10 and S20 are adopted, and the purpose of the present invention is to more clearly and briefly describe the corresponding content, and not to constitute a substantial limitation on the sequence, and those skilled in the art may execute S20 first and then execute S10 when implementing the present invention, which is within the scope of protection of the present application.
It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the present application.
The following provides a detailed description of what is presented in connection with the various figures.
The present application first provides a system design method for a travel industry process, and fig. 1 is a flowchart of a system design method for a travel industry process according to an embodiment of the present application.
Referring to fig. 1, a system design method for a travel industry flow includes:
s10: and respectively rendering and displaying the plurality of selected form components to corresponding form positions based on the plurality of form components displayed by the form design page in response to the first dragging operation of the selected form components so as to generate a target form.
Illustratively, on the visual interface of the business management background, the components meeting the current needs of the user can be rendered and displayed to a specific position by dragging the specific components by using a mouse, so that the selected multiple component combinations are configured into forms required by the business. In the process of generating the target form, the component information of the form design page can be selected based on the user requirement, the component information is converted into a component model corresponding to the data model structure through data conversion, and then the component model is converted into corresponding database model field information. The form design page may be built based on JAVA language, HTML language, HTTP communication, for example. In the form generation process, form design pages can be automatically generated according to different database types, so that the code writing workload can be effectively reduced, and a visual form editing mode is provided for a user. Optionally, an extended custom form component may be added based on the existing component type. Basic controls in the visual interface may include attribute requirements of static files, check boxes, radio boxes, multi-line inputs, single-line inputs, drop-down boxes, cascading components, date controls, and the like.
S20: based on the plurality of flow components displayed by the flow design page, the target form is taken as an initial node, and the plurality of selected flow components are respectively rendered and displayed to corresponding flow positions in response to the second dragging operation of the selected flow components, so that a target flow chart is generated.
The user publishes a form, meaning the creation of a form-flow task category. For a new form flow task category, each step of implementing the form task may be determined by the definition of the flow chart. Illustratively, in generating a flowchart, the steps of generating a node, associating a node, editing a node, and publishing the flowchart may be included. Alternatively, in another embodiment, different resources may also be added to different nodes.
Alternatively, the flow components may be objects defined by an object-oriented programming language. By predefining a batch of flow components, the flow components respectively correspond to the mark symbols in the visual flow chart design page. The designed flow chart corresponds to page data in a specific background format, and when the target flow chart is designed, the target flow chart can be issued as a corresponding access link through a designer page. The user can call the target form corresponding to the filling data in the flow chart through the link.
S30: extracting flow node information and node association relations of flow components corresponding to each flow position in the target flow chart, mapping the flow node information into flow element objects defined by a preset programming language respectively, and generating flow processing codes according to the node association relations.
Optionally, by identifying the target flow chart or reading page data in a specific background format of the flow chart, extracting information of each node and connection information between nodes in the flow chart, executable flow processing codes can be respectively and correspondingly generated according to different object definitions of different flow components and attribute information of each flow component.
S40: and executing the flow processing code in response to the data submission of the target form so as to activate the starting node of the target flow chart and realize the flow service of the target flow chart.
When the target flow chart is designed, the target flow chart can be published as a corresponding access link through a designer page. The user can call the target form corresponding to the filling data in the flow chart through the link. Based on the setting of the target flow chart, the target form is used as a starting node of the target flow chart, and the filled target form is submitted to activate the form flow to start executing according to the setting of the target flow chart. The flow processing code may be activated by the start node of the target flow chart to execute after submitting and publishing, so as to perform the circulation processing of each corresponding node on the submitted target application.
According to the embodiment, standardized form components and flow components are predefined for visual form and flow chart editing, so that executable flow processing codes can be conveniently and correspondingly converted, and circulation processing is carried out by using an executable terminal according to corresponding nodes of the flow chart, so that man-machine interaction processes in form flow business are simplified, form, flow chart and code editing work is saved, and flow design efficiency is effectively improved.
Optionally, based on the plurality of form components displayed on the form design page, in response to the first dragging operation on the selected form component, the step of rendering and displaying the plurality of selected form components to corresponding form positions respectively includes:
collecting form requirements, and establishing a form component according to the form requirements; the form component configures the property controls.
In the field of people's work and life, it may involve a variety of activities that require flow interactions with other related people in the form of forms. Such as shopping order management, engineering management, business items, leave items, dispute mediation, and the like. Form components required for adapting to the information interaction can be correspondingly established according to different form requirements corresponding to different activity requirements. Accordingly, different form components can be configured through different attribute controls to facilitate filling and editing by a user. Illustratively, the visual form editing page may be preset content, and may include grid layout, labels, label pages, folding panels, card layout, buttons, single line text, numbers, associated data, single selection boxes, multiple selection boxes, drop-down boxes, descriptions, switches, scores, approval opinions, sub-forms, current organization, rich text, approval history, automatic numbering, selectors, signatures, custom dialog boxes, cascades, addresses, locations, upload attachments, bar codes, two-dimensional codes, current users, current dates, current time, fields, hidden fields, flow instances, flow associations, data dictionaries, sliders, custom components, custom controls, date controls, text, counters, links, step bars, split lines, field groupings, warnings, and the like.
Optionally, based on the plurality of form components displayed on the form design page, in response to the first dragging operation on the selected form component, the step of rendering and displaying the plurality of selected form components to corresponding form positions respectively to generate the target form includes:
based on a preset list distribution component, component information and a first target position of each selected list component are obtained in response to first dragging operation of a cursor.
The preset list distribution component is an operation component preset by the form design page and used for editing the form component and arranging the form format. Illustratively, when a user drags a pre-designed form component, information such as a corresponding component category, a code number, an identification position, a size, a name code number and the like clicked by the user is recorded. When the drag operation by the user is completed, the end position of the drag operation is recorded as the target position required by the user.
Based on the component information, the display area position of each selected form component is calculated based on the first target position, and the arrangement information of a plurality of selected form components is extracted.
The display area of the selected form component relative to the target location may be determined, for example, by determining the identified location of the user-selected form component at the target location, and scaling the size of the user-selected form component relative to the target location. When the display areas of the plurality of selected form elements are respectively determined, the relative arrangement positional relationship therebetween can be determined. In another embodiment, the form template meeting the requirement of the user can also be directly obtained from the database, the component attribute of the arrangement information of the form template is configured according to a preset format, and the user can correspondingly adjust the form template according to the requirement.
And respectively defining attribute control parameters of each selected form component through the attribute page, and packaging the display area position, the attribute control parameters and the arrangement information of the selected form component to generate a target form.
The method includes the steps of illustratively rendering arrangement information and display area positions of a plurality of selected form components into a display component, receiving filled attribute control parameter information, packaging and submitting the attribute control parameter information according to a specific format, and transmitting a generated target form back to the background for storage.
FIG. 2 is a schematic diagram of a visual form design page according to an embodiment of the present application.
Referring to FIG. 2, illustratively, in performing form design using a visual form design page, the designer may include a variety of selectable base controls, such as a drop-down option, a single or multiple line input box, a static file field, a date control, and the like. The required basic control can be selected according to the basic data type so as to build the basic data of each node. After a specific base control is selected for each form component, the selected base control may also be configured, such as a hint, title, size, description, illustration, etc. With continued reference to fig. 2, in order to facilitate the feedback of tourists to the attraction service in the business service, during the creation of the questionnaire form for the attraction service, the user may select a specific component from the left component column of the form designer, drag the specific component into the editing area of the middle part of the form designer, and further edit the specific attribute content of the component in the component attribute and the form attribute column on the right side of the form designer. For example, the user selects a plurality of lines of text components from the left component column of the form designer and drags into the editing area of the middle portion of the form designer; the component attribute on the right side of the form designer performs attribute editing on the multi-line text component, the input title is 'opinion feedback', and the occupation prompt input is 'please input opinion feedback' so as to prompt tourists to input corresponding content. Through selection, dragging and property editing of a plurality of components, a questionnaire form forming the scenic spot service is finally created.
Optionally, the step of generating the target form includes:
calling a preset dynamic text code, and converting the display area position, attribute control parameters and arrangement information of the selected form component into a component model;
acquiring a serialization data format of the component information based on a preset data format comparison rule according to the component model;
and carrying out analytic rendering on the serialized data format so as to show the target form on the screen.
Illustratively, javaScript is a lightweight, interpreted or just-in-time compiled programming language with functional prioritization. Although it is a scripting language that is famous for developing Web pages, it is also used in many non-browser environments, javaScript is based on prototype programming, a multiple-paradigm dynamic scripting language, and supports object-oriented, imperative, and declarative (e.g., functional programming) styles. JavaScript can embed dynamic text in the HTML page to respond to the visual page event. Optionally, the front-end invokes the written back-end program to receive the component information and the corresponding attribute control parameters input by the front-end. The back end can perform conversion operation through preprocessing the data, and correspondingly converts the received attribute control parameters into a component model for storage and identification.
Illustratively, the front end may invoke the converted component model, converting the component model into a serialized data format that the front end can display, to enable the display screen to display the target form of the parsing rendering. Optionally, the back-end may invoke the converted component model, and according to the difference of the back-end database, correspondingly convert the component model into the data model field and the database field defined by the database, so as to generate the database model corresponding to the target form.
For example, after the configuration of the basic data is completed, specific interaction flow configuration can be performed, and the required interaction flow configuration is expressed by using the flow chart, so that the method is an intuitive and convenient expression mode.
Optionally, based on the plurality of flow components displayed on the flow design page, with the target form as a start node, the steps of respectively rendering and displaying the plurality of selected flow components to corresponding flow positions in response to the second dragging operation on the selected flow components to generate the target flow chart include:
and responding to the generation target form, monitoring a selection event of the flow component, determining the type of the service flow node, and generating flow node information.
For example, when a user performs a selection operation on a pre-designed standard component, corresponding flow node information is generated, and information such as a corresponding component category, a code number, an identification position, a size, a name code number and the like clicked by the user is recorded.
Monitoring a second dragging operation of the cursor, acquiring a second target position of each selected flow component, calculating a display area position of each selected flow component based on the flow node information and taking the second target position as a reference, and extracting arrangement information of a plurality of selected flow components.
Illustratively, upon completion of the drag operation by the user, the end position of the drag operation is recorded as the target position required by the user. The display area of the selected flow component relative to the target position can be determined by determining the identification position of the user-selected form component at the target position and performing position conversion on the size of the user-selected flow component relative to the target position. When the display areas of the plurality of selected flow components are respectively determined, the relative arrangement positional relationship between them can be determined. In another embodiment, the process template meeting the requirement of the user can also be directly obtained from the database, the component attribute of the arrangement information of the process template is configured according to a preset format, and the user can correspondingly adjust the arrangement information according to the requirement based on the process template.
Based on the arrangement information, identifying node connection events and acquiring node association relations.
In the flow nodes in the flow chart, nodes and connection lines may be included. Wherein, each node is connected in an associated way through a connecting wire.
And generating a target flow chart according to the flow node information, the arrangement information and the node association relation.
The user completes the editing design of the flow chart in the visual editing interface, determines the flow node information, the arrangement information and the node association relation of the target flow chart, and issues the target flow chart as a flow template, so that the back end automatically generates and maintains a flow modeling file in a corresponding database format, and the front end can re-render and display the target flow chart according to the serialization data of the flow modeling file.
FIG. 3 is a schematic diagram of a visual flow diagram design page according to an embodiment of the present application.
As shown in FIG. 3, in one embodiment, the designer page may provide a variety of flow components for selection, which are typically defined in the system by the type, function, etc. of the flow components. Common flow components may include manual audit nodes, automatic decision nodes, aggregate task nodes, information splitting nodes, transcription connecting lines, return connecting lines, merge converging connecting lines, split branching connecting lines, and the like. In the process of flow design, corresponding nodes can be selected from pre-designed flow components according to interaction requirements and dragged to an editing area for editing combination. With continued reference to fig. 3, in order to examine the business travel industry service content of the practitioner, during the process of making an examination flow chart for the scenic spot service personnel, the designer may select a corresponding node component, a judging component, or a flow direction indicating component from the component column on the left side of the page of the flow chart designer, and drag the node component, the judging component, or the flow direction indicating component into the editing area in the middle position of the page of the flow chart designer accordingly. The configuration of the component parameters may then be performed through a parameter editing page on the right side of the flow chart designer page. Illustratively, the designer first selects a node component from the component column on the left side of the flow chart designer and drags it to the edit field in the middle of the flow chart designer. In the parameter editing page of the flow chart designer, a node name may be configured as "examination module: starting an examination: device exam, "yes" may be performed as a parameter choice.
Illustratively, when a user draws a target flow chart based on a target form, the flow chart is drawn by first dragging a flow component from the panel. And the server responds to the drawing operation and stores entity data corresponding to the flow component dragged by the user. The client analyzes the entity data to generate a graph with a corresponding format to represent a corresponding entity, the entity data corresponding to the graph is packaged into a component with a corresponding format by a graphical interface, and finally, a designed target flow chart is displayed on a screen. Optionally, when the system draws the target flow chart, the system may check the target flow chart to determine whether the target flow chart drawn by the user meets a preset rule.
Optionally, the step of extracting the flow node information and the node association relation of the flow component corresponding to each flow position in the target flow chart, mapping the flow node information into flow element objects defined by a preset programming language, and generating the flow processing code according to the node association relation includes:
mapping the flow node information to flow element types in the flow modeling;
mapping the corresponding flow node element into a flow element object according to the flow element type;
determining attribute information of a flow element object according to the corresponding relation between the flow element type and the flow modeling;
And acquiring a flow code template corresponding to the flow element object, and writing attribute information and a node association relationship to generate a flow processing code.
Illustratively, since the designer may define the flow element object through a programming language, specific code may be expressed in accordance with the defined flow element object. Thus, after the flow node information in the target flow chart is acquired, the flow node information may be mapped to such flow element objects defined by the programming language, and attribute information of each flow element object may be determined. Optionally, according to the corresponding relation between the flow components and the flow element types in the flow chart, and further according to the corresponding relation between the flow element types and the flow element objects, specific element entities in the target flow chart can be identified, so that the target flow chart can be converted and expressed into a specific executable code form.
For example, the attribute information of the flow element object may include information such as a type, a description, and a name. Optionally, the name and the category attribute of the flow element object may be determined further according to the corresponding flow modeling meaning on the basis of determining the flow element type corresponding to the flow component according to the corresponding relationship between the flow element type and the flow modeling meaning. When determining the plurality of flow components and the corresponding attributes, arrangement information and node association relation thereof, as the specific flow node object can have the corresponding flow engine, the flow engine can be responsible for scheduling from one node to another node, thereby identifying the relation between the category attribute of the node and the connecting line, and further enabling the finally generated flow processing code to accurately execute the specific form flow business circulation. Alternatively, the final generated flow processing code may be part of the final program code.
Flow codes corresponding to flow charts based on the same category have certain similarity, especially in the types, positions, layout relations and the like of specific flow components. Optionally, a flow code template is preset, and a corresponding relation between the flow code template and the flow chart category identifier is established, so that the code generation efficiency is improved. When the process code is required to be generated for the target flow chart, the target category identification information in the target flow chart can be acquired, and the attribute information, layout relation and other information of the flow element object corresponding to each flow component are written into the flow code template corresponding to the target category identification information so as to quickly generate the final flow processing code.
Optionally, the flow component includes nodes and connection lines; according to the corresponding relation between the flow element type and the flow modeling, the step of determining the attribute information of the flow element object comprises the following steps:
and extracting text information in the flow component, and determining description information corresponding to the nodes and/or the connecting lines.
Illustratively, the description information of the flow element object may be determined according to the specific text content in the target flow chart.
Optionally, the step of extracting text information in the flow component and determining description information corresponding to the node and/or the connection line includes:
And determining role information, judgment rules and corresponding action information of flow processing personnel corresponding to each node in the target flow chart according to the description information.
In an embodiment, if the type of the flow element object is a node that needs to be manually processed, the role of the flow processor on the node may be determined according to the corresponding text information in the target flow chart, then the target role identifier corresponding to the role of the flow processor is determined from the organization member architecture, and the description information of the node type is determined according to the target role identifier. Illustratively, if the text information on a node is "middle manager approval", the role code information belonging to the middle manager can be retrieved from the re-associated organization personnel architecture and configured on the flow node.
Optionally, the step of extracting text information in the flow component and determining description information corresponding to the node and/or the connection line includes:
and determining the execution rule of each connecting line in the target flow chart according to the description information.
In an embodiment, if the flow component is that the type of the corresponding flow element object is a connection line, the execution rule of the connection line may be determined according to the description information associated with the corresponding component element in the target flow chart. Optionally, in the process of determining the connection line, text information of the nodes on the upstream and downstream of the location of the connection line can be referred to.
The application also provides an intelligent terminal, which comprises a processor and a memory;
the memory stores a computer program which, when executed by the processor, implements the steps of the system design method for a travel industry flow as described above.
The present application also provides a storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the system design method for a business trip industrial process as described above.
As described above, the system design method, the intelligent terminal and the storage medium for the travel industry flow provided by the application facilitate the free generation of the form and the flow chart of the travel industry by the user in a visual component way, and the method is based on the attribute identification of the form and the flow chart to be converted into executable codes, thereby realizing the rapid promotion of the flow business of the text industry form, effectively improving the convenience and the processing efficiency of the form flow and improving the user experience.
The embodiments of the intelligent terminal and the storage medium provided in the present application may include all technical features of any one of the embodiments of the interaction method, and the expansion and explanation contents of the description are substantially the same as those of each embodiment of the method, which are not repeated herein.
The present embodiments also provide a computer program product comprising computer program code which, when run on a computer, causes the computer to perform the method in the various possible implementations as above.
The embodiments also provide a chip including a memory for storing a computer program and a processor for calling and running the computer program from the memory, so that a device on which the chip is mounted performs the method in the above possible embodiments.
It can be understood that the above scenario is merely an example, and does not constitute a limitation on the application scenario of the technical solution provided in the embodiments of the present application, and the technical solution of the present application may also be applied to other scenarios. For example, as one of ordinary skill in the art can know, with the evolution of the system architecture and the appearance of new service scenarios, the technical solutions provided in the embodiments of the present application are equally applicable to similar technical problems.
The foregoing embodiment numbers of the present application are merely for describing, and do not represent advantages or disadvantages of the embodiments.
The steps in the method of the embodiment of the application can be sequentially adjusted, combined and deleted according to actual needs.
The units in the device of the embodiment of the application can be combined, divided and pruned according to actual needs.
In this application, the same or similar term concept, technical solution, and/or application scenario description will generally be described in detail only when first appearing, and when repeated later, for brevity, will not generally be repeated, and when understanding the content of the technical solution of the present application, etc., reference may be made to the previous related detailed description thereof for the same or similar term concept, technical solution, and/or application scenario description, etc., which are not described in detail later.
In this application, the descriptions of the embodiments are focused on, and the details or descriptions of one embodiment may be found in the related descriptions of other embodiments.
The technical features of the technical solutions of the present application may be arbitrarily combined, and for brevity of description, all possible combinations of the technical features in the above embodiments are not described, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the present application.
From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) as above, including several instructions for causing a terminal device (which may be a mobile phone, a computer, a server, a controlled terminal, or a network device, etc.) to perform the method of each embodiment of the present application.
In the above embodiments, it may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the processes or functions in accordance with embodiments of the present application are produced in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable devices. The computer instructions may be stored in a storage medium or transmitted from one storage medium to another storage medium, for example, from one website, computer, server, or data center to another website, computer, server, or data center by a wired (e.g., coaxial cable, fiber optic, digital subscriber line), or wireless (e.g., infrared, wireless, microwave, etc.) means. The storage media may be any available media that can be accessed by a computer or a data storage device such as a server, data center, or the like that contains an integration of one or more available media. Usable media may be magnetic media (e.g., floppy disks, storage disks, magnetic tape), optical media (e.g., DVD), or semiconductor media (e.g., solid State Disk (SSD)), among others.
The foregoing description is only of the preferred embodiments of the present application, and is not intended to limit the scope of the claims, and all equivalent structures or equivalent processes using the descriptions and drawings of the present application, or direct or indirect application in other related technical fields are included in the scope of the claims of the present application.
Claims (10)
1. A system design method for a travel industry process, comprising:
based on a plurality of form components displayed on the form design page, responding to a first dragging operation of the selected form components, rendering and displaying the plurality of selected form components to corresponding form positions respectively so as to generate a target form;
based on a plurality of flow components displayed on the flow design page, using the target form as a starting node, responding to a second dragging operation of the selected flow components, and respectively rendering and displaying the plurality of selected flow components to corresponding flow positions so as to generate a target flow chart;
extracting flow node information and node association relations of flow components corresponding to each flow position in the target flow chart, mapping the flow node information into flow element objects defined by a preset programming language respectively, and generating flow processing codes according to the node association relations;
And responding to the data submission of the target form, executing the flow processing code to activate the starting node of the target flow chart, and realizing the flow service design of the target flow chart.
2. The system design method for a travel industry process according to claim 1, wherein the step of rendering and displaying the plurality of selected form components to corresponding form locations in response to the first drag operation of the selected form components based on the plurality of form components displayed on the form design page, respectively, to generate the target form, comprises, before:
collecting form requirements, and establishing a form component according to the form requirements;
and configuring attribute controls for the form components.
3. The system design method for a travel industry process according to claim 1, wherein the step of rendering and displaying the plurality of selected form components to corresponding form positions in response to the first dragging operation of the selected form components based on the plurality of form components displayed on the form design page to generate the target form comprises:
based on a preset list distribution component, responding to first dragging operation of a cursor, and acquiring component information and a first target position of each selected list component;
Calculating the display area position of each selected form component based on the component information by taking the first target position as a reference, and extracting the arrangement information of the plurality of selected form components;
and respectively defining attribute control parameters of each selected form component through an attribute page, and packaging the display area position of the selected form component, the attribute control parameters and the arrangement information to generate the target form.
4. The system design method for a travel industry process according to claim 3, wherein the step of generating the target form comprises:
calling a preset dynamic text code, and converting the display area position of the selected form component, the attribute control parameters and the arrangement information into a component model;
acquiring a serialization data format of the component information based on a preset data format comparison rule according to the component model;
and performing analytic rendering on the serialized data format to display the target form on a screen.
5. The system design method for a travel industry process according to claim 1, wherein the step of rendering and displaying the plurality of selected process components to corresponding process positions in response to the second dragging operation of the selected process components with the target form as a start node based on the plurality of process components displayed on the process design page to generate the target process diagram comprises:
In response to generating the target form, monitoring a selection event of the flow component, determining a service flow node type, and generating flow node information;
monitoring a second dragging operation of a cursor, acquiring a second target position of each selected flow component, calculating a display area position of each selected flow component based on the flow node information and taking the second target position as a reference, and extracting arrangement information of the plurality of selected flow components;
based on the arrangement information, identifying a node connection event and acquiring a node association relationship;
and generating the target flow chart according to the flow node information, the arrangement information and the node association relation.
6. The system design method for a business process according to any one of claims 1 to 5, wherein the step of extracting the process node information and the node association relation of the process component corresponding to each process position in the target flowchart, mapping the process node information to process element objects defined by a preset programming language, and generating the process processing code according to the node association relation comprises:
mapping the flow node information to flow element types in flow modeling;
Mapping the corresponding flow node element into the flow element object according to the flow element type;
determining attribute information of the flow element object according to the corresponding relation between the flow element type and the flow modeling;
and acquiring a flow code template corresponding to the flow element object, and writing the attribute information and the node association relationship to generate the flow processing code.
7. The system design method for a travel industry process according to claim 6, wherein the process components include nodes and connection lines; the step of determining attribute information of the flow element object according to the corresponding relation between the flow element type and the flow modeling includes:
and extracting text information in the flow component, and determining description information corresponding to the nodes and/or the connecting lines.
8. The system design method for a travel industry process according to claim 7, wherein the step of extracting text information in the process component and determining description information corresponding to the nodes and/or connection lines comprises:
according to the description information, determining role information, a judgment rule and corresponding action information of flow processing personnel corresponding to each node in the target flow chart; and/or the number of the groups of groups,
And determining the execution rule of each connecting line in the target flow chart according to the description information.
9. An intelligent terminal is characterized by comprising a processor and a memory;
the memory stores a computer program which, when executed by the processor, implements the steps of the system design method for a business trip industrial process as set forth in any one of claims 1-8.
10. A storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the system design method for a travel industry process according to any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310662816.XA CN116382672A (en) | 2023-06-06 | 2023-06-06 | System design method, intelligent terminal and storage medium for travel industry flow |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310662816.XA CN116382672A (en) | 2023-06-06 | 2023-06-06 | System design method, intelligent terminal and storage medium for travel industry flow |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116382672A true CN116382672A (en) | 2023-07-04 |
Family
ID=86975489
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310662816.XA Pending CN116382672A (en) | 2023-06-06 | 2023-06-06 | System design method, intelligent terminal and storage medium for travel industry flow |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116382672A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117170670A (en) * | 2023-09-12 | 2023-12-05 | 山东浪潮创新创业科技有限公司 | Online activity management method, system, device and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2008018132A1 (en) * | 2006-08-09 | 2008-02-14 | Fujitsu Limited | Business flow chart editing program and business flow chart editing method |
| CN108428112A (en) * | 2018-03-12 | 2018-08-21 | 武汉斗鱼网络科技有限公司 | A kind of generation method of list, device, computer and storage medium |
| CN113886362A (en) * | 2021-10-10 | 2022-01-04 | 浙江力石科技股份有限公司 | Data storage system and storage method based on workflow engine and low-code platform |
| CN113918138A (en) * | 2020-07-09 | 2022-01-11 | 阿里巴巴集团控股有限公司 | Flow processing method and device and computer system |
| CN114841126A (en) * | 2022-05-12 | 2022-08-02 | 招银云创信息技术有限公司 | Form generation method, device, equipment, storage medium and program product |
| CN115510358A (en) * | 2022-09-26 | 2022-12-23 | 南威软件股份有限公司 | Method and system for realizing business workflow by combining process engine with dynamic form |
-
2023
- 2023-06-06 CN CN202310662816.XA patent/CN116382672A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2008018132A1 (en) * | 2006-08-09 | 2008-02-14 | Fujitsu Limited | Business flow chart editing program and business flow chart editing method |
| CN108428112A (en) * | 2018-03-12 | 2018-08-21 | 武汉斗鱼网络科技有限公司 | A kind of generation method of list, device, computer and storage medium |
| CN113918138A (en) * | 2020-07-09 | 2022-01-11 | 阿里巴巴集团控股有限公司 | Flow processing method and device and computer system |
| CN113886362A (en) * | 2021-10-10 | 2022-01-04 | 浙江力石科技股份有限公司 | Data storage system and storage method based on workflow engine and low-code platform |
| CN114841126A (en) * | 2022-05-12 | 2022-08-02 | 招银云创信息技术有限公司 | Form generation method, device, equipment, storage medium and program product |
| CN115510358A (en) * | 2022-09-26 | 2022-12-23 | 南威软件股份有限公司 | Method and system for realizing business workflow by combining process engine with dynamic form |
Non-Patent Citations (1)
| Title |
|---|
| 殷旭;郑海贝;: "基于组件的工作流表单权限的柔性建模", 北京信息科技大学学报(自然科学版), no. 06 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117170670A (en) * | 2023-09-12 | 2023-12-05 | 山东浪潮创新创业科技有限公司 | Online activity management method, system, device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112561386A (en) | Method, device and equipment for acquiring business process | |
| CN104732306B (en) | Rapid development system and method for business application system | |
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| CN110673848B (en) | Enterprise information management system configuration device based on JavaWeb | |
| CN115617327A (en) | Low code page building system, method and computer readable storage medium | |
| CN110865807B (en) | System, method, device and storage medium for creating active page | |
| CN101488151B (en) | System and method for gathering website contents | |
| WO2022007919A1 (en) | Flow processing method and device, and computer system | |
| KR101368068B1 (en) | Method of constructing database, server performing the same and storage media storing the same | |
| US9052812B1 (en) | System for exportable graphical designs with interactive linked comments between design and playback environments | |
| CN110705237B (en) | Automatic document generation method, data processing device and storage medium | |
| CN113504908A (en) | Business code generation method and device, electronic equipment and computer readable medium | |
| US20120221998A1 (en) | Screenflow designer with automatically changing view | |
| CN111428177A (en) | Method and system for WEB content generation | |
| KR102397495B1 (en) | No code web development and operating system, and service method using of it | |
| CN101661512A (en) | System and method for identifying traditional form information and establishing corresponding Web form | |
| CN110853117B (en) | Chart drawing method, device, equipment and storage medium | |
| CN115170048B (en) | Workflow realization method, system and medium based on model and rule | |
| CN116382672A (en) | System design method, intelligent terminal and storage medium for travel industry flow | |
| CN111274302A (en) | Editing method and system of webpage chart component, electronic equipment and storage medium | |
| CN117057318A (en) | Domain model generation method, device, equipment and storage medium | |
| CN112181409A (en) | Application construction method, application rendering method and device | |
| CN112825038A (en) | Visual page making method based on general component language specification and related product | |
| CN114817379A (en) | Qunee-based configuration item relation visualization method, system, equipment and medium | |
| CN115061690A (en) | Automatic code generation method and device |
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 |