Tiny Process Editor

The process Editor is a graphical tool for the tiny framework that provides the editing process. Currently supported processes have logical processes and page processes, and may extend other processes in the future.

Introduction to the Process editor

The suffix is *.flow or *.pageflow the process file can be directly in eclipse inside double-click, invoke the relevant editor to open; The new process selects the appropriate process from the wizard interface in the order of "new"-"other"-"tiny Framework".

• Logical flow. The process of handling a specific business component, consisting of a logical component (*.fc.xml) and the resulting logical process file (*.flow).
• Page flow. The process of processing the control layer, including the component is the page component (*.pagefc.xml), the generated page process file (*.pageflow). A page flow can invoke a logical process in the form of a sub-process.

Wizard interface such as:

qq%e6%88%aa%e5%9b%be20141215103247.jpg (36.95 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Base Component Resources

Currently the tiny framework provides several component libraries that users can use with the process editor as needed. The use of the method is simple, after pom.xml joins the dependent component dependency, refreshes the dependency, can see the related component in the Process Editor's control Panel.

• Org.tinygroup.flowbasiccomponent provides logical basic components, such as Object transformation components, calling static methods, and bean components.
• Org.tinygroup.flowservicecomponent provides logical basic services such as invoking a service, invoking a local process, invoking a page flow, and so on.
• Org.tinygroup.tinydbflowcomponent provides TINYDB database components, such as inserting components, updating components, deleting components, querying record components, and so on.
• Org.tinygroup.pageflowbasiccomponent provides basic components of the page, such as page redirection, page forwarding, and so on.

Write a page flow

Next we'll explain how to quickly write a page flow through tools. The first step, select the project, press "New"-"other" order, open the Graphical tool interface, select "Page Flow", see:

qq%e6%88%aa%e5%9b%be20141215111636.jpg (40.7 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Click "Next", enter the name of the page process to be defined, such as Enter AAA, then the last saved configuration file is Aaa.pageflow, graphical tools initialization interface such as:

qq%e6%88%aa%e5%9b%be20141215111836.jpg (38.26 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

qq%e6%88%aa%e5%9b%be20141215111950.jpg (23.54 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Panel Introduction

• The center of the panel is the "process orchestration" of the artboard, on the process, process nodes, node relationship additions, deletions, edits are all done here. The default is start and end two nodes.
• Above the right side of the panel is the control bar: The top is the query box, in many parts, more useful; The following three buttons are selected mode, normal branch, abnormal branch, the normal branch is to add a normal flow between nodes a black single arrow, the Exception branch is to add an exception to the node in the flow of red single arrow.
• Below the right side of the panel is a list of components. Tiny framework supports XML configuration and class annotations to read the component information, the page process loaded page components corresponding configuration name is *.pagefc.xml, in the project development, the Component Designer to design the component class and related configuration packaging, process developers simply in the project to introduce these jar packages, You can automatically find the relevant components in the graphical tool.

Sample Flowchart:

qq%e6%88%aa%e5%9b%be20141215151144.jpg (23.85 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Underneath the panel is the properties, where the user can view, edit, process, component, and flow attributes, such as:

qq%e6%88%aa%e5%9b%be20141215145854.jpg (21.78 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

qq%e6%88%aa%e5%9b%be20141215150049.jpg (22.09 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

qq%e6%88%aa%e5%9b%be20141215151014.jpg (17.93 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Property Page Description

• Process Properties page. Include extended properties, basic information, Process Parameters Three tab page, click the blank space in the artboard to open.
• Component Property Pages. Two tab page with extended attributes, basic information, click on the component node to open.
• The Flow property page. Contains extended properties, basic information Two tab pages, click the red or black single arrow, you can open.

Adding nodes

• The mouse selects a component and then drags it onto the artboard, releasing the mouse and automatically adding a node that contains the component you just selected.
• Because the upstream and downstream nodes of the new node are determined by the framework, if they do not meet the requirements, you can delete the old association and add a new one.

Increase the effect of the component,

qq%e6%88%aa%e5%9b%be20141215151446.jpg (20.3 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

qq%e6%88%aa%e5%9b%be20141215151530.jpg (21.05 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

The tiny framework automatically calculates component locations, not only convenient but also aesthetically pleasing. There must also be users asking, how to drag components to their desired location? Simply put the component you want to add to the bottom of the target component.

For example, if I drag a SQL query component between the start node and the Insert component, the Process editor will automatically generate the following:

qq%e6%88%aa%e5%9b%be20141215152230.jpg (17.46 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

For example, if you drag the SQL query component to the right of insert component, the Process editor generates the following relationship:

qq%e6%88%aa%e5%9b%be20141215152507.jpg (21.68 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

For example, if you drag the SQL query component under Insert Component, the Process editor generates the following relationship:

qq%e6%88%aa%e5%9b%be20141215152620.jpg (21.98 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Delete a node

• First delete, select the node you want to delete, and press the Delete button on the Eclipse toolbar.
• The second way to delete, select the node to delete, press the Del button on the keyboard can also be deleted.

Writing logical Processes

The first step, select the project, press "New"-"other" in the order, open the Graphical tool interface, select "Logic process", see:

qq%e6%88%aa%e5%9b%be20141215110422.jpg (40.78 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Click "Next", enter the name of the logical process to be defined, such as the input BBB, then the last saved configuration file is Bbb.flow, graphical tool initialization interface such as:

qq%e6%88%aa%e5%9b%be20141215110551.jpg (37.57 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Finally click "Finish" to complete the creation of the work, the results

qq%e6%88%aa%e5%9b%be20141215110801.jpg (18.83 KB, download number: 0)

Download attachments

2015-5-27 13:41 Upload

Tiny Process Editor