CN116842928B

CN116842928B - Web-based electronic template design method, system, equipment and storage medium

Info

Publication number: CN116842928B
Application number: CN202311113400.9A
Authority: CN
Inventors: 郭恒海; 郭子华
Original assignee: Beijing Cssca Technologies Co ltd
Current assignee: Beijing Cssca Technologies Co ltd
Priority date: 2023-08-31
Filing date: 2023-08-31
Publication date: 2024-09-03
Anticipated expiration: 2043-08-31
Also published as: CN116842928A

Abstract

The application provides a Web-based electronic template design method, a Web-based electronic template design system, web-based electronic template design equipment and a Web-based electronic template storage medium, wherein selected data of a mouse are acquired, and a currently selected frame selection area of a template is determined; determining at least one control in the frame selection area according to the attribute of the frame selection area to form a current repeated group; determining the position of a floating window of a current menu item and displaying the floating window of the menu item according to the currently selected frame selection area and the size of the floating window; and receiving the attribute of the repeated group through the repeated group attribute interface to design the template of the repeated group. The application provides the method for designing the targeted electronic template of the form data according to the characteristics of a plurality of repetitive objects in the electronic receipt and the statement when the electronic file generation service for the electronic receipt and the statement is provided, and the operation complexity is greatly reduced, the operation frequency is reduced, and the design blank of the current design for the repetitive group is made up through the interface visual operation.

Description

Web-based electronic template design method, system, equipment and storage medium

Technical Field

The application belongs to the technical field of electronic document design, in particular to a method, a system, equipment and a storage medium for designing an electronic template based on Web.

Background

With the popularity of the internet, more and more industries of business tend to be electronic, such as electronic receipt and statement of financial board. In application scenes such as the SaaS platform of each bank based on the Internet, the electronic document generation service of the electronic receipt and statement can realize paperless of the most important credentials of the banking service, reduce the banking cost and greatly improve the use efficiency of data.

For example, OFD (Open Fixed-layout Document) is a format of an electronic file. In the process of generating the OFD receipt and statement, firstly, an electronic template of the receipt and the document is flexibly and conveniently designed according to the current paper document (various paper documents exist in each bank), and after specific business data are met, an OFD instance file can be quickly generated by using the electronic template (register). Therefore, the OFD template design belongs to the function of the whole electronic flow comparison core.

However, the current template design is marked as a table through the whole page, which can lead to low page utilization rate; or the template objects are marked one by one, but the problems of complex manual workload and high error rate are caused.

The statements made above merely provide background information related to the present disclosure and may not constitute prior art to the present disclosure except as may be expressly incorporated herein in any of the various aspects of the present disclosure.

Disclosure of Invention

The Web-based electronic template design method, the Web-based electronic template design system, the Web-based electronic template designer and the Web-based electronic template storage medium provide the characteristics that a plurality of repetitive objects exist in the electronic receipt and the statement when the electronic file generation service is oriented to the electronic receipt and the statement, and the form data is subjected to the targeted electronic template design, so that the complexity of the electronic template design process is greatly reduced, the design efficiency is improved, and the labor cost is reduced.

According to a first aspect of an embodiment of the present application, there is provided a Web-based electronic template design method, including:

receiving an electronic template design instruction based on Web, entering a template design interface, acquiring selected data of a mouse and determining a currently selected frame selection area of the template;

Determining at least one control in the frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group;

determining the position of a floating window of a current menu item and displaying the floating window of the menu item according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected;

Receiving the attribute of the repeated group through a repeated group attribute interface by combining the table grid lines, and designing a template of the repeated group by combining the table grid lines; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group.

In some embodiments of the present application, acquiring selected data of a mouse and determining a currently selected frame selection area of a template includes:

establishing a mouse click monitoring event to acquire an initial coordinate when the mouse clicks;

establishing a mouse movement monitoring event to acquire an endpoint coordinate after the mouse is pressed and moved;

And ending the monitoring event, determining a currently selected rectangular frame area according to the initial coordinates and the end coordinates, and displaying the rectangular frame area on a template design interface.

In some embodiments of the present application, determining at least one control within the box area according to the attribute of the box area, and marking the control, includes:

Determining four boundary values of the box selection area according to the attribute of the box selection area;

sequentially judging whether the position coordinates of each control in the template are in four boundary values or not; if yes, the control is marked.

In some embodiments of the present application, determining a position of a currently selected menu item floating window and displaying the menu item floating window according to a currently selected frame selection area and a floating window size, includes:

Acquiring floating window data of a preset floating window size;

And determining the area with a certain distance from the left side, the right side, the upper side or the lower side of the currently selected frame selection area as the position of the current menu item floating window according to the size of the floating window and the size of the template design interface, and displaying the menu item floating window.

In some embodiments of the present application, the menu items are used to combine, un-combine and position adjustment all controls of the current repeating group after selection, including:

Receiving a mouse click selection operation through the menu item, and controlling all controls of the current repeated group to realize the attribute function of the menu item so as to adjust the position; the attribute functions of the menu item include at least one of left-justified, centered, right-justified, top-justified, bottom-justified, page-level centered, equal-width, equal-height, level-even-distribution, and vertical-even-distribution;

All controls of the current repeated group are controlled through a combined menu in menu items to realize the function of being combined into one integral object or the function of being un-combined.

In some embodiments of the present application, a template design for a repeating group is performed by receiving properties of the repeating group through a repeating group property interface, including:

Controlling all the controls of the current repeated group to be combined into an integral object;

determining the positions of a plurality of table grid lines; the table grid lines form row table grid lines or list grid lines according to the control arrangement mode in the current repeated group;

And receiving the repetition number of the current repetition group and the control spacing through the repetition group attribute interface, and generating the repetition group with the specified repetition number among the plurality of table lines.

In some embodiments of the present application, in combination with the table grid lines, the template design of the repeated group by receiving the attribute of the repeated group through the repeated group attribute interface includes:

determining the positions of the current table grid lines of the current repeated group;

controlling all controls in the current repeated group and combining the current table grid lines into an integral object;

And receiving the repetition number of the current repetition group and the control spacing through the repetition group attribute interface, and generating a repetition group with the specified repetition number and the table grid lines with the specified repetition number.

According to a second aspect of an embodiment of the present application, there is provided a Web-based electronic template design system, including:

and (3) a frame selection module: the method comprises the steps of receiving an electronic template design instruction based on Web, entering a template design interface, acquiring selected data of a mouse and determining a currently selected frame selection area of a template;

Determining a control module: the method comprises the steps of determining at least one control in a frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group;

and a floating window module: the method comprises the steps of determining the position of a current menu item floating window and displaying the menu item floating window according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected;

Repeating the group design module: the template design method comprises the steps of receiving the attribute of a repeated group through a repeated group attribute interface, and combining a form line to perform template design of the repeated group; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group.

According to a third aspect of an embodiment of the present application, there is provided an electronic template designer comprising: a memory for storing executable instructions; and a processor coupled to the memory for executing the executable instructions to perform the Web-based electronic template design method.

According to a fourth aspect of an embodiment of the present application, there is provided a computer-readable storage medium having a computer program stored thereon; the computer program is executed by the processor to implement a Web-based electronic template design method.

By adopting the Web-based electronic template design method, the Web-based electronic template design system, the electronic template designer and the storage medium, the selected data of the mouse are obtained and the currently selected frame selection area of the template is determined by receiving the electronic template design instruction based on the Web to enter the template design interface; determining at least one control in the frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group; determining the position of a floating window of a current menu item and displaying the floating window of the menu item according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected; receiving the attribute of the repeated group through a repeated group attribute interface, and designing a template of the repeated group by combining a form line; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group. The application provides the method for designing the targeted electronic template of the form data according to the characteristics of a plurality of repetitive objects in the electronic receipt and the statement when the electronic file generation service for the electronic receipt and the statement is provided, and the method greatly reduces the complexity of operation, reduces the operation times, makes up the design blank of the current design for the repetitive group, improves the design efficiency and reduces the labor cost through the interface visual operation.

In addition, the application has the technical effects that: 1) When the components are intuitively interfaced, the repeated groups are selected by directly selecting the components through the mouse, and compared with the traditional scheme that the properties of the components are set one by one, the method and the device greatly improve the use experience and the operation efficiency of users. 2) When the layout is refined, the floating window menu position is optimized, the blank of repeated detailed control in the current field is filled, the pain point that a user can only modify the coordinates of the components to realize detailed control is solved, and the refined layout can be used for not only an OFD template designer, but also template design application under other same scenes, such as PDF (PortableDocument Format) electronic documents. 3) When the repeated group is designed, two repeated group schemes are selected, selection can be performed according to the convenience in use of the repeated group and different scene requirements, and a user is more accurately helped to complete template design. 4) The repeated group not only greatly simplifies the design work and improves the design efficiency, but also does not need to mark the whole page as a form template, allows the contents of the repeated group and the non-repeated group to exist simultaneously in one page of paper, and improves the utilization rate of the paper in design.

In a word, the application not only improves the complex design problem of the templatization generation of the form data such as the OFD format, but also greatly improves the application value of the electronic file in the financial industry, and the file generated by the rear end according to the template comprises but is not limited to the electronic file formats such as the OFD, PDF and the like.

Drawings

The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this specification, illustrate embodiments of the application and together with the description serve to explain the application and do not constitute a limitation on the application. In the drawings:

a schematic design diagram according to a conventional electronic template is shown in fig. 1;

a schematic design of a repeating group in accordance with an existing electronic template is shown in fig. 2;

A schematic of steps of a Web-based electronic template design method according to an embodiment of the application is shown in fig. 3;

a schematic diagram of steps for selecting a region in a box according to an embodiment of the application is shown in fig. 4;

a schematic diagram of the steps of designing a repeat unit according to an embodiment of the present application is shown in fig. 5;

A second step schematic diagram of designing a repeat unit according to an embodiment of the present application is shown in fig. 6;

A computational flow diagram for generating rectangular box-select regions according to an embodiment of the application is shown in fig. 7;

A schematic diagram of displaying and selecting rectangular box selection areas according to an embodiment of the application is shown in fig. 8;

FIG. 9 is a flowchart showing the determination of a control in a rectangular box selection area according to an embodiment of the present application;

A schematic diagram of menu items in a floating window according to an embodiment of the application is shown in fig. 10;

FIG. 11 is a template diagram illustrating a user drawing all form lines according to an embodiment of the present application;

A schematic diagram of a duplicate group property settings panel according to an embodiment of the application is shown in fig. 12;

FIG. 13 is a schematic diagram of a template with user drawn partial table grid lines according to an embodiment of the application;

a schematic structural diagram of a Web-based electronic template design system according to an embodiment of the present application is shown in fig. 14;

