CN104461514A - Page layout adjustment method and device and digital terminal - Google Patents
Page layout adjustment method and device and digital terminal Download PDFInfo
- Publication number
- CN104461514A CN104461514A CN201410675644.0A CN201410675644A CN104461514A CN 104461514 A CN104461514 A CN 104461514A CN 201410675644 A CN201410675644 A CN 201410675644A CN 104461514 A CN104461514 A CN 104461514A
- Authority
- CN
- China
- Prior art keywords
- page
- current
- columns
- current page
- input item
- 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
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a page layout adjustment method and device and a digital terminal provided with the device. According to the method, the page size of a current page is obtained first, and then the number of presentation columns of current page input items is determined according to the corresponding relation between a preset page size and the number of the page presentation columns, so that the layout of the page is adjusted. Thus, by means of the page layout adjustment method and device, the number of the presentation columns of the page input items can be adjusted automatically according to the page size, and then the page input times can be presented completely in any page.
Description
Technical field
The application relates to webpage development field, more particularly, relates to a kind of page layout method of adjustment and device.
Background technology
In current enterprise application system, front end page exploitation mainly adopts html, JavaScript, CSS technology, the wherein framework of the html primary responsibility page, and JavaScript is responsible for the process of some page events, and CSS is mainly used in realizing style sheet.
For the page of a list class, usually can adopt html element table, page layout is managed, the requirement different according to client, two row are set to page input item or three row are shown, after being provided with, just immobilize when page presentation.But varying in size due to the page, thus cannot be complete when showing page input item be shown.
Summary of the invention
In view of this, the application provides a kind of page layout method of adjustment and device, according to the displaying columns of page size adjustment page input item, to carry out complete displaying to page input item.
To achieve these goals, the existing scheme proposed is as follows:
A kind of page layout method of adjustment, comprising:
Obtain the page size of current page;
According to the described page size preset and the corresponding relation of page presentation columns, determine the displaying columns of current page input item;
According to the displaying columns of described current page input item, current page layout is adjusted.
Preferably, the page size of described acquisition current page, comprising:
Obtain the pixel value of current page;
According to the page type of the size determination current page of described pixel value, described page type comprises the large page, the middle page and the little page.
Preferably, the page type of the described size determination current page according to described pixel value, comprising:
Page division pixel value being more than or equal to 1200px is the large page;
Pixel value is more than or equal to 992px and the page division being less than 1200px is the middle page;
Page division pixel value being less than 992px is the little page.
Preferably, the corresponding relation of the described page size that described basis is preset and page presentation columns, determine the displaying columns of current page input item, comprising:
When current page is the large page, determine that the displaying columns of current page input item is 6 row;
When current page is the middle page, determine that the displaying columns of current page input item is 3 row;
When current page is the little page, determine that the displaying columns of current page input item is 2 row.
A kind of page layout adjusting gear, comprising:
Information acquisition unit, for obtaining the page size of current page;
Show columns determining unit, for the corresponding relation according to the described page size preset and page presentation columns, determine the displaying columns of current page input item;
Page layout's adjustment unit, for the displaying columns according to described current page input item, adjusts current page layout.
Preferably, information acquisition unit comprises:
Page pixel gathers subelement, for obtaining the pixel value of current page;
Page type determining unit, for the page type of the size determination current page according to current page pixel value, wherein said page type comprises the large page, the middle page and the little page.
Preferably, described page type determining unit is the large page specifically for pixel value being more than or equal to the page division of 1200px; Pixel value is more than or equal to 992px and the page division being less than 1200px is the middle page; Page division pixel value being less than 992px is the little page.
Preferably, when described displaying columns determining unit is the large page specifically for current page, determine that the displaying columns of current page input item is 6 row; When current page is the middle page, determine that the displaying columns of current page input item is 3 row; When current page is the little page, determine that the displaying columns of current page input item is 2 row.
A kind of digital terminal, comprising: above-described page layout adjusting gear.
Preferably, described digital terminal comprises: mobile phone and computer.
Through as shown from the above technical solution, the application discloses a kind of page layout method of adjustment and device and is configured with the digital terminal of this device.The application first obtains the page size of current page, and then according to the page size preset and the corresponding relation of page presentation columns, determines the displaying columns of current page input item, thus adjust the layout of the page.As can be seen here, the application according to the displaying columns of the size of the page from Row sum-equal matrix page input item, thus can both carry out complete displaying to page input item in any page.
Accompanying drawing explanation
In order to be illustrated more clearly in the embodiment of the present invention or technical scheme of the prior art, be briefly described to the accompanying drawing used required in embodiment or description of the prior art below, apparently, accompanying drawing in the following describes is only embodiments of the invention, for those of ordinary skill in the art, under the prerequisite not paying creative work, other accompanying drawing can also be obtained according to the accompanying drawing provided.
Fig. 1 shows an embodiment flow process signal of a kind of page layout of the present invention method of adjustment;
Fig. 2 shows the schematic flow sheet of another embodiment of a kind of page layout of the present invention method of adjustment;
Fig. 3 shows the structural representation of an embodiment of a kind of page layout of the present invention adjusting gear.
Embodiment
The webpage of web development technologies exploitation traditional is at present when terminal is shown, the displaying columns of its input item is changeless.But in the operating process of reality, user need according to self need the size of the page is adjusted, the situation that the input item that thus there will be the page cannot be shown completely.
For this reason, the invention discloses a kind of page layout method of adjustment, the size according to the page adjusts the displaying columns of page input item voluntarily.
It is more than core concept of the present invention, below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is clearly and completely described, obviously, described embodiment is only the present invention's part embodiment, instead of whole embodiments.Based on the embodiment in the present invention, those of ordinary skill in the art, not making the every other embodiment obtained under creative work prerequisite, belong to the scope of protection of the invention.
The schematic flow sheet of an embodiment of a kind of page layout of the present invention method of adjustment is shown see Fig. 1.
As shown in Figure 1, in the present embodiment, the method comprises:
101: the page size obtaining current page.
User, when operating the page, often adjusts according to the size of the page to current presentation that needs of self, such as carries out amplification process to the page or reduces process.Optionally, because on display screen, the pixel of any point is identical and fixing, thus total pixel of the page of different size is also different.That is, the large I of the page represents especially by the pixel value of current page.
102: according to the described page size preset and the corresponding relation of page presentation columns, determine the displaying columns of current page input item.
Optionally, consider that the feasibility of actual operation can carry out the division in grade to the size of the page, as being specifically the large page, the middle page and the little page by page division according to the size of the page.The page presentation columns that the large page, the middle page are corresponding different with the little page.
103: according to the displaying columns of described current page input item, current page layout is adjusted.
From embodiment one, the application first obtains the page size of current page, and then according to the page size preset and the corresponding relation of page presentation columns, determines the displaying columns of current page input item, thus adjust the layout of the page.As can be seen here, the application according to the displaying columns of the size of the page from Row sum-equal matrix page input item, thus can both carry out complete displaying to page input item in any page.
Embodiment two
Consider the operability of actual conditions, in the present embodiment the different size page is divided, according to the displaying type of the classified types of the page and the corresponding relation determination page input item of page presentation columns.
The schematic flow sheet of another embodiment of a kind of page layout of the present invention method of adjustment is shown see Fig. 2.
As shown in Figure 2, in the present embodiment, the method specifically comprises:
201: the pixel value obtaining current page.
202: according to the page type of the size determination current page of described pixel value, described page type comprises the large page, the middle page and the little page.
Optionally, the different pattern that media query technology defines for different page sizes can be adopted.The page division that pixel value can be more than or equal to 1200px is the large page; Pixel value is more than or equal to 992px and the page division being less than 1200px is the middle page; Page division pixel value being less than 992px is the little page.
203: according to the described page size preset and the corresponding relation of page presentation columns, determine the displaying columns of current page input item.
Optionally, when current page is the large page, determine that the displaying columns of current page input item is 6 row;
When current page is the middle page, determine that the displaying columns of current page input item is 3 row;
When current page is the little page, determine that the displaying columns of current page input item is 2 row.
Concrete, 12 row can be logically divided into by a page in programming process, formulate col-**-1, col-**-2, col-**-3, col-**-4, col-**-5, col-**-6, col-**-7, col-**-8, col-**-9, col-**-10, col-**-11, col-**-12 12 kinds of patterns respectively, such as col-**-1 represents 1/12nd width taking a line, and col-**-6 represents 1/2nd width taking a line.Wherein, the operable value of * * comprises sm, md, lg tetra-kinds, respectively the corresponding little page, the middle page and the large page.
When the form of certain input item is class=col-sm-6 col-md-4 col-lg-3, represent when the page is the little page, this input item occupies 6 row, namely full page 12 arrange 1/2nd, that is this page a line can hold lower two input items, and the input item of this page is shown by two row; When the page is the middle page, this input item occupies 4 row, namely full page 12 arrange 1/3rd, that is this page input item by three row 3 row show; When the page is the large page, this input item occupies 3 row, namely full page 12 arrange 1/4th, the input item of this page is shown by 4 row.
It should be noted that, operating personnel can set according to the page presentation columns of the needs of actual conditions to different size, and the present invention does not limit to the large page and adopts 4 row, middle page employing 3 row, and the little page adopts 2 these a kind of display forms of row.
204: according to the displaying columns of described current page input item, current page layout is adjusted.
Embodiment three
Be suitable for mutually with a kind of page layout method of adjustment, the invention also discloses a kind of page layout adjusting gear.
The structural representation of an embodiment of a kind of page layout of the present invention adjusting gear is shown see Fig. 3.
As shown in Figure 3, this device specifically comprises: information acquisition unit 1, displaying columns determining unit 2 and page layout's adjustment unit 3.
Wherein information acquisition unit 1, for obtaining the page size of current page.This information acquisition unit optional, by the pixel value of current page, determines the page size of current page.
Concrete, this information acquisition unit 1 can comprise: page pixel gathers subelement and page type determining unit.Wherein, page pixel gathers subelement for obtaining the pixel value of current page; Page type determining unit is used for the page type according to the size determination current page of current page pixel value, and wherein said page type comprises the large page, the middle page and the little page.
Optionally, the page division that pixel value can be more than or equal to 1200px is the large page; Pixel value is more than or equal to 992px and the page division being less than 1200px is the middle page; Page division pixel value being less than 992px is the little page.
Show columns determining unit 2, for the corresponding relation according to the described page size preset and page presentation columns, determine the displaying columns of current page input item.Optionally, when showing that columns determining unit is the large page specifically for current page, determine that the displaying columns of current page input item is 6 row; When current page is the middle page, determine that the displaying columns of current page input item is 3 row; When current page is the little page, determine that the displaying columns of current page input item is 2 row.
Page layout's adjustment unit 3, for the displaying columns according to described current page input item, adjusts current page layout.
It should be noted that, disclosed herein as well is a kind of digital terminal, such as computer and mobile phone.This terminal can be built-in with above-mentioned page layout adjusting gear, thus improves the Experience Degree of computer user and cellphone subscriber.
Finally, also it should be noted that, in this article, the such as relational terms of first and second grades and so on is only used for an entity or operation to separate with another entity or operational zone, and not necessarily requires or imply the relation that there is any this reality between these entities or operation or sequentially.And, term " comprises ", " comprising " or its any other variant are intended to contain comprising of nonexcludability, thus make to comprise the process of a series of key element, method, article or equipment and not only comprise those key elements, but also comprise other key elements clearly do not listed, or also comprise by the intrinsic key element of this process, method, article or equipment.When not more restrictions, the key element limited by statement " comprising ... ", and be not precluded within process, method, article or the equipment comprising described key element and also there is other identical element.
In this instructions, each embodiment adopts the mode of going forward one by one to describe, and what each embodiment stressed is the difference with other embodiments, between each embodiment identical similar portion mutually see.
To the above-mentioned explanation of the disclosed embodiments, professional and technical personnel in the field are realized or uses the present invention.To be apparent for those skilled in the art to the multiple amendment of these embodiments, General Principle as defined herein can without departing from the spirit or scope of the present invention, realize in other embodiments.Therefore, the present invention can not be restricted to these embodiments shown in this article, but will meet the widest scope consistent with principle disclosed herein and features of novelty.
Claims (10)
1. page layout's method of adjustment, is characterized in that, comprising:
Obtain the page size of current page;
According to the described page size preset and the corresponding relation of page presentation columns, determine the displaying columns of current page input item;
According to the displaying columns of described current page input item, current page layout is adjusted.
2. method according to claim 1, is characterized in that, the page size of described acquisition current page, comprising:
Obtain the pixel value of current page;
According to the page type of the size determination current page of described pixel value, described page type comprises the large page, the middle page and the little page.
3. method according to claim 2, is characterized in that, the page type of the described size determination current page according to described pixel value, comprising:
Page division pixel value being more than or equal to 1200px is the large page;
Pixel value is more than or equal to 992px and the page division being less than 1200px is the middle page;
Page division pixel value being less than 992px is the little page.
4. method according to claim 3, is characterized in that, the corresponding relation of the described page size that described basis is preset and page presentation columns, determines the displaying columns of current page input item, comprising:
When current page is the large page, determine that the displaying columns of current page input item is 6 row;
When current page is the middle page, determine that the displaying columns of current page input item is 3 row;
When current page is the little page, determine that the displaying columns of current page input item is 2 row.
5. page layout's adjusting gear, is characterized in that, comprising:
Information acquisition unit, for obtaining the page size of current page;
Show columns determining unit, for the corresponding relation according to the described page size preset and page presentation columns, determine the displaying columns of current page input item;
Page layout's adjustment unit, for the displaying columns according to described current page input item, adjusts current page layout.
6. device according to claim 5, is characterized in that, information acquisition unit comprises:
Page pixel gathers subelement, for obtaining the pixel value of current page;
Page type determining unit, for the page type of the size determination current page according to current page pixel value, wherein said page type comprises the large page, the middle page and the little page.
7. device according to claim 6, is characterized in that, described page type determining unit is the large page specifically for pixel value being more than or equal to the page division of 1200px; Pixel value is more than or equal to 992px and the page division being less than 1200px is the middle page; Page division pixel value being less than 992px is the little page.
8. device according to claim 6, is characterized in that, when described displaying columns determining unit is the large page specifically for current page, determines that the displaying columns of current page input item is 6 row; When current page is the middle page, determine that the displaying columns of current page input item is 3 row; When current page is the little page, determine that the displaying columns of current page input item is 2 row.
9. a digital terminal, is characterized in that, comprising: the page layout's adjusting gear described in claim 5 to claim 8 any one claim.
10. digital terminal according to claim 9, is characterized in that, described digital terminal comprises: mobile phone and computer.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410675644.0A CN104461514A (en) | 2014-11-21 | 2014-11-21 | Page layout adjustment method and device and digital terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410675644.0A CN104461514A (en) | 2014-11-21 | 2014-11-21 | Page layout adjustment method and device and digital terminal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104461514A true CN104461514A (en) | 2015-03-25 |
Family
ID=52907625
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410675644.0A Pending CN104461514A (en) | 2014-11-21 | 2014-11-21 | Page layout adjustment method and device and digital terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104461514A (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103605502A (en) * | 2013-08-08 | 2014-02-26 | 北京九恒星科技股份有限公司 | Form page display method and server |
| CN103678497A (en) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and system for adjusting browse display of search page |
| CN103970894A (en) * | 2014-05-27 | 2014-08-06 | 合一网络技术(北京)有限公司 | Method and system for displaying interface streaming layout in adaptive adjustment mode |
-
2014
- 2014-11-21 CN CN201410675644.0A patent/CN104461514A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103605502A (en) * | 2013-08-08 | 2014-02-26 | 北京九恒星科技股份有限公司 | Form page display method and server |
| CN103678497A (en) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and system for adjusting browse display of search page |
| CN103970894A (en) * | 2014-05-27 | 2014-08-06 | 合一网络技术(北京)有限公司 | Method and system for displaying interface streaming layout in adaptive adjustment mode |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101751223A (en) | Method and device for displaying dynamic data of webpage form | |
| CN102495868B (en) | Method for realizing graphic monitoring of electric energy collection and monitoring system | |
| RU2008147090A (en) | CHANGE DIAGRAM | |
| CN102364460B (en) | Automatic page amplification method and system based on mobile terminal | |
| CN105808594A (en) | Display method and device of browser navigation page and equipment | |
| CN111078169B (en) | Front-end device of visual large-screen system and construction method thereof | |
| US7200615B2 (en) | Viewing tabular data on small handheld displays and mobile phones | |
| WO2007146565A8 (en) | Graphical selection of information display for wireless mesh hierarchies | |
| WO2009047951A1 (en) | Mobile telephone | |
| CN101510207A (en) | Tree menu dynamic maintenance method and apparatus based on web page | |
| CN104102407B (en) | A kind of parameter input method and system | |
| US7197701B2 (en) | Management of hierarchies | |
| CN202331757U (en) | Remote control capable of quickly inputting characters | |
| CN104461514A (en) | Page layout adjustment method and device and digital terminal | |
| CN102708782B (en) | Control device and control method of display system | |
| CN102662962B (en) | Dynamic display method based on webpage elements | |
| CN103902661B (en) | Information display method for correcting search result object selected by user on electronic map interface | |
| CN106873860A (en) | The network information comments on method and device | |
| CN102193974A (en) | Multi-view browsing method for touch terminal browser | |
| CN105094838B (en) | A kind of patterned generation method of response type and system | |
| US20150309683A1 (en) | Method for displaying input text in interface and interface component for displaying input text | |
| CN105511885A (en) | Method for realizing business intelligent data visualization by adopting JSON (JavaScript object notation) description | |
| KR20120098704A (en) | Method and apparatus for highlighting functional display items | |
| CN105808724B (en) | A kind of update method and system, server and electronic equipment of browser homepage | |
| WO2006052878A3 (en) | Graphic display of data from a kstore |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150325 |
|
| RJ01 | Rejection of invention patent application after publication |