CN109358843A - A kind of Fast Page building method towards financial terminal transaction - Google Patents
A kind of Fast Page building method towards financial terminal transaction Download PDFInfo
- Publication number
- CN109358843A CN109358843A CN201811158045.6A CN201811158045A CN109358843A CN 109358843 A CN109358843 A CN 109358843A CN 201811158045 A CN201811158045 A CN 201811158045A CN 109358843 A CN109358843 A CN 109358843A
- Authority
- CN
- China
- Prior art keywords
- page
- configuration
- file
- template
- financial terminal
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a kind of Fast Pages towards financial terminal transaction to construct method, from financial terminal transaction scene, defines configurable page element；Page Template file is generated using json file configuration；According to Page Template file, the html page needed for dynamic generation；The process of page configuration publication is the following steps are included: define item page each element style, save as the default style, the corresponding css of each element is stored in the stylesheet files of entitled site.css, import predefined module, predefined template is introduced from public resource library, is configured page elements using page development tool, is generated new page configuration file, publication, dynamic generation html file.By the above-mentioned means, the present invention can help developer quickly to design and construct the page, difference is understood caused by both sides' demand is not reciprocity in solution project, reduces communication and maintenance cost.
Description
Technical field
The present invention relates to financial terminal field, more particularly to one kind can get deeply involved in business essence, templating, can quickly match
The Fast Page towards financial terminal transaction set constructs method.
Background technique
Currently, during developing a terminal software project, client can not often be made accurately the demand at interface
Description is typically only capable to broadly point out the function that some interface needs to realize, but the detailed design at interface can not be provided
It more accurately defines, in modern software, the exploitation at interface is very important part in a project, if early period links up not
Freely, it will cause a large amount of repetition to do over again, significant impact caused to project quality and progress, therefore with regard to Items in order developer's energy
It is enough to design and develop as soon as possible interface prototype, iteration is quickly updated, developer and client can be total based on the tangible page
It with the perfect of the demand of propulsion, avoids information inconsistent, reduces and link up cost.
From the point of view of practical experience, if suitable tool can be introduced during Pages Design and exploitation, undoubtedly by pole
The earth improves development efficiency, reduces the workload of development deployment.However current some web page developing instruments, often mention
For a set of general, unrelated with business interface template and interface, deep interface will not be done for financial terminal Software Industry
Encapsulation, cannot be well adapted for the demand of business, and the requirement of quickly change and iteration can not be met in scalability.
Summary of the invention
The invention mainly solves the technical problem of providing a kind of Fast Pages towards financial terminal transaction to construct method,
Page elements plug-in unit gos deep into financial terminal software trade scene, extracts public page elements, and design is suitable for business essence
Element property, as reusable component；Page Template, to fast implement certain types of page prototyping, for not
Same transaction page type designs different templates, and it is secondary to be directly based upon specified template when developing the similar page of specific project
Exploitation；Visual development mode, public page elements and template page are integrated in the tool, one is developed by way of dilatory
A new page, tool interior is according to the page file dynamic generation new page of configuration.
In order to solve the above technical problems, one technical scheme adopted by the invention is that: it provides a kind of towards financial terminal friendship
Easy Fast Page constructs method, comprising: page elements attribute definition, Page Template configuration and page configuration publication；The page
Surface element attribute definition defines configurable page element, to the member not in default scoping from financial terminal transaction scene
Element provides JS card i/f, and according to the new element type of business demand self-defining, financial terminal business functionally can be by it
The page is divided into three categories: information display type, information input type, function selection type；The Page Template configuration uses json text
Part configuration generates Page Template file, the corresponding a kind of general character page of a template；When the page configuration is issued, according to page mould
Plate file, the html page needed for dynamic generation；The process of the page configuration publication is the following steps are included: define item page
Each element style, saves as the default style, and the corresponding css of each element is stored in the stylesheet files of entitled site.css, leads
Enter predefined module, predefined template is introduced from public resource library, configures page elements using page development tool, is generated new
Page configuration file, publication, dynamic generation html file.
Further, configurable page element include: label (call tag), button (button), edit (input frame),
Image (picture tag), table (table), camera (camera label), signature (signature area label), select
(drop-down list), countdown (countdown label), navigation (navigation strip area).
The beneficial effects of the present invention are: the present invention follows MVC principle, including page elements attribute design, Page Template are set
Meter, developing instrument design, publication process design, push the simplification and standardization of item page development process；The present invention can
It helps developer quickly to design and construct the page, difference is understood caused by both sides' demand is not reciprocity in solution project, reduce ditch
Logical and maintenance cost, solves the problems, such as that company's development teams face in the actual production process, has biggish practical and pushes away
Wide value.
Detailed description of the invention
Fig. 1 is page configuration publication process in a kind of Fast Page building method towards financial terminal transaction of the present invention
Figure；
Fig. 2 is the design of universal button button in a kind of shown Fast Page building method towards financial terminal transaction
Attribute list.
Specific embodiment
The preferred embodiments of the present invention will be described in detail with reference to the accompanying drawing, so that advantages and features of the invention energy
It is easier to be readily appreciated by one skilled in the art, so as to make a clearer definition of the protection scope of the present invention.
Fig. 1 and Fig. 2 are please referred to, the embodiment of the present invention includes:
It is a kind of towards financial terminal transaction Fast Page construct method, this method from financial terminal trade scene,
Required configurable page element is defined first provides JS card i/f to the element not in default scoping, it can be according to business
The new element type of demand self-defining；For financial terminal business, its page can be functionally divided into three categories: letter
Cease display type, information input type, function selection type.Excessive nesting is not had inside the single page, will not include very complicated
Service logic, main workload are the setting unit to wherein page elements pattern, thus this method default support can
Configuration element has: label (call tag), button (button), edit (input frame), image (picture tag), table (table
Lattice), camera (camera label), signature (signature area label), select (drop-down list), countdown (count
When label), navigation (navigation strip area), every kind of label possesses different attributes, css of a part for defining itself
Pattern, a part are used to define the interface of data interaction, such as data source, response events handle function, and the page itself is also gathered around
There are attribute, including background (background), timeout (time-out) etc., by taking universal button button as an example, design attributes are such as
Shown in Fig. 2.
As shown in Figure 2, when designing and developing a button button, if there is general button pattern class can in project
Other attributes setting in attribute in relation to pattern then can be ignored in choosing；If the pattern class of default is unsatisfactory for the needs of project,
New button style can be realized by the way that Custom Attributes is arranged.
Page Template uses json file configuration, and the corresponding a kind of general character page of a template, being substantially one includes
The json data object of one group of difference label, when publication, according to template file, the html page needed for dynamic generation.Configuration
It is as shown in Figure 1 to issue process.
This example with QT realize page configuration tool, using json (full name JavaScript Object Notation) as
The data format of page configuration file introduces the library jquery parsing template and generates dynamic page.The specific works of the embodiment
Mode is as follows:
1, page style needed for definition project, the corresponding css of each element are stored in the style sheet text of entitled site.css
In part.
2, develop page configuration tool using QT, main interface is divided into three parts: left side sidebar provides each element icon, center
Region is main editing area, and for putting page elements, right side sidebar is attribute of an element page.
3, Page Template is designed.Common page type is analyzed, determines Page Template element.It selects to need from left side sidebar
Page elements be dragged to central editing area, set the attribute of an element, save the Page Template be A_templet.json.
4, the page B to be developed is selected, uses page configuration tool to introduce template A and is laid out as default page, using silent
Recognize style sheet site.css, page elements are adjusted according to the specific requirement of page B, it is raw by page configuration tool after adjustment
At page B.html.
The present invention follows MVC principle, including the design of page elements attribute design, Page Template, developing instrument design, publication
Process design pushes the simplification and standardization of item page development process；The present invention can help developer quickly to design
With the building page, difference is understood caused by both sides' demand is not reciprocity in solution project, is reduced and is linked up and maintenance cost, solves public affairs
The problem that department's development teams face in the actual production process, has biggish practical and popularizing value.
The above description is only an embodiment of the present invention, is not intended to limit the scope of the invention, all to utilize this hair
Equivalent structure or equivalent flow shift made by bright specification and accompanying drawing content is applied directly or indirectly in other relevant skills
Art field, is included within the scope of the present invention.
Claims (2)
1. a kind of Fast Page towards financial terminal transaction constructs method characterized by comprising page elements attribute is fixed
Justice, Page Template configuration and page configuration publication；The page elements attribute definition is defined from financial terminal transaction scene
Configurable page element provides JS card i/f to the element not in default scoping, new according to business demand self-defining
Its page can be functionally divided into three categories by element type, financial terminal business: information display type, information input type, function
It can select type；The Page Template configuration generates Page Template file using json file configuration, and the corresponding one kind of a template is altogether
The property page；When the page configuration is issued, according to Page Template file, the html page needed for dynamic generation；The page is matched
The process of publication is set the following steps are included: defining item page each element style, saves as the default style, each element is corresponding
Css is stored in the stylesheet files of entitled site.css, imports predefined module, and predefined template is drawn from public resource library
Enter, configure page elements using page development tool, generates new page configuration file, publication, dynamic generation html file.
2. a kind of Fast Page towards financial terminal transaction according to claim 1 constructs method, it is characterised in that: can
Configuration page elements include: label (call tag), button (button), edit (input frame), image (picture tag),
Table (table), camera (camera label), signature (signature area label), select (drop-down list),
Countdown (countdown label), navigation (navigation strip area).
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811158045.6A CN109358843A (en) | 2018-09-30 | 2018-09-30 | A kind of Fast Page building method towards financial terminal transaction |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811158045.6A CN109358843A (en) | 2018-09-30 | 2018-09-30 | A kind of Fast Page building method towards financial terminal transaction |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109358843A true CN109358843A (en) | 2019-02-19 |
Family
ID=65348436
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811158045.6A Pending CN109358843A (en) | 2018-09-30 | 2018-09-30 | A kind of Fast Page building method towards financial terminal transaction |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109358843A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111258690A (en) * | 2020-01-10 | 2020-06-09 | 中国建设银行股份有限公司 | Method and device for constructing 3D page |
| CN112631587A (en) * | 2020-12-28 | 2021-04-09 | 南方电网深圳数字电网研究院有限公司 | Interface prototype design method, interface prototype operation method and storage medium |
| CN114546389A (en) * | 2022-04-25 | 2022-05-27 | 浙江大华技术股份有限公司 | Front-end page generation method, audio and video analysis method, device and medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103268227A (en) * | 2013-05-21 | 2013-08-28 | 上海吉贝克信息技术有限公司 | Method for rapidly developing BI platform based on EXTJS |
| US20140101528A1 (en) * | 2012-10-04 | 2014-04-10 | Tomer Pelleg | Automatic generation of portal themes and components |
| CN105373567A (en) * | 2014-09-01 | 2016-03-02 | 北京奇虎科技有限公司 | Page generation method and client |
| CN105447760A (en) * | 2015-11-13 | 2016-03-30 | 广东网金控股股份有限公司 | Templatizing and configuring method for standardized investing and financing transaction system |
| CN106648630A (en) * | 2016-12-01 | 2017-05-10 | 北京趣拿软件科技有限公司 | Page obtaining method and device |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
-
2018
- 2018-09-30 CN CN201811158045.6A patent/CN109358843A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140101528A1 (en) * | 2012-10-04 | 2014-04-10 | Tomer Pelleg | Automatic generation of portal themes and components |
| CN103268227A (en) * | 2013-05-21 | 2013-08-28 | 上海吉贝克信息技术有限公司 | Method for rapidly developing BI platform based on EXTJS |
| CN105373567A (en) * | 2014-09-01 | 2016-03-02 | 北京奇虎科技有限公司 | Page generation method and client |
| CN105447760A (en) * | 2015-11-13 | 2016-03-30 | 广东网金控股股份有限公司 | Templatizing and configuring method for standardized investing and financing transaction system |
| CN106648630A (en) * | 2016-12-01 | 2017-05-10 | 北京趣拿软件科技有限公司 | Page obtaining method and device |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
Non-Patent Citations (1)
| Title |
|---|
| 刘靖桐: "面向Web2.0的web应用前端开发框架的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111258690A (en) * | 2020-01-10 | 2020-06-09 | 中国建设银行股份有限公司 | Method and device for constructing 3D page |
| CN112631587A (en) * | 2020-12-28 | 2021-04-09 | 南方电网深圳数字电网研究院有限公司 | Interface prototype design method, interface prototype operation method and storage medium |
| CN114546389A (en) * | 2022-04-25 | 2022-05-27 | 浙江大华技术股份有限公司 | Front-end page generation method, audio and video analysis method, device and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103631597B (en) | WEB list engine apparatus based on XML and method | |
| CN109358843A (en) | A kind of Fast Page building method towards financial terminal transaction | |
| US8549393B2 (en) | Generation of electronic forms | |
| CN109062567A (en) | Information management system quick development platform based on B/S structure | |
| CN110032720A (en) | A kind of visualization report typesetting and automatic generation method and system based on XML | |
| WO2006107529A2 (en) | Method and system for aggregating rules for a property associated with a document element | |
| CN110825766A (en) | Query condition generation method and device, server and readable storage medium | |
| US7899846B2 (en) | Declarative model editor generation | |
| CN109669693A (en) | A kind of method and system generating forms pages based on dynamic page | |
| CN107589941A (en) | A kind of method of the instant seating maps scheduling based on DragDropMgr singletons | |
| CN113721901A (en) | Low-code financial data analysis visualization engine | |
| CN106610826A (en) | Making method and device for online scenario application | |
| JP2008158989A (en) | Gui creation device and gui creation method | |
| CN111368516A (en) | Visualized large-screen intelligent editing system | |
| CN103049260A (en) | Method and system for displaying user interface of software at client | |
| US10289388B2 (en) | Process visualization toolkit | |
| AU2021263673B2 (en) | A system and method for dynamically defining digital forms | |
| CN109086044A (en) | A kind of Simulation Model Development method component-based | |
| CN105718434A (en) | Natural language formula editing method and system | |
| US20130174064A1 (en) | Computer readable recording medium storing display control program and display control apparatus | |
| JP2017511946A (en) | System and method for automatic digital RFID printing and integration | |
| CN105045774B (en) | A kind of operating user interface handbook of What You See Is What You Get is write and generation method | |
| CN108132779A (en) | A kind of design and verification method of the visualization DF based on ARINC661 | |
| CN110908659A (en) | Method and system for automatically generating user operation interface according to interface definition | |
| Minas | VisualDiaGen–a tool for visually specifying and generating visual editors |
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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20210819 Address after: 215100 818 Wusong Road, Wusong River Industrial Park, Wuzhong development area, Suzhou, Jiangsu Applicant after: INSPUR FINANCIAL INFORMATION TECHNOLOGY Co.,Ltd. Address before: 215100 Building 1, 178 Tayun Road, Yuexi street, Wuzhong District, Suzhou City, Jiangsu Province Applicant before: SUZHOU INSPUR INTELLIGENT SOFTWARE Co.,Ltd. |
|
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190219 |