a schematic of the architecture of an electronic stencil designer in accordance with an embodiment of the application is shown in fig. 15.

Detailed Description

Regarding the application, the electronic document generation service direction oriented to the electronic receipt and statement, the OFD (Open Fixed-layout Documents) format document is the electronic document with highly accurate layout presentation effect, which is similar to the pdf document, and has the characteristics of independent format, layout fixation, solidification presentation and the like. Based on the characteristics of form class data such as electronic receipts and statements, there are multiple repetitive objects, which may be objects made up of multiple data types that may be the same or different.

In an OFD stencil designer, most data types can be designed directly by dragging their corresponding components. However, the above-indicated generic data of the repetitive object cannot be realized by a direct drag component, which is also a difficulty of the stencil designer. Such repetitive object generic data is characterized by not belonging to a certain fixed data type but a combination of data types, and this combination needs to be repeated, and the present application refers to such repeated combinations or repetitive objects as repeated groups.

As shown in fig. 1, in the schematic design of the conventional electronic template, the rows marked in the frame are a repeated group. The data for this repeated set is made up of the data for the multiple controls for each column.

The definition of duplicate sets is important in the template design, and abstracts the hashed, repeated, multiple identical or different data types into a single object for processing, so that the user does not need to process each row of controls one by one when designing the form template, but processes the data as a whole.

The most important application scenario of the repeated group of the application is the template design for realizing the form data. The application is realized by disassembling the form template design into rows or columns: a table is either a repetition of rows or a repetition of columns, each row/column of data being a combination of multiple data types.

A schematic design of a repeating group in accordance with an existing electronic template is shown in fig. 2.

However, how to implement a repeated set of template designs is an industry challenge, and it is common practice either to use a whole page labeled as a table as shown in fig. 2, but this results in very low design page utilization. Or each "duplicate group control" is marked by an attribute panel. While this property tagging can also implement the basic functionality of a repeating group control, this implementation is cumbersome to operate. For example: there is a 20-column table, and according to the general practice, repeated group marks are required to be performed in attribute panels of 20 controls, so that a great number of complicated operations increase the risk of errors in the template design process, and the layout function of detail control of the repeated group controls is omitted: unified height, unified width, arrangement, alignment, distribution, movement, deletion, etc. If the coordinates are to be modified again in each control attribute to realize the missing function, the operator is clearly a nightmare. Yet another idea is to implement a form like excel by which the repetition of list data is implemented. However, the table and cell effects of excel are realized on the web side or client side, and the workload is very huge.

Therefore, in the template design of the similar repeated group at present, the whole page is marked as a table, and the page utilization rate is low; or by repeating the group control mark, but the manual workload is complex and the error rate is high.

In order to solve the design problem of how to realize repeated groups in templates in an OFD template designer, the invention performs targeted electronic template design of form data aiming at the characteristics of a plurality of repeated objects of electronic receipt and statement when electronic file generation service oriented to the electronic receipt and statement is performed, thereby greatly reducing the complexity of the electronic template design process, improving the design efficiency and reducing the labor cost.

The repeated group of the application not only greatly simplifies the design work and improves the design efficiency, but also does not need to mark the whole page as a form template, allows the contents of the repeated group and the non-repeated group to exist simultaneously in one page of paper, and improves the utilization rate of the paper in design.

Specifically, the method, the system, the electronic template designer and the storage medium for designing the electronic template based on the Web, provided by the application, receive an electronic template design instruction based on the Web to enter a template design interface, acquire selected data of a mouse and determine a currently selected frame selection area of the template; determining at least one control in the frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group; determining the position of a floating window of a current menu item and displaying the floating window of the menu item according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected; combining the table grid lines, and receiving the attribute of the repeated group through a repeated group attribute interface to design a template of the repeated group; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group.

The application provides the method for designing the targeted electronic template of the form data aiming at the characteristics of a plurality of repetitive objects of the electronic receipt and the statement when the electronic file generation service oriented to the electronic receipt and the statement is provided, thereby greatly reducing the complexity of the electronic template design process, improving the design efficiency and reducing the labor cost.

In order to make the technical solutions and advantages of the embodiments of the present application more apparent, the following detailed description of exemplary embodiments of the present application is provided in conjunction with the accompanying drawings, and it is apparent that the described embodiments are only some embodiments of the present application and not exhaustive of all embodiments. It should be noted that, without conflict, the embodiments of the present application and features of the embodiments may be combined with each other.

Example 1

A schematic of the steps of a Web-based electronic template design method according to an embodiment of the application is shown in fig. 3.

As shown in fig. 3, the Web-based electronic template design method according to the embodiment of the present application includes the following steps:

s1: firstly, receiving an electronic template design instruction based on Web, entering a template design interface, acquiring selected data of a mouse, and determining a currently selected frame selection area of a template.

A schematic diagram of the steps of selecting a region in a box according to an embodiment of the application is shown in fig. 4.

In the specific implementation, as shown in fig. 4, the method includes: s11: establishing a mouse click monitoring event to acquire an initial coordinate when the mouse clicks; s12: establishing a mouse movement monitoring event to acquire an endpoint coordinate after the mouse is pressed and moved; s13: and ending the monitoring event, determining a currently selected rectangular frame area according to the initial coordinates and the end coordinates, and displaying the rectangular frame area on a template design interface.

S2: determining at least one control in the frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control constitutes the current repetition group.

