CN107562706A - Self-defined ticket templates method and system - Google Patents
Self-defined ticket templates method and system Download PDFInfo
- Publication number
- CN107562706A CN107562706A CN201710731902.6A CN201710731902A CN107562706A CN 107562706 A CN107562706 A CN 107562706A CN 201710731902 A CN201710731902 A CN 201710731902A CN 107562706 A CN107562706 A CN 107562706A
- Authority
- CN
- China
- Prior art keywords
- self
- control
- bill
- controls
- painting canvas
- 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
Landscapes
- Document Processing Apparatus (AREA)
Abstract
The present invention discloses a kind of self-defined ticket templates method and system, and this method includes:Prepare control collection, the control collection includes the 1st a plurality of controls, covers the data that target bill possesses;Prepare painting canvas, the painting canvas can use online visual design method to carry out page layout design;The 2nd a plurality of controls are pulled to the painting canvas, attribute pattern of the editor applied to the 2nd a plurality of controls of target bill;Preview, preserve above-mentioned ticket templates.The present invention when ticket templates are changed in addition by pulling control, realize by the mode of edit control attribute, the implementation ratio with being previously required to define template and then developer's new added pages, greatly shortens construction cycle and operation difficulty.Being said for user only needs oneself self-defined template oneself wants the effect of displaying to realize, it is not necessary to is giving technology company's correcting modification from new design every time.The funds for needing correcting and time are shortened, meets the effect that real time modifying uses.
Description
Technical field
The present invention relates to bill personalized customization field, more particularly to a kind of self-defined ticket templates method.
Background technology
Need to increase corresponding content in js files, pagefile, bill displayed page defining a new control,
Newly-increased comparatively laborious, the HTML code of each template generation is saved in data by way of serializing in a manner of character, accounts for
With databases, the databases needed when template data is more are bigger.
When adding various document template (typesettings of different clients document, such as invoice template) to client in the past, all need
Want developer to increase the page of this template newly in the project, and realize according to the corresponding bills data of template generation, and export
Document.This results in long in newly-increased template and the cycle developed when changing template, all brought to client and developer
Inconvenience.
The content of the invention
The problem of existing for prior art, the present invention provide a kind of self-defined ticket templates method and system.
To achieve the above object, first, concrete technical scheme of the invention is as follows:A kind of self-defined ticket templates method,
Comprise the following steps:
Prepare control collection, the control collection includes the 1st a plurality of controls, covers the data that target bill possesses;
Edit bill title, type, size;
Prepare painting canvas, the painting canvas can use online visual design method to carry out page layout design;
The 2nd a plurality of controls are pulled to the painting canvas, attribute of the editor applied to the 2nd a plurality of controls of target bill
Pattern;
Preview, preserve above-mentioned ticket templates.
Preferably, the 1st a plurality of controls cover Bidder Information, vendor information, the information of order product.
Secondly, the present invention also provides a kind of system for realizing the above method, and concrete technical scheme is as follows:A kind of self-defined ticket
According to template system, including:
Control collection, cover the data that target bill is possessed;
Painting canvas, online visual design method can be used to carry out page layout design;
Fare basis window, for editing the title, type, dimension information of bill.
Control property editing machine, control collection of the editor applied to target bill;
Ticket-operated button collection, for being exported to bill.
Preferably, the control collection covers Bidder Information, vendor information, the information of order product.
Further, the control collection also includes self-defined construction element, and the self-defined construction element includes local picture
Control.
Preferably, the ticket-operated button collection includes:Print Preview, preserve template, Save and Close.
The present invention realizes the generation, dragging, modification of control using html+css+JS.Applied to self-defined bill (such as:Hair
Ticket) typesetting, export, printing.Wherein, html:Page layout is formed, is mainly laid out with DIV;css:Style sheet effect is real
It is existing, control the size of element, color, position and other effects on the page;JS:The realization of page function, realize and pull control to picture
Cloth, click on modification control property, content.Painting canvas is preserved, clicks on the functions such as printing.Js main methods are used in dragging
onmousemove()、onmouseup()、onmouseout()。
The present invention is when ticket templates are changed in addition by pulling control, and the mode of edit control attribute is realized, with former
Need to define the implementation ratio of template and then developer's new added pages, greatly shorten the construction cycle and operation is difficult
Degree.Being said for user only needs oneself self-defined template oneself wants the effect of displaying to realize, it is not necessary to is set every time from newly
Meter is giving technology company's correcting modification.The funds for needing correcting and time are shortened, meets the effect that real time modifying uses.
Brief description of the drawings
Fig. 1 is the flow chart of the self-defined ticket templates method of the present invention;
Fig. 2 is the composition block diagram of the self-defined ticket templates system of the present invention;
Fig. 3 is the composition block diagram of ticket-operated button collection in the present invention;
Fig. 4 is the implementation process block diagram of control collection in the present invention;
Fig. 5 is the bill page presentation FB(flow block) after self-defined ticket templates in the present invention.
Embodiment
Below in conjunction with the drawings and specific embodiments, the present invention is further described.
Shown in reference picture 1, the present invention provides a kind of self-defined ticket templates method, comprises the following steps:
S101:Prepare control collection
The control collection includes the 1st a plurality of controls, covers the data that target bill possesses;According to the class of different target bill
Type, data volume are different, can be incorporated into commonly use control and self-defined control, and general character is classified as conventional control, such as included
Bidder Information, vendor information, the information of order product.The control of uncommon control or particular/special requirement is classified as self-defined control
Part.
S102:Edit bill title, type, size
For example, by single window, selection bill type, and typing bill title, size.
S103:Prepare painting canvas
The painting canvas can use online visual design method to carry out page layout design;The usual painting canvas is opened up automatically
Show, defined based on html.
S104:Self-defined target bill
The 2nd a plurality of controls are pulled to the painting canvas, attribute of the editor applied to the 2nd a plurality of controls of target bill
Pattern.
S105:Preview, preserve above-mentioned ticket templates.
With reference to figure 2 and Fig. 3, the present invention also provides one kind and realizes above-mentioned self-defined ticket templates system 1, including:
Control collection 10, cover the data that target bill is possessed;
Painting canvas 20, online visual design method can be used to carry out page layout design;
Fare basis window 40, for editing the title, type, dimension information of bill.
Control property editing machine 30, control collection of the editor applied to target bill;
Ticket-operated button collection 50, for being exported to bill.
Wherein, the control collection 10 covers Bidder Information, vendor information, the information of order product.
The ticket-operated button collection 50 includes:Print Preview 501, preserve template 502, Save and Close 503.
The control collection also includes self-defined construction element, and the self-defined construction element includes local picture control.
With reference to figure 4, the implementation of control collection 10 (some control buttons) is as follows in the present invention:
Html+JS+CSS judges the type of control, and its realizes effect, then shows HTML controls in menu bar, by dragging
Assignment is dragged to painting canvas, visualization is carried out and shows.
With reference to figure 5, in of the invention, number is stored in by using some billing informations of a certain self-defined ticket templates input
According to (for example, billing information includes numerical value corresponding to bill odd numbers and each control) in storehouse, when needing to recall selection, number is read
According to library template (for example, a certain bill odd numbers), system judges control type, calculates corresponding data according to formula, realizes control
The replacement of data, the bill page corresponding to the bill odd numbers is shown with this.
Above-mentioned self-defined ticket templates system 1, it can be made accordingly according to the data that all kinds of documents to be met possess first
Many controls (be above-mentioned control collection 10), user pulls control according to the bill of oneself and arrives painting canvas, click control editor
The attribute pattern of control, then inputs oneself billing information, then preserves the bill.The bill is subsequently exported according to corresponding data
When will be exported according to customized pattern.This feature operation is convenient, and meeting ticket templates can change at any time, and various
The typesetting of pattern.
Said for user only need oneself self-defined template realize oneself want displaying effect, it is not necessary to every time from
Technology company's correcting modification is being given in new design, is shortened the funds for needing correcting and time, is met the effect that real time modifying uses
Fruit.
The preferred embodiments of the present invention are the foregoing is only, are not intended to limit the scope of the invention, it is every at this
Under the inventive concept of invention, the equivalent structure transformation made using description of the invention and accompanying drawing content, or directly/use indirectly
It is included in other related technical areas in the scope of patent protection of the present invention.
Claims (5)
- A kind of 1. self-defined ticket templates method, it is characterised in that comprise the following steps:Prepare control collection, the control collection includes the 1st a plurality of controls, covers the data that target bill possesses;Edit bill title, type, size;Prepare painting canvas, the painting canvas can use online visual design method to carry out page layout design;The 2nd a plurality of controls are pulled to the painting canvas, attribute sample of the editor applied to the 2nd a plurality of controls of target bill Formula;Preview, preserve above-mentioned ticket templates.
- 2. self-defined ticket templates method according to claim 1, it is characterised in that the 1st a plurality of controls are covered Bidder Information, vendor information, the information of order product.
- 3. the system of self-defined ticket templates method according to claim 1 or 2, it is characterised in that including:Control collection, cover the data that target bill is possessed;Painting canvas, online visual design method can be used to carry out page layout design;Fare basis window, for editing the title, type, dimension information of bill;Control property editing machine, control collection of the editor applied to target bill;Ticket-operated button collection, for being exported to bill.
- 4. self-defined ticket templates system according to claim 3, it is characterised in that the control collection also includes self-defined Element is constructed, the self-defined construction element includes local picture control.
- 5. self-defined ticket templates system according to claim 3, it is characterised in that the ticket-operated button Ji Bao Include:Print Preview, preserve template, Save and Close.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710731902.6A CN107562706A (en) | 2017-08-23 | 2017-08-23 | Self-defined ticket templates method and system |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710731902.6A CN107562706A (en) | 2017-08-23 | 2017-08-23 | Self-defined ticket templates method and system |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107562706A true CN107562706A (en) | 2018-01-09 |
Family
ID=60976464
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710731902.6A Pending CN107562706A (en) | 2017-08-23 | 2017-08-23 | Self-defined ticket templates method and system |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107562706A (en) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108319435A (en) * | 2018-01-24 | 2018-07-24 | 北京三快在线科技有限公司 | Method of printing, device and the electronic equipment of bill |
CN108536658A (en) * | 2018-03-06 | 2018-09-14 | 杭州优工品科技有限公司 | For customized label data generation method and device |
CN108846448A (en) * | 2018-06-05 | 2018-11-20 | 浪潮软件股份有限公司 | A kind of quotient based on digital location technology, which is overpriced, signs Method of printing |
CN109375906A (en) * | 2018-10-29 | 2019-02-22 | 中国银行股份有限公司 | One kind being based on visual voucher program creating method and device |
CN110347345A (en) * | 2019-01-21 | 2019-10-18 | 美恒通智能电子(广州)股份有限公司 | Bluetooth, wifi based on Android and ios system edit Small Ticket Printing System |
CN111274780A (en) * | 2020-01-17 | 2020-06-12 | 浙江中控技术股份有限公司 | Two-ticket management method and system |
CN111625208A (en) * | 2020-05-29 | 2020-09-04 | 浙江百世技术有限公司 | Template receipt custom printing method |
CN112149034A (en) * | 2020-09-17 | 2020-12-29 | 山谷网安科技股份有限公司 | Universal method and system for simplifying webpage making |
CN112565851A (en) * | 2020-11-27 | 2021-03-26 | 福州智象信息技术有限公司 | Method and device for personalized configuration of television homepage through mobile phone terminal |
CN113312892A (en) * | 2021-06-10 | 2021-08-27 | 车智互联(北京)科技有限公司 | Coupon generation method, computing device and storage medium |
WO2021218535A1 (en) * | 2020-04-30 | 2021-11-04 | 华为技术有限公司 | Ui control generation and trigger methods, and terminal |
CN115186643A (en) * | 2022-07-21 | 2022-10-14 | 平安科技(深圳)有限公司 | Self-defined configuration method, device, equipment and storage medium of sign-up template |
CN117270800A (en) * | 2023-11-20 | 2023-12-22 | 浙江口碑网络技术有限公司 | Data processing method and device |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101908044A (en) * | 2009-06-04 | 2010-12-08 | 上海灵慧软件技术有限公司 | Dynamically adjustable template and using method thereof |
CN102841791A (en) * | 2012-07-12 | 2012-12-26 | 上海高洁信息科技股份有限公司 | Method and system for generating online form |
CN104267949A (en) * | 2014-09-25 | 2015-01-07 | 成都国科海博信息技术股份有限公司 | Form designer and form design method |
-
2017
- 2017-08-23 CN CN201710731902.6A patent/CN107562706A/en active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101908044A (en) * | 2009-06-04 | 2010-12-08 | 上海灵慧软件技术有限公司 | Dynamically adjustable template and using method thereof |
CN102841791A (en) * | 2012-07-12 | 2012-12-26 | 上海高洁信息科技股份有限公司 | Method and system for generating online form |
CN104267949A (en) * | 2014-09-25 | 2015-01-07 | 成都国科海博信息技术股份有限公司 | Form designer and form design method |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108319435A (en) * | 2018-01-24 | 2018-07-24 | 北京三快在线科技有限公司 | Method of printing, device and the electronic equipment of bill |
CN108536658A (en) * | 2018-03-06 | 2018-09-14 | 杭州优工品科技有限公司 | For customized label data generation method and device |
CN108536658B (en) * | 2018-03-06 | 2024-01-23 | 杭州优工品科技有限公司 | Method and device for generating custom tag data |
CN108846448A (en) * | 2018-06-05 | 2018-11-20 | 浪潮软件股份有限公司 | A kind of quotient based on digital location technology, which is overpriced, signs Method of printing |
CN109375906A (en) * | 2018-10-29 | 2019-02-22 | 中国银行股份有限公司 | One kind being based on visual voucher program creating method and device |
CN109375906B (en) * | 2018-10-29 | 2022-02-01 | 中国银行股份有限公司 | Visualization-based credential program generation method and device |
CN110347345A (en) * | 2019-01-21 | 2019-10-18 | 美恒通智能电子(广州)股份有限公司 | Bluetooth, wifi based on Android and ios system edit Small Ticket Printing System |
CN111274780A (en) * | 2020-01-17 | 2020-06-12 | 浙江中控技术股份有限公司 | Two-ticket management method and system |
WO2021218535A1 (en) * | 2020-04-30 | 2021-11-04 | 华为技术有限公司 | Ui control generation and trigger methods, and terminal |
CN111625208A (en) * | 2020-05-29 | 2020-09-04 | 浙江百世技术有限公司 | Template receipt custom printing method |
CN112149034B (en) * | 2020-09-17 | 2023-06-27 | 山谷网安科技股份有限公司 | General method and system for simplifying webpage making |
CN112149034A (en) * | 2020-09-17 | 2020-12-29 | 山谷网安科技股份有限公司 | Universal method and system for simplifying webpage making |
CN112565851A (en) * | 2020-11-27 | 2021-03-26 | 福州智象信息技术有限公司 | Method and device for personalized configuration of television homepage through mobile phone terminal |
CN112565851B (en) * | 2020-11-27 | 2024-05-14 | 福州智象信息技术有限公司 | Method and device for personalized configuration of television homepage through mobile phone terminal |
CN113312892A (en) * | 2021-06-10 | 2021-08-27 | 车智互联(北京)科技有限公司 | Coupon generation method, computing device and storage medium |
CN113312892B (en) * | 2021-06-10 | 2024-04-23 | 车智互联(北京)科技有限公司 | Coupon generation method, computing device and storage medium |
CN115186643A (en) * | 2022-07-21 | 2022-10-14 | 平安科技(深圳)有限公司 | Self-defined configuration method, device, equipment and storage medium of sign-up template |
CN117270800A (en) * | 2023-11-20 | 2023-12-22 | 浙江口碑网络技术有限公司 | Data processing method and device |
CN117270800B (en) * | 2023-11-20 | 2024-02-06 | 浙江口碑网络技术有限公司 | Data processing method and device |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107562706A (en) | Self-defined ticket templates method and system | |
AU2005201891B2 (en) | Colorized template previews | |
JP4095558B2 (en) | Document processing apparatus, document processing method, and computer program | |
US8713419B2 (en) | Electronic product design | |
US7469380B2 (en) | Dynamic document and template previews | |
CN100399332C (en) | Template document layout | |
US20060174199A1 (en) | Web-based design system | |
US20050195436A1 (en) | Print data editing apparatus and print data editing program | |
US20090006951A1 (en) | Document processing method | |
US20080155469A1 (en) | Apparatus and method for processing information, and program and storage medium | |
CN109062567A (en) | Information management system quick development platform based on B/S structure | |
CN109711922A (en) | Part method, apparatus, system and storage medium are posted in customization | |
Hrabovskyi et al. | The methodology of developing a mobile application design for creating a genealogical tree | |
US20100269036A1 (en) | System and method for designing and generating online stationery | |
JP2017097686A (en) | Information processing unit, control method thereof and program | |
JP2004220548A (en) | Medium production information system | |
CN113269583A (en) | Content production method and device and electronic equipment | |
JPS59212838A (en) | Method for designing slips and vouchers | |
JP2006072518A (en) | Information processor, information processing method, and program | |
JP2016126618A (en) | Printing data generation system | |
WO2014050960A1 (en) | Electronic publication creation device, electronic publication creation method, electronic publication perusal system, viewer device, and electronic publication perusal method | |
KR20140004852A (en) | A method for building cardbook using knowledge card based on digital information | |
JP5684066B2 (en) | Accounting management device in magazine production process | |
CN117707526A (en) | Method for realizing rapid generation of form based on free dragging control in operation and maintenance scene | |
JP4241551B2 (en) | Information processing apparatus, information processing method, and program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180109 |