CN107239291A - Method for templated query configuration in mobile application - Google Patents
Method for templated query configuration in mobile application Download PDFInfo
- Publication number
- CN107239291A CN107239291A CN201710442741.9A CN201710442741A CN107239291A CN 107239291 A CN107239291 A CN 107239291A CN 201710442741 A CN201710442741 A CN 201710442741A CN 107239291 A CN107239291 A CN 107239291A
- Authority
- CN
- China
- Prior art keywords
- page
- data
- template
- templated
- application
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 26
- 230000006978 adaptation Effects 0.000 claims description 3
- 238000001914 filtration Methods 0.000 claims description 3
- 238000012546 transfer Methods 0.000 claims description 3
- 239000007787 solid Substances 0.000 claims 1
- 238000011161 development Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 241001269238 Data Species 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000007689 inspection Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The invention discloses a method for templated query configuration in mobile application, which comprises the steps of loading a specified template through a ui-route component in a form of single-page application on mobile equipment by using a JavaScript framework angular component, binding template data to a specified application page, and obtaining and displaying data of each part of the page. Compared with the prior art, the method for the templated query configuration in the mobile application has the advantages that the templated query configuration is used on the single-page application on the basis of html5 of the mobile device to display the query report through the routing function, the greatest advantage is in user experience, and the whole page does not need to be loaded for the change of the content; the method has the advantages of low pressure on the server, less bandwidth consumption, better combination with a service-oriented architecture, strong practicability, wide application range and easy popularization.
Description
Technical field
The present invention relates to software application technology field, specifically one kind can reduce the development time, improve development efficiency
Mobile solution in templated query configuration method.
Background technology
In the exploitation of existing Mobile solution query function, designer provides table sample and data definition, art designing personnel according to
Table sample designs front page layout, and developer develops back office interface according to data definition, and tripartite's cooperation completes a table sample.
Because Mobile solution is using mobile device especially mobile phone as this, mobile execution environment is complicated, especially mobile phone operating system
Update frequent, new hardware new features emerge in an endless stream, the performance of mobile device and computer difference are generally than larger, and display screen is again
All the time portable degree is maintained, to the body under Mobile solution operability, the speed of service, offline ability, special display effect, distinct device
Test consistent, have very high requirement compared to computer, art designing personnel need to take a considerable amount of time design application interface, designed
Interface proposes very high requirement to developer to keep being adapted to for interface and data again.
Current model customization developing instrument, supports fairly perfect, report customization is fast, respectively to computer browser
Kind component can synthesize a form rapidly by pull-type operation and be issued, but because the complexity of Mobile solution, these works
Tool is difficult to the universality that meets Mobile Development, same component in Mobile solution compared with computer browser, in size, position
Put, special efficacy, trigger event, social shared interface, differ greatly in terms of the interaction of calling mobile phone functional interface.Due to mobile device
Performance limitation, the form that current model customization instrument is produced is in terms of html5 cachings, single-page application, being locally stored
These new technologies or theory are difficult with, being difficult to satisfied Mobile solution by shirtsleeve operation inquires about report
Table.
Based on this, the method that this patent provides templated query configuration in a kind of Mobile solution solved the above problems.
The content of the invention
The technical assignment of the present invention is can to reduce the development time there is provided one kind for above weak point, improves exploitation effect
The method of templated query configuration in the Mobile solution of rate.
A kind of method of templated query configuration in Mobile solution, is being moved using JavaScript framework angular components
In dynamic equipment in the form of single-page is applied, loaded by ui-route components and specify template, template data is tied to specified
In five application page, obtain the data of page each several part and show.
The form of described single-page application refers to, uses angular and ui-route routing resolutions address hashbang
Obtain data definition numbering and template address.
The specified template includes backstage template table, data-interface and five application page, wherein backstage template table storage template
Data message；Data-interface is used to connect five application page and backstage template table；Five application page is placed in foreground, for providing template
Page, the request input of complete call information.
Data standard of the backstage template table to fill in the Mobile solution page, the data standard comprising page title,
Data source, data form definition, page back address, page retrieval condition, ECHARTS are set, in application server deployment
The five application page of adaptation data specification, when accessing the Mobile solution page by equipment, is obtained according to hashbang values in reference address
The data standard that background data base has been configured is taken, the data definition of page each several part is obtained and shows.
Described template data is stored in the template table of backstage, and the template data includes template number, page title, retrieval
Condition, filter condition, sequence, hyperlink, echarts configuration informations.
In the template data of the backstage template table storage, page title refers to the title of five application page；Search condition bag
Include conditional name, initial value；Filter prompting that filter condition refers to occur during filter filtering, the data attribute to be filtered or
Field；Sequence refers to specific sortord, and the sortord includes Chinese character sort mode, numeric sorting mode or do not allow row
Sequence；Hyperlink refers to the parameter definition in hyperlink address and address；Echarts, which is set, refers to whether can show that echarts schemes
Setting.
The backstage template table is defined the form that composition data form is described with data source by data gauge outfit, wherein, table
Head definition comprising the field name of each attribute of data, display Name, display length, consistency from top to bottom mode, display format transfer function,
Parameter definition in sortord, hyperlink address and address, whether can show that echarts schemes；Data source is a result
Collection, each field in being defined comprising gauge outfit is defined by SQL.
The data-interface is obtained the data definition in the template table of backstage, is got definition by foreground page template request call
Afterwards, according to data source SQL query data, five application page is then returned to JSON forms, information displaying is completed.
The homepage of the five application page is used as single-page route application by Angular components, with ui-route controls
Route is accessed, and specific access process is：The address of configuration access application, sets hashbang values, according to the hashbang first
Value obtains template number and template address；Ui-route is transmitted to specific template controller, template by hashbang resolution parameters
Controller is defined according to template number to backstage request data, and the template html addresses for requiring loading are pointed to according to template address,
Data definition is bundled on page assembly by angular instructions after the completion of request.
The page assembly includes query frame, filter frame, form, echarts charts.
The present invention a kind of Mobile solution in templated query configuration method compared to the prior art, with following beneficial
Effect：
The method of templated query configuration in a kind of Mobile solution of the present invention, being used on the basis of the html5 of mobile device will
Templating configuration inquires about form in single-page by routing function displaying, and maximum advantage is Consumer's Experience, for
The change of content need not load full page；To server stress very little, less bandwidth is consumed, with Enterprise SOA
Preferably combine, it is practical, it is applied widely, it is easy to promote.
Embodiment
With reference to specific embodiment, the invention will be further described.
A kind of method of templated query configuration in Mobile solution, the development time can be reduced using this method, improve exploitation
Efficiency.The technical scheme is that：Drawing template establishment allocation list in platform database after application, to fill in
The data standard of the Mobile solution page, includes page title, data source, data form definition, page back address, page inspection
Rope condition, ECHARTS is set, and in the template page of application server deployment adaptation data specification, is moved being accessed by equipment
During five application page, the data standard that background data base has been configured is obtained according to hashbang values in reference address, the page is obtained each
Partial data definition is simultaneously shown.
It implements process：On the mobile apparatus should with single-page using JavaScript framework angular components
Form, is loaded by ui-route components and specifies template, template data is tied in specified five application page, obtains the page
The data of each several part are simultaneously shown.
The form of described single-page application refers to, uses angular and ui-route routing resolutions address hashbang
Obtain data definition numbering and template address.
The specified template includes backstage template table, data-interface and five application page, wherein backstage template table storage template
Data message；Data-interface is used to connect five application page and backstage template table；Five application page is placed in foreground, for providing template
Page, the request input of complete call information.
Described template data is stored in the template table of backstage, and the template data includes template number, page title, retrieval
Condition, filter condition, sequence, hyperlink, echarts configuration informations.
In the template data of the backstage template table storage, page title refers to the title of five application page；Search condition bag
Include conditional name, initial value；Filter prompting that filter condition refers to occur during filter filtering, the data attribute to be filtered or
Field；Sequence refers to specific sortord, and the sortord includes Chinese character sort mode, numeric sorting mode or do not allow row
Sequence；Hyperlink refers to the parameter definition in hyperlink address and address；Echarts, which is set, refers to whether can show that echarts schemes
Setting.
The backstage template table is defined the form that composition data form is described with data source by data gauge outfit, wherein, table
Head definition comprising the field name of each attribute of data, display Name, display length, consistency from top to bottom mode, display format transfer function,
Parameter definition in sortord, hyperlink address and address, whether can show that echarts schemes；Data source is a result
Collection, each field in being defined comprising gauge outfit is defined by SQL.
The data-interface is obtained the data definition in the template table of backstage, is got definition by foreground page template request call
Afterwards, according to data source SQL query data, five application page is then returned to JSON forms, information displaying is completed.
The five application page is based on html5 specifications, quotes AngularJS the and ui-route modules and hundred of v1.3.8 versions
ECHARTS figure modules are spent, in width>=320p and height>Developed in=480px size.
Its homepage introduces Angular components as single-page and route application, is accessed with ui-route control routes.Configuration
The address for accessing application sets hashbang values to include template number and template address, and ui-route is decomposed by hashbang to join
Number is transmitted to specific template controller, and template controller is defined to backstage request data according to template number, referred to according to template address
Loading template html addresses are required to application server, is defined after the completion of request by angular director datas and is bundled in page group
Part（Including query frame, filter frame, form, echarts charts etc.）, the sequences of data, hyperlink, echart attributes be gauge outfit and
Data binding corresponding operating is also all based on angular instructions to realize.
By embodiment above, the those skilled in the art can readily realize the present invention.But should
Work as understanding, the present invention is not limited to above-mentioned embodiment.On the basis of disclosed embodiment, the technical field
Technical staff can be combined different technical characteristics, so as to realize different technical schemes.
It is the known technology of those skilled in the art in addition to the technical characteristic described in specification.
Claims (10)
1. a kind of method of templated query configuration in Mobile solution, it is characterised in that use JavaScript frameworks angular
Component in the form of single-page is applied, is loaded by ui-route components on the mobile apparatus and specifies template, template data is tied up
Determine into specified five application page, the data for obtaining page each several part are simultaneously shown.
2. the method for templated query configuration in a kind of Mobile solution according to claim 1, it is characterised in that described
The form of single-page application refers to that obtaining data definition using angular and ui-route routing resolutions address hashbang compiles
Number and template address.
3. the method for templated query configuration in a kind of Mobile solution according to claim 1, it is characterised in that the finger
Solid plate includes backstage template table, data-interface and five application page, wherein backstage template table storing template data information；Data connect
Mouth is used to connect five application page and backstage template table；Five application page is placed in foreground, for providing page template, complete call information
Request input.
4. the method for templated query configuration in a kind of Mobile solution according to claim 3, it is characterised in that after described
Data standard of the platform template table to fill in the Mobile solution page, the data standard includes page title, data source, tables of data
Lattice definition, page back address, page retrieval condition, ECHARTS are set, in answering for application server deployment adaptation data specification
With the page, when accessing the Mobile solution page by equipment, background data base configuration is obtained according to hashbang values in reference address
Good data standard, obtains the data definition of page each several part and shows.
5. the method for templated query configuration in a kind of Mobile solution according to claim 4, it is characterised in that described
Template data is stored in the template table of backstage, the template data comprising template number, page title, search condition, filter condition,
Sequence, hyperlink, echarts configuration informations.
6. the method for templated query configuration in a kind of Mobile solution according to claim 5, it is characterised in that after described
In the template data of platform template table storage, page title refers to the title of five application page；Search condition includes conditional name, initial
Value；Filter condition refers to the filter prompting occurred during filter filtering, the data attribute to be filtered or field；Sequence refers to tool
The sortord of body, the sortord includes Chinese character sort mode, numeric sorting mode or does not allow sequence；Hyperlink refers to surpass
Parameter definition in chained address and address；Echarts, which is set, refers to whether the setting of echarts figures can be shown.
7. the method for templated query configuration in a kind of Mobile solution according to claim 6, it is characterised in that after described
Platform template table is defined the form that composition data form is described with data source by data gauge outfit, wherein, gauge outfit definition includes data
The field name of each attribute, display Name, display length, consistency from top to bottom mode, display format transfer function, sortord, hyperlink
Ground connection location and parameter definition in address, whether can show that echarts schemes；Data source is a result set, fixed comprising gauge outfit
Each field in justice, is defined by SQL.
8. the method for templated query configuration in a kind of Mobile solution according to claim 4, it is characterised in that the number
According to interface by foreground page template request call, the data definition in the template table of backstage is obtained, is got after definition, according to data source
SQL query data, then return to five application page with JSON forms, complete information displaying.
9. the method for templated query configuration in a kind of Mobile solution according to claim 4, it is characterised in that described to answer
Single-page route application is used as by Angular components with the homepage of the page, accessed with ui-route control routes, it is specific to visit
The process of asking is：First configuration access application address, set hashbang values, according to the hashbang values acquisition template number and
Template address；Ui-route is transmitted to specific template controller by hashbang resolution parameters, and template controller is compiled according to template
Number to backstage request data define, according to template address point to require loading template html addresses, after the completion of request by
Data definition is bundled on page assembly by angular instructions.
10. the method for templated query configuration in a kind of Mobile solution according to claim 9, it is characterised in that described
Page assembly includes query frame, filter frame, form, echarts charts.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710442741.9A CN107239291A (en) | 2017-06-13 | 2017-06-13 | Method for templated query configuration in mobile application |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710442741.9A CN107239291A (en) | 2017-06-13 | 2017-06-13 | Method for templated query configuration in mobile application |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107239291A true CN107239291A (en) | 2017-10-10 |
Family
ID=59986981
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710442741.9A Pending CN107239291A (en) | 2017-06-13 | 2017-06-13 | Method for templated query configuration in mobile application |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107239291A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108762697A (en) * | 2018-05-25 | 2018-11-06 | 苏宁易购集团股份有限公司 | A kind of Method of printing and device based on browser end |
| CN110633082A (en) * | 2019-09-26 | 2019-12-31 | 山东浪潮商用系统有限公司 | Dynamic data display method and system combining echart and html |
| CN111290912A (en) * | 2020-01-22 | 2020-06-16 | 北京百度网讯科技有限公司 | Single-page application performance monitoring method and device and electronic equipment |
| CN112417343A (en) * | 2020-12-29 | 2021-02-26 | 中科院计算技术研究所大数据研究院 | Method for caching data based on front-end Angular frame |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103970534A (en) * | 2014-04-15 | 2014-08-06 | 百度在线网络技术（北京）有限公司 | Method and equipment for supplying rendered page in mobile application |
| CN104268258A (en) * | 2014-10-09 | 2015-01-07 | 北京国双科技有限公司 | Webpage multilevel routing method and device |
| CN106254121A (en) * | 2016-08-11 | 2016-12-21 | 浪潮软件股份有限公司 | Method for automatically deploying and managing big data cluster |
-
2017
- 2017-06-13 CN CN201710442741.9A patent/CN107239291A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103970534A (en) * | 2014-04-15 | 2014-08-06 | 百度在线网络技术（北京）有限公司 | Method and equipment for supplying rendered page in mobile application |
| CN104268258A (en) * | 2014-10-09 | 2015-01-07 | 北京国双科技有限公司 | Webpage multilevel routing method and device |
| CN106254121A (en) * | 2016-08-11 | 2016-12-21 | 浪潮软件股份有限公司 | Method for automatically deploying and managing big data cluster |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108762697A (en) * | 2018-05-25 | 2018-11-06 | 苏宁易购集团股份有限公司 | A kind of Method of printing and device based on browser end |
| CN108762697B (en) * | 2018-05-25 | 2023-06-23 | 苏宁易购集团股份有限公司 | Printing method and device based on browser end |
| CN110633082A (en) * | 2019-09-26 | 2019-12-31 | 山东浪潮商用系统有限公司 | Dynamic data display method and system combining echart and html |
| CN111290912A (en) * | 2020-01-22 | 2020-06-16 | 北京百度网讯科技有限公司 | Single-page application performance monitoring method and device and electronic equipment |
| CN112417343A (en) * | 2020-12-29 | 2021-02-26 | 中科院计算技术研究所大数据研究院 | Method for caching data based on front-end Angular frame |
| CN112417343B (en) * | 2020-12-29 | 2021-08-31 | 中科院计算技术研究所大数据研究院 | Method for caching data based on front-end Angular frame |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109684054B (en) | Information processing method and device, electronic equipment and memory | |
| CN107239291A (en) | Method for templated query configuration in mobile application | |
| CN105205117B (en) | A kind of tables of data moving method and device | |
| CN108197237B (en) | Visual data acquisition and display system | |
| CN106569801A (en) | Complex parameter-based configuration display control system | |
| CN109408746A (en) | Portrait information query method, device, computer equipment and storage medium | |
| CN109636306A (en) | Node-flow shifting method, device, terminal and storage medium | |
| CN108829381A (en) | Data visualization method and device | |
| CN106776307A (en) | Method for testing software and system | |
| CN102789317A (en) | Method and device for accelerating text input | |
| CN108664386A (en) | A kind of automated testing method and platform | |
| CN108776592A (en) | A kind of method, apparatus of page makeup, equipment and storage medium | |
| CN105808701A (en) | Method and system for realizing automatic verification of form and communication among multiple systems | |
| CN109117127A (en) | Program code generation method, device and computer readable storage medium | |
| CN114741079B (en) | Software development method, platform, electronic device and computer readable storage medium | |
| CN112083919A (en) | YAML template-based target service code generation method and device | |
| CN110888634B (en) | Game floor page generation method, game floor page generation device, computer equipment and storage medium | |
| CN110198327A (en) | A kind of data transmission method and relevant device | |
| CN109657023B (en) | Scenic spot dynamic electronic map drawing method, server and system | |
| CN116339715A (en) | Front-end page construction method and device, electronic equipment and storage medium | |
| CN114328492B (en) | Data processing method and related device for enterprise application integration | |
| CN115185960A (en) | Data processing method, data association system, and computer-readable storage medium | |
| CN112416995B (en) | Data statistics method, device, computer equipment and storage medium | |
| CN105786937B (en) | General purpose table entity selection converter and selection conversion method based on ECP platform | |
| CN104133872B (en) | A kind of news list methods of exhibiting and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20171010 |