In the preferred implementation, first, four boundary values of a frame selection area are determined according to the attribute of the frame selection area; then, judging whether the position coordinates of each control in the template are in the range of four boundary value delineations in sequence; if yes, the control is marked. For example, the position coordinates of the control a include values of four boundaries of the control a, and whether the top boundary value of the control a is smaller than the top boundary value of the frame selection area, whether the bottom boundary value of the control a is larger than the bottom boundary value of the frame selection area, whether the left boundary value of the control a is larger than the left boundary value of the frame selection area, and whether the right boundary value of the control a is smaller than the right boundary value of the frame selection area are respectively determined.

S3: determining the position of a floating window of a current menu item and displaying the floating window of the menu item according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected.

When determining the position of a floating window of a current menu item, firstly, acquiring floating window data of a preset size of the floating window; and then, determining the area with a certain distance from the left side, the right side, the upper side or the lower side of the currently selected frame selection area as the position of the current menu item floating window according to the size of the floating window and the size of the template design interface, and displaying the menu item floating window.

The menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected, and comprises the following steps:

Receiving a mouse click selection operation through the menu item, and controlling all controls of the current repeated group to realize the attribute function of the menu item so as to adjust the position; the attribute functions of the menu item include at least one of left-justified, centered, right-justified, top-justified, bottom-justified, page-level centered, equal-width, equal-height, level-even distribution, and vertical-even distribution;

And controlling all controls of the current repeated group through a combination menu in menu items to realize the function of combining into one integral object or the function of uncombining.

S4: receiving the attribute of the repeated group through a repeated group attribute interface, and designing a template of the repeated group by combining a form line; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group.

A schematic diagram of the steps of designing a repeat unit according to an embodiment of the present application is shown in fig. 5.

As shown in fig. 5, when S4 is implemented, the method includes scheme one:

s41: controlling all the controls of the current repeated group to be combined into an integral object;

S42: determining the positions of a plurality of table grid lines; the table grid lines form row table grid lines or list grid lines according to the control arrangement mode in the current repeated group;

S43: and receiving the repetition number of the current repetition group and the control spacing through the repetition group attribute interface, and generating the repetition group with the specified repetition number among the plurality of table lines.

A second step schematic of designing a repeat unit according to an embodiment of the present application is shown in fig. 6.

As shown in fig. 6, in the implementation of S4, the method includes scheme two:

s410: determining the positions of the current table grid lines of the current repeated group;

s420: controlling all controls in the current repeated group and combining the current table grid lines into an integral object;

S430: and receiving the repetition number of the current repetition group and the control spacing through the repetition group attribute interface, and generating a repetition group with the specified repetition number and the table grid lines with the specified repetition number.

In order to further illustrate the embodiments of the present application, the following description is provided by implementing the scene steps.

The embodiment of the application mainly realizes the layout and the display of the repeated data by designing the functions of the repeated groups. Specifically, the control in the repeated group is finely controlled through the floating window menu, key attributes of the repeated group can be set on the attribute panel, so that the setting of the repeated group is changed from the common attribute marking method to interface visualization operation, the operation complexity is greatly reduced, the operation frequency is reduced, the difficult problem of table data design is solved, and the design blank of the repeated group is made up.

The embodiment of the application is mainly divided into the following three steps.

The first step: and realizing the function of selecting the components by frames and visually selecting the components in batches.

The function of realizing the frame selection component is divided into two steps: ① And generating a box selection area according to the mouse operation, and ② judging the control in the box selection area.

① Generating a rectangular frame selection area according to mouse operation: and selecting an area by a frame, requiring a user to click a left button of a mouse first, and then moving the mouse to select a range.

Firstly, a left mouse click monitoring event-drawDesk _MouseDown is established in the drawing board, and the current coordinate of the mouse is recorded when the left mouse click is performed.

Then, a mouse movement monitoring event drawDesk _ MouseMove is established, the current coordinate-end point coordinate of the mouse is recorded after the left button of the mouse is pressed and the mouse is moved, and the drawDesk _ MouseMove event is logged out when the mouse is released.

Thus, with the initial coordinates and the end coordinates of the mouse movement, we can get a rectangular box (showing the current box to the user).

A computational flow diagram of generating rectangular box regions according to an embodiment of the present application is shown in fig. 7. A schematic diagram of displaying and selecting rectangular box selection areas according to an embodiment of the application is shown in fig. 8.

As shown in fig. 7, initial coordinates a (x 1, y 1) are obtained when the left mouse button is clicked, and end coordinates B (x 2, y 2) are obtained after the mouse dragging is finished; the method comprises the steps of adding a scrolling value in the vertical direction and the horizontal direction of a window document in consideration of the condition that a mouse drags the window; the coordinate values of the rectangular box-select region are determined based on a series of map-like operations of coordinates a (x 1, y 1), B (x 2, y 2), and the scroll values.

Finally, the calculated box selection area is displayed to the user as shown in fig. 8.

② All controls within the region are selected by the decision box. With the rectangular box selection area calculated by ①, it can be determined which controls are within the box selection area.

A flowchart of the determination of a control within a rectangular box selection area according to an embodiment of the present application is shown in fig. 9.

The judging method is as shown in fig. 9, the current control cptDom is input, then the frame selection area drawRect is obtained, then whether the bottom value of the frame selection area drawRect is larger than the bottom value of the control cptDom or not is judged, and other three sides such as the top, the left side and the right side are similar judging conditions; when the requirements are met, the current control cptDom is judged to be in the box selection area.

And finally, identifying which controls are selected by the user's frame, and marking the selected controls so as to facilitate subsequent combination to form an integral repeated group.

And a second step of: and carrying out fine control on the selected control through the floating window. Mainly comprises the following steps: 1. and the position display of the floating window menu and the menu item functions are two parts.

A schematic diagram of menu items in a floating window according to an embodiment of the application is shown in fig. 10.

As shown in fig. 10, the menu item functions include: left alignment, centering alignment, right alignment, top alignment, bottom alignment, page horizontal centering, page vertical centering, equal width, equal height, horizontal uniform distribution, vertical uniform distribution, and the like.

1. And displaying the position of the floating window menu.

The position display of the floating window menu is determined by the position of the control currently selected by the user and the width and the height of the floating window menu. After the user selects the control at the mark, the minimum x _min coordinate and y _min coordinate and the maximum x _max coordinate in the selected control, and the preset width _menu and height _menu of the floating window menu itself are needed,

When the width of the floating window menu itself is less than half the minimum X-coordinate to maximum X-coordinate distance:

the calculation formula is as follows: width _menu<＝(x_max-x_min)/2;

X _menu of the floating window menu is (X _max-x_min)/4, and Y _menu of the floating window menu is Y _min -5px;

when the width of the floating window menu itself is greater than half the distance from the minimum X coordinate to the maximum X coordinate:

The calculation formula is as follows: width _menu>(x_max-x_min)/2;

x _menu of the floating window menu is X _min -5px, and Y _menu of the floating window menu is Y _min -5px;

wherein px is a pixel unit.

Through the calculation, the floating window menu can be always displayed at a proper position for a subsequent operation after the control is selected.

2. Menu item functions.

Regarding left alignment: after clicking the menu function item, the minimum X coordinate in all the controls, X _min, is calculated. The X coordinates of all controls are reset to X _min.

Regarding centering alignment: after clicking the menu function item, the minimum X coordinate, X _min and the maximum X coordinate, X _max, of all the controls are calculated, and the X coordinates of all the controls are reset to (X _max-x_min)/2.

Regarding top alignment: after clicking the menu function item, the minimum Y coordinate of all the controls, namely Y _min, is calculated, and the Y coordinates of all the controls are reset to Y _min.

Regarding bottom alignment: after clicking the menu function item, the maximum Y coordinate in all the controls, Y _max, is calculated, and the Y coordinates of all the controls are reset to Y _max.

Regarding right alignment: after clicking the menu function item, the maximum X coordinate in all the controls, X _max, is calculated. The X coordinates of all controls are reset to X _max.

Centering about page level: after clicking on the menu function item, the center coordinates (x _middle,y_middle) of the palette will be calculated based on the palette's width. Resetting the X coordinates of all the controls to the intermediate coordinates minus half the width of the controls, namely: x _middle-width_cpt/2.

With respect to page vertical centering: after clicking on the menu function item, the center coordinates (x _middle,y_middle) of the palette will be calculated based on the palette's width. Resetting the X coordinates of all the controls to the intermediate coordinates minus half the height of the controls, namely: y _middle-height_cpt/2.

Regarding horizontal uniform distribution: after clicking the menu function item, the minimum X coordinate-X _min and the maximum X coordinate-X _max in all the controls are calculated, the sum of the two is divided by (the number of controls-1) to calculate that the position of the control with the smallest interval p _x＝(x_max-x_min)/(Count_cpt-1).x_min uniformly distributed in the horizontal direction is unchanged, and the X coordinates of the other controls are overlapped with the interval p _x uniformly distributed according to the size sequence.

Regarding vertical uniform distribution: after clicking the menu function item, the minimum Y coordinate-Y _min and the maximum Y coordinate-Y _max in all the controls are calculated, the sum of the two is divided by (the number of controls-1) to calculate that the position of the control with the minimum interval p _y＝(y_max-y_min)/(Count_cpt-1).y_min uniformly distributed in the horizontal direction is unchanged, and the Y coordinates of the other controls are overlapped with the interval p _y uniformly distributed according to the order of the sizes.

And a third step of: repeated groups are set.

After the second step has completed the refinement of the selected control, the repeated group may begin to be set.

The embodiment of the application is realized by two schemes on the concrete implementation of setting the repeated group. The two schemes are the same for implementations that do not draw table ruled lines, with the difference being the implementation of drawing table ruled lines. Here we describe the repetition set implementation for drawing table grid lines:

A schematic diagram of a template with all table grid lines drawn by a user is shown in FIG. 11, according to an embodiment of the present application.

As shown in fig. 11, the first scheme:

After the user finishes the control selection according to the first two steps, clicking the combination to finish the setting of the repeated group, wherein the repeated group is marked by a blue dotted line frame. The user then needs to draw all the table grid lines. Of course, if the customer does not require form lines, form lines are not required.

A schematic diagram of a duplicate group property setting panel according to an embodiment of the application is shown in fig. 12.

In the repeated group attribute setting panel shown in fig. 12, the attribute of the repeated group may also be set: row repetition or column repetition, repetition interval, repeatedly generates a cut-off length range.

In this mode, a row spacing between individual row repetition data or a column spacing between column repetition data is agreed. After the OFD generating service at the rear end receives the template, blank rows or columns are filled with service data according to repeated group components and corresponding parameters such as row spacing, column spacing and the like provided in the template, and a plurality of pages of the OFD file are repeatedly generated. The first scheme is that the user can realize the form line template needed by the user to be strongly defined. The scheme is suitable for the situation that the word number of the same field of repeated group data is not changed greatly, and meanwhile, the calculation amount of the generated service is small and the speed is high.

A schematic diagram of a template with user drawn partial table grid lines according to an embodiment of the application is shown in FIG. 13.

As shown in fig. 13, the second solution is different from the first solution in that the second solution does not require the user to draw all the table lines, but only requires the user to draw a table line of one row or one column of data, and select the table line together with the dynamic control, and the clicking combination sets the table lines and the dynamic control together into a repeated group.

Meanwhile, in the repetition group attribute setting panel shown in fig. 12, the attribute of the repetition group may also be set: whether row repetition or column repetition, repeatedly generating a length range of cutoffs, etc.

In the design of repeated groups of the two schemes, firstly, fixed positions of table lines are drawn in advance, so that fixed intervals are reserved between the repeated groups; the spacing of the rows or columns between the second version of the latter is not fixed, and the height or width is adaptively adjusted according to the content.

After the OFD generating service at the rear end receives the template and the service data, the row spacing is adjusted in a self-adaptive manner according to the repeated group and the corresponding parameters provided in the template and the service data of each row (each column, the same shall apply hereinafter). For example: for some fields with a lot of characters, automatically pulling up the height to be displayed completely; meanwhile, according to the number of rows which can be accommodated by each page, the number of pages which are needed to completely display all business data is automatically calculated. For those rows where table line separation is required, table grid lines are also automatically added to each row depending on the locations of the lines of the template. In the second scheme, the user does not need to draw so many table lines, the table lines are dynamically generated by the OFD generation service, and the self-adaption of the table line positions can be achieved when the data is highly spread. The method is suitable for the situation that the word number of the same field of repeated group data changes greatly, but needs relatively large real-time computing resources, and has certain influence on the generation speed.

The design scheme of the repeated group provided by the embodiment of the application is not limited to the field of electronic documents such as OFD and the like, and can be used by professional field personnel to realize the layout and display of repeated data without creative thinking in other fields such as multi-page report design and the like, and the application of the scheme belongs to the protection scope of the application.

By adopting the Web-based electronic template design method, the selected data of the mouse is obtained and the currently selected frame selection area of the template is determined by receiving the electronic template design instruction based on Web and entering a template design interface; determining at least one control in the frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group; determining the position of a floating window of a current menu item and displaying the floating window of the menu item according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected; receiving the attribute of the repeated group through a repeated group attribute interface, and designing a template of the repeated group by combining a form line; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group. The application provides the method for designing the targeted electronic template of the form data according to the characteristics of a plurality of repetitive objects in the electronic receipt and the statement when the electronic file generation service for the electronic receipt and the statement is provided, and the operation complexity is greatly reduced, the operation frequency is reduced, and the design blank of the current design for the repetitive group is made up through the interface visual operation. In addition, the application has the technical effects that: 1) When the components are intuitively interfaced, the repeated groups are selected by directly selecting the components through the mouse, and compared with the traditional scheme that the properties of the components are set one by one, the method and the device greatly improve the use experience and the operation efficiency of users. 2) When the layout is refined, the floating window menu position is optimized, the blank of repeated detailed control in the current field is filled, the pain point that a user can only modify the coordinates of the components to realize detailed control is solved, and the refined layout can be used for not only an OFD template designer, but also template design application under other same scenes, such as PDF (PortableDocument Format) electronic documents. 3) When the repeated group is designed, two repeated group schemes are selected, selection can be performed according to the convenience in use of the repeated group and different scene requirements, and a user is more accurately helped to complete template design. 4) The repeated group not only greatly simplifies the design work and improves the design efficiency, but also does not need to mark the whole page as a form template, allows the contents of the repeated group and the non-repeated group to exist simultaneously in one page of paper, and improves the utilization rate of the paper in design.

Example 2

The present embodiment provides a Web-based electronic template design system, and for details not disclosed in the Web-based electronic template design system of the present embodiment, please refer to the specific implementation of the Web-based electronic template design method in other embodiments.

A schematic structural diagram of a Web-based electronic template design system according to an embodiment of the present application is shown in fig. 14.

As shown in fig. 14, the Web-based electronic template design system includes a box selection module 10, a determination control module 20, a floating window module 30, and a repeating group design module 40.

In particular, the method comprises the steps of,

Block selection module 10: the method is used for receiving an electronic template design instruction based on Web to enter a template design interface, acquiring selected data of a mouse and determining a currently selected frame selection area of the template.

The specific implementation method comprises the following steps: establishing a mouse click monitoring event to acquire an initial coordinate when the mouse clicks; establishing a mouse movement monitoring event to acquire an endpoint coordinate after the mouse is pressed and moved; and ending the monitoring event, determining a currently selected rectangular frame area according to the initial coordinates and the end coordinates, and displaying the rectangular frame area on a template design interface.

Determination control module 20: the method comprises the steps of determining at least one control in a frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control constitutes the current repetition group.

In the preferred implementation, first, four boundary values of a frame selection area are determined according to the attribute of the frame selection area; then, judging whether the position coordinates of each control in the template are in the range of four boundary value delineations in sequence; if yes, the control is marked.

Floating window module 30: the method comprises the steps of determining the position of a current menu item floating window and displaying the menu item floating window according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected.

The menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected, and comprises the following steps: receiving a mouse click selection operation through the menu item, and controlling all controls of the current repeated group to realize the attribute function of the menu item so as to adjust the position; the attribute functions of the menu items include at least one of left alignment, center alignment, right alignment, top alignment, bottom alignment, page horizontal centering, page vertical centering, equal width, equal height, horizontal uniform distribution and vertical uniform distribution; and controlling all controls of the current repeated group through a combination menu in menu items to realize the function of combining into one integral object or the function of uncombining.

Repeat group design module 40: the template design is used for receiving the attribute of the repeated group through the repeated group attribute interface to carry out repeated group design; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group.

By adopting the Web-based electronic template design system, the frame selection module 10 receives an electronic template design instruction based on Web to enter a template design interface, acquires the selected data of a mouse and determines the currently selected frame selection area of the template; the determining control module 20 determines at least one control in the frame selection area according to the attribute of the frame selection area and marks the control; the marked at least one control forms the current repeated group; the floating window module 30 determines the position of the current menu item floating window and displays the menu item floating window according to the currently selected frame selection area and the floating window size; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected; the repeated group design module 40 receives the attribute of the repeated group through the repeated group attribute interface by combining the table lines and performs template design of the repeated group by combining the table lines; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group. The application provides the method for designing the targeted electronic template of the form data according to the characteristics of a plurality of repetitive objects in the electronic receipt and the statement when the electronic file generation service for the electronic receipt and the statement is provided, and the operation complexity is greatly reduced, the operation frequency is reduced, and the design blank of the current design for the repetitive group is made up through the interface visual operation.

In addition, the application has the technical effects that: 1) When the components are intuitively interfaced, the repeated groups are selected by directly selecting the components through the mouse, and compared with the traditional scheme that the properties of the components are set one by one, the method and the device greatly improve the use experience and the operation efficiency of users. 2) When the layout is refined, the floating window menu position is optimized, the blank of repeated detailed control in the current field is filled, the pain point that a user can only modify the coordinates of the components to realize detailed control is solved, and the refined layout can be used for not only an OFD template designer, but also template design application under other same scenes, such as PDF (PortableDocument Format) electronic documents. 3) When the repeated group is designed, two repeated group schemes are selected, selection can be performed according to the convenience in use of the repeated group and different scene requirements, and a user is more accurately helped to complete template design.

Example 3

The present embodiment provides an electronic template designer, and for details not disclosed in the electronic template designer of the present embodiment, please refer to specific implementation of the Web-based electronic template design method or system of other embodiments.

A schematic structural diagram of an electronic stencil designer 400 or image recognition apparatus according to an embodiment of the application is shown in fig. 15.

As shown in fig. 15, the electronic template designer 400 or the image recognition apparatus includes:

Memory 402: for storing executable instructions; and

The processor 401 is configured to interface with the memory 402 to execute executable instructions to perform a Web-based electronic template design method or an image recognition method.

It will be appreciated by those skilled in the art that the schematic diagram 15 is merely an example of an electronic template designer 400 or image recognition device, and does not constitute a limitation of the electronic template designer 400 or image recognition device, and may include more or less components than illustrated, or may combine certain components, or different components, e.g., the electronic template designer 400 may further include input and output devices, network access devices, buses, etc.

The Processor 401 (Central Processing Unit, CPU) may also be other general purpose processors, digital signal processors (DIGITAL SIGNAL Processor, DSP), application SPECIFIC INTEGRATED Circuit (ASIC), field-Programmable gate array (Field-Programmable GATE ARRAY, FPGA) or other Programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general purpose processor may be a microprocessor or the processor 401 may be any conventional processor or the like, the processor 401 being a control center of the electronic template designer 400, with various interfaces and lines connecting the various parts of the overall electronic template designer 400.

The memory 402 may be used to store computer readable instructions and the processor 401 may implement various functions of the electronic template designer 400 by executing or executing the computer readable instructions or modules stored in the memory 402 and invoking data stored in the memory 402. The memory 402 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program (such as a sound playing function, an image playing function, etc.) required for at least one function, and the like; the storage data area may store data created according to the use of the electronic template designer 400, etc. In addition, the Memory 402 may include a hard disk, memory, a plug-in hard disk, a smart Memory card (SMART MEDIA CARD, SMC), a Secure Digital (SD) card, a flash Memory card (FLASH CARD), at least one magnetic disk storage device, a flash Memory device, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), or other non-volatile/volatile storage device.

The modules integrated by the electronic template designer 400, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on such understanding, the present invention may implement all or part of the flow of the method of the above-described embodiments, or may be implemented by means of computer readable instructions to instruct related hardware, where the computer readable instructions may be stored in a computer readable storage medium, where the computer readable instructions, when executed by a processor, implement the steps of the method embodiments described above.

Example 5

The present embodiment provides a computer-readable storage medium having a computer program stored thereon; the computer program is executed by the processor to implement the Web-based electronic template design method in other embodiments.

The electronic template designer and the storage medium of the embodiment of the application enter a template design interface by receiving an electronic template design instruction based on Web, acquire selected data of a mouse and determine a currently selected frame selection area of the template; determining at least one control in the frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group; determining the position of a floating window of a current menu item and displaying the floating window of the menu item according to the currently selected frame selection area and the size of the floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected; receiving the attribute of the repeated group through a repeated group attribute interface, and designing a template of the repeated group by combining a form line; the attribute of the repeated group is used for determining the repeated number of the repeated group and the typesetting mode of the repeated group on the template page; the table grid lines are used for dividing and defining the positions of a repeated group.

The application provides the method for designing the targeted electronic template of the form data according to the characteristics of a plurality of repetitive objects in the electronic receipt and the statement when the electronic file generation service for the electronic receipt and the statement is provided, and the operation complexity is greatly reduced, the operation frequency is reduced, and the design blank of the current design for the repetitive group is made up through the interface visual operation.

It will be appreciated by those skilled in the art that embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in this specification and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any or all possible combinations of one or more of the associated listed items.

It should be understood that although the terms first, second, third, etc. may be used herein to describe various information, these information should not be limited by these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the invention. The word "if" as used herein may be interpreted as "at … …" or "at … …" or "in response to a determination" depending on the context.

While preferred embodiments of the present application have been described, additional variations and modifications in those embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. It is therefore intended that the following claims be interpreted as including the preferred embodiments and all such alterations and modifications as fall within the scope of the application.

It will be apparent to those skilled in the art that various modifications and variations can be made to the present application without departing from the spirit or scope of the application. Thus, it is intended that the present application also include such modifications and alterations insofar as they come within the scope of the appended claims or the equivalents thereof.

Claims

1. A Web-based electronic template design method, comprising:

Determining at least one control in the frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group; the at least one control is a control with different data types;

Determining the position of a current menu item floating window according to the currently selected frame selection area and the size of the floating window, and displaying the menu item floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected;

Receiving the attribute of the repeated group through a repeated group attribute interface, and carrying out template design of the current repeated group by combining the table grid lines; the attribute of the current repeated group is used for determining the repeated number of the current repeated group and the typesetting mode of the current repeated group on a template page, and the current repeated group forms a row repeated or column repeated combination body according to the typesetting mode; the table lines are used to divide and position define a repeating group.

2. The Web-based electronic template design method according to claim 1, wherein the acquiring the selected data of the mouse and determining the currently selected frame selection area of the template comprises:

and ending the monitoring event, determining a currently selected rectangular frame area according to the initial coordinates and the terminal coordinates, and displaying the rectangular frame area on a template design interface.

3. The Web-based electronic template design method according to claim 1, wherein the determining at least one control in the box selection area according to the attribute of the box selection area and marking the control comprises:

sequentially judging whether the position coordinates of each control in the template are in the range of the four boundary value delineations or not; if yes, the control is marked.

4. The Web-based electronic template design method according to claim 1, wherein the determining a position of a current menu item floating window and displaying the menu item floating window according to a currently selected frame selection area and a floating window size comprises:

Acquiring floating window data of a preset floating window size;

5. The Web-based electronic template design method according to claim 1, wherein the menu item is used for combining, de-combining and position-adjusting all controls of the current repetition group after being selected, and comprises:

And controlling all controls of the current repeated group through a combined menu in menu items to realize combined functions or un-combined functions.

6. The Web-based electronic template design method according to any one of claims 1-5, wherein receiving the properties of the repeated group through the repeated group properties interface, performing the template design of the current repeated group in combination with table grid lines, comprises:

controlling all the controls of the current repeated group to be combined into a whole object;

Determining the positions of a plurality of table grid lines; forming row table grid lines or list grid lines according to the control arrangement mode in the current repeated group by the table lines; the table line is used for dividing and limiting the position of one repeated group;

and receiving the repeated number of the current repeated group and the control interval through a repeated group attribute interface, and generating the current repeated group with the specified repeated number among the plurality of table lines.

7. The Web-based electronic template design method according to any one of claims 1-5, wherein receiving the properties of the repeated group through the repeated group properties interface, performing the template design of the current repeated group in combination with table grid lines, comprises:

determining the positions of the current table grid lines of the current repeated group; the table line is used for dividing and limiting the position of one repeated group;

controlling all controls in the current repeated group and combining current table grid lines into a whole object;

and receiving the repetition number of the current repetition group and the control spacing through a repetition group attribute interface, and generating the current repetition group with the specified repetition number and the table grid lines with the specified repetition number.

8. A Web-based electronic template design system, comprising:

Determining a control module: the method comprises the steps of determining at least one control in a frame selection area according to the attribute of the frame selection area, and marking the control; the marked at least one control forms the current repeated group; the at least one control is a control with different data types;

And a floating window module: the method comprises the steps of determining the position of a current menu item floating window according to the currently selected frame selection area and the size of the floating window, and displaying the menu item floating window; the menu item floating window comprises at least one menu item, and the menu item is used for combining, uncombining and position adjusting all the controls of the current repeated group after being selected;

repeating the group design module: the template design method comprises the steps of receiving the attribute of a repeated group through a repeated group attribute interface, and carrying out template design of the current repeated group by combining table grid lines; the attribute of the current repeated group is used for determining the repeated number of the current repeated group and the typesetting mode of the repeated group on a template page, and the current repeated group forms a row repeated or column repeated combination body according to the typesetting mode; the table lines are used to divide and position define a repeating group.

9. An electronic template designer, comprising:

A memory for storing executable instructions; and

A processor coupled to the memory for executing executable instructions to perform the method of any of claims 1-7.

10. A computer-readable storage medium, characterized in that a computer program is stored thereon; computer program to be executed by a processor to implement the method of any of claims 1-7.