CN110336916A - Layout management method and system based on terminal screen size - Google Patents
Layout management method and system based on terminal screen size Download PDFInfo
- Publication number
- CN110336916A CN110336916A CN201910487760.2A CN201910487760A CN110336916A CN 110336916 A CN110336916 A CN 110336916A CN 201910487760 A CN201910487760 A CN 201910487760A CN 110336916 A CN110336916 A CN 110336916A
- Authority
- CN
- China
- Prior art keywords
- layout
- screen size
- basic module
- configuration
- terminal screen
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72448—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
This application discloses a kind of layout management method and system based on terminal screen size.The layout management method includes that server-side by management backstage configures several basic modules；The configuration of layout modules is then realized by management backstage, when management backstage is configured and is laid out, it can be plus the screen size attribute configuration supported, client is when the interface of request layout configuration, the information such as mobile phone screen size are taken, server-side can match corresponding layout configuration according to active client size.The application realizes different user mobile phone screen size and shows the layout configuration of adaptation, so solve due to APP page layout it is single caused by be difficult to the technical issues of meeting mobile phone screen many sizes requirement.
Description
Technical field
This application involves the communications field, in particular to a kind of layout management method based on terminal screen size and
System.
Background technique
With the continuous high speed development of mobile Internet and mobile APP, people are also constantly proposing the use of mobile APP
Higher requirement only meets the use demand of people, and product could have more the market competitiveness, and enterprise can just walk farther.
APP (Application) refers generally to cell phone software, and cell phone software refers mainly to be mounted on the software on smart phone,
For improving the deficiency and personalization of primal system, richer usage experience is improved for user.Currently, most APP pages
Face format is fixed, and modification format is typically all to be realized by issuing new APP version, and the adjustment period is long；Separately
A kind of implementation is by way of the Hybrid mixing application, and the embedded Html page realizes that dynamic updates, but due to not
It is that primary interface generates scheme, user experience can be poor.
In addition, the most interface APP does not have personalized intelligent exhibition method, interface layout is relatively simple.By
Varied in the mobile phone screen size of user, show effect of the different layout configurations on different mobile phones is not necessarily closed
It is suitable.
Aiming at the problem that layout configuration single in the related technology is difficult to meet mobile phone screen many sizes requirement, at present
Not yet put forward effective solutions.
Summary of the invention
The main purpose of the application is to provide a kind of layout management method and system based on terminal screen size, with solution
Certainly single layout configuration is difficult to the problem of meeting mobile phone screen many sizes requirement, it is ensured that layout modules configure flexible
Property.
To achieve the goals above, according to the one aspect of the application, a kind of cloth based on terminal screen size is provided
Office's management method.
Include: according to a kind of layout management method based on terminal screen size of the application
S1: server-side configures several basic modules by management backstage, and each basic module includes title, title, content
The field informations such as type, medium property, detailed content, content link, redirected link, statistics keyword；
S2: server-side realizes the configuration of layout modules by management backstage, specifically includes: first according to the screen ruler of support
Very little attribute creates a new layout space of a whole page and names, and subsequently into visual layout's administration interface, pulls technology using front end
The basic module generated in selection step S1 carries out dragging typesetting, while editing the layout attributes of each basic module of cloth intra-office,
After having edited layout, by buttons such as clicks " preservation ", topology data is submitted to be saved to database；
S3: client is when to the interface of server-side request layout configuration, the information such as subsidiary mobile phone screen size, clothes
End be engaged in then according to the corresponding layout configuration of active client size matching, to realize that different user mobile phone screen sizes is shown
The layout of adaptation configures.
Further, the content type of basic module includes pure figure, pure words, picture and text mixing in the step S1.
Further, the medium property of basic module includes common picture and text, advertisement picture and text, data column in the step S1
Table.
Further, the layout attributes of basic module include main title, subtitle, theme colors, show in the step S2
Show position, column number, redirected link.
Further, the basic module layout attributes that do not edited in the step S2 then maintain original state.
Further, in the step S2, the original state of the basic module layout attributes includes: the entitled sky of principal mark,
Subtitle is sky, and theme colors are black, display position be it is placed in the middle, column number is 1, and redirected link is empty.
Further, each is laid out record once confirmation modification in the step S2, then one version number of generation, and one
The corresponding multiple version number informations of layout record.One corresponding multiple version number information of layout record, once there are the need of version rollback
It asks, some layout easily can be rolled back into indicated release, specified version note can also be issued according to operation demand
Record.
To achieve the goals above, according to the another aspect of the application, a kind of cloth based on terminal screen size is provided
Office's management system.
Include: according to a kind of layout management system based on terminal screen size of the application
Basic module: being configured by management backstage and generated, and each basic module includes that title, title, content type are (pure
Figure, pure words, picture and text mixing etc.), medium property (common picture and text, advertisement picture and text, data list), detailed content, content link,
The field informations such as redirected link, statistics keyword；
Layout modules: being configured by management backstage and generated, new according to the screen size attribute of support newly-built one first
The layout space of a whole page is simultaneously named, and subsequently into visual layout's administration interface, pulls the generated basic mould of the choice of technology using front end
Block carries out dragging typesetting, while editing the layout attributes of each basic module of cloth intra-office, after having edited layout, passes through a little
Buttons such as " preservations " are hit, topology data is submitted to be saved to database；
When client is when to the interface of server-side request layout configuration, the information such as subsidiary mobile phone screen size are taken
End be engaged in then according to the corresponding layout configuration of active client size matching, to realize that different user mobile phone screen sizes is shown
The layout of adaptation configures.
Further, the layout attributes of the basic module include main title, subtitle, theme colors, display position, column
Mesh number, redirected link.The layout attributes of layout modules can accurately configure display location of some module in current arrangements, exhibition
Show mode, show the information such as content, it is ensured that the flexibility of layout modules configuration.
Further, each of the layout modules is laid out record and modifies once confirming, then one version number of generation, and one
The corresponding multiple version number informations of item layout record.
In the embodiment of the present application, in such a way that Protozoic face generates scheme, by management backstage configuration layout
When, in addition the screen size attribute configuration of support, has achieved the purpose that flexible configuration layout modules, to realize different
User mobile phone screen size shows the layout configuration of adaptation, so solve due to APP page layout it is single caused by be difficult to it is full
The technical issues of sufficient mobile phone screen many sizesization require.
Detailed description of the invention
The attached drawing constituted part of this application is used to provide further understanding of the present application, so that the application's is other
Feature, objects and advantages become more apparent upon.The illustrative examples attached drawing and its explanation of the application is for explaining the application, not
Constitute the improper restriction to the application.In the accompanying drawings:
Fig. 1 is a kind of flow diagram of the layout management method based on terminal screen size of the application.
Specific embodiment
In order to make those skilled in the art more fully understand application scheme, below in conjunction in the embodiment of the present application
Attached drawing, the technical scheme in the embodiment of the application is clearly and completely described, it is clear that described embodiment is only
The embodiment of the application a part, instead of all the embodiments.Based on the embodiment in the application, ordinary skill people
Member's every other embodiment obtained without making creative work, all should belong to the model of the application protection
It encloses.
It should be noted that the description and claims of this application and term " first " in above-mentioned attached drawing, "
Two " etc. be to be used to distinguish similar objects, without being used to describe a particular order or precedence order.It should be understood that using in this way
Data be interchangeable under appropriate circumstances, so as to embodiments herein described herein.In addition, term " includes " and " tool
Have " and their any deformation, it is intended that cover it is non-exclusive include, for example, containing a series of steps or units
Process, method, system, product or equipment those of are not necessarily limited to be clearly listed step or unit, but may include without clear
Other step or units listing to Chu or intrinsic for these process, methods, product or equipment.
As shown in Figure 1, this method includes the following steps, namely S1 to step S3:
S1: server-side configures several basic modules by management backstage, and each basic module includes title, title, content
It is type (pure figure, pure words, picture and text mixing etc.), medium property (common picture and text, advertisement picture and text, data list), detailed content, interior
Hold the field informations such as link, redirected link, statistics keyword；
S2: server-side realizes the configuration of layout modules by management backstage, specifically includes: first according to the screen ruler of support
Very little attribute creates a new layout space of a whole page and names, and subsequently into visual layout's administration interface, pulls technology using front end
The basic module generated in selection step S1 carries out dragging typesetting, while editing the layout attributes of each basic module of cloth intra-office,
Including main title, subtitle, theme colors, display position, column number, redirected link, after having edited layout, pass through a little
Buttons such as " preservations " are hit, topology data is submitted to be saved to database；
S3: client is when to the interface of server-side request layout configuration, subsidiary mobile phone screen dimension information, service
End then matches corresponding layout configuration according to active client size, so that it is suitable to realize that different user mobile phone screen sizes is shown
The layout configuration matched.
It can be seen from the above description that the present invention realizes following technical effect:
Using Protozoic face generate scheme by the way of, by management backstage configure be laid out when, in addition the screen of support
Curtain size attribute configuration, has achieved the purpose that flexible configuration layout modules, to realize different user mobile phone screen sizes
Show the layout configuration of adaptation.
According to embodiments of the present invention, the basic module layout attributes that do not edited in the step S2 then maintain initial shape
State, comprising: the entitled sky of principal mark, subtitle are sky, and theme colors are black, display position be it is placed in the middle, column number is 1, skip chain
It is connected in sky.
According to embodiments of the present invention, each layout record of the layout modules then generates one once confirmation is modified
Version number, the corresponding multiple version number informations of layout record.One corresponding multiple version number information of layout record, once there is version
Some layout easily can be rolled back to indicated release by the demand of this rollback, can also be according to operation demand, and publication is specified
Colophon.
It should be noted that step shown in the flowchart of the accompanying drawings can be in such as a group of computer-executable instructions
It is executed in computer system, although also, logical order is shown in flow charts, and it in some cases, can be with not
The sequence being same as herein executes shown or described step.
According to embodiments of the present invention, it additionally provides a kind of for implementing the above-mentioned layout management side based on terminal screen size
The system of method, the system include:
Basic module: being configured by management backstage and generated, and each basic module includes that title, title, content type are (pure
Figure, pure words, picture and text mixing etc.), medium property (common picture and text, advertisement picture and text, data list), detailed content, content link,
The field informations such as redirected link, statistics keyword；
Layout modules: being configured by management backstage and generated, new according to the screen size attribute of support newly-built one first
The layout space of a whole page is simultaneously named, and subsequently into visual layout's administration interface, pulls the generated basic mould of the choice of technology using front end
Block carries out dragging typesetting, while editing the layout attributes of each basic module of cloth intra-office, after having edited layout, passes through a little
Buttons such as " preservations " are hit, topology data is submitted to be saved to database；
When client is when to the interface of server-side request layout configuration, subsidiary mobile phone screen dimension information is serviced
End then matches corresponding layout configuration according to active client size, so that it is suitable to realize that different user mobile phone screen sizes is shown
The layout configuration matched.
According to embodiments of the present invention, the layout attributes of the basic module include main title, subtitle, theme colors, show
Show position, column number, redirected link.The layout attributes of layout modules can accurately configure exhibition of some module in current arrangements
Show position, exhibition method, show the information such as content, it is ensured that the flexibility of layout modules configuration.The each of the layout modules
Once layout record then generates a version number, the corresponding multiple version number informations of layout record confirmation modification.
Obviously, those skilled in the art should be understood that each module of the above invention or each step can be with general
Computing device realize that they can be concentrated on a single computing device, or be distributed in multiple computing devices and formed
Network on, optionally, they can be realized with the program code that computing device can perform, it is thus possible to which they are stored
Be performed by computing device in the storage device, perhaps they are fabricated to each integrated circuit modules or by they
In multiple modules or step be fabricated to single integrated circuit module to realize.In this way, the present invention is not limited to any specific
Hardware and software combines.
The foregoing is merely preferred embodiment of the present application, are not intended to limit this application, for the skill of this field
For art personnel, various changes and changes are possible in this application.Within the spirit and principles of this application, made any to repair
Change, equivalent replacement, improvement etc., should be included within the scope of protection of this application.
Claims (10)
1. a kind of layout management method based on terminal screen size, which comprises the following steps:
S1: server-side configures several basic modules by management backstage, each basic module include title, title, content type,
The field informations such as medium property, detailed content, content link, redirected link, statistics keyword；
S2: server-side realizes the configuration of layout modules by management backstage, specifically includes: first according to the screen size category of support
Property the newly-built new layout space of a whole page and name, subsequently into visual layout's administration interface, front end is used to pull the choice of technology
The basic module generated in step S1 carries out dragging typesetting, while editing the layout attributes of each basic module of cloth intra-office, editor
After complete layout, by buttons such as clicks " preservation ", topology data is submitted to be saved to database；
S3: for client when to the interface of server-side request layout configuration, subsidiary mobile phone screen dimension information, server-side is then
Corresponding layout configuration is matched according to active client size, to realize that different user mobile phone screen sizes shows adaptation
Layout configuration.
2. a kind of layout management method based on terminal screen size according to claim 1, which is characterized in that the step
The content type of basic module includes pure figure, pure words, picture and text mixing in rapid S1.
3. a kind of layout management method based on terminal screen size according to claim 1, which is characterized in that the step
The medium property of basic module includes common picture and text, advertisement picture and text, data list in rapid S1.
4. a kind of layout management method based on terminal screen size according to any one of claim 1 to 3, feature
It is, the layout attributes of basic module include main title, subtitle, theme colors, display position, column in the step S2
Number, redirected link.
5. a kind of layout management method based on terminal screen size according to claim 4, which is characterized in that the step
The basic module layout attributes that do not edited in rapid S2 then maintain original state.
6. a kind of layout management method based on terminal screen size according to claim 5, which is characterized in that the step
In rapid S2, the original state of the basic module layout attributes includes: the entitled sky of principal mark, and subtitle is sky, and theme colors are black
Color, display position be it is placed in the middle, column number be 1, redirected link be sky.
7. a kind of layout management method based on terminal screen size according to any one of claim 1 to 3, feature
It is, once each layout record in the step S2 then generates a version number confirmation modification, and a layout record corresponds to
Multiple version number informations.
8. a kind of layout management system based on terminal screen size characterized by comprising basic module: after management
Platform configuration generates, and each basic module includes title, title, content type, medium property, detailed content, content link, jumps
The field informations such as link, statistics keyword；
Layout modules: being configured by management backstage and generated, and creates a new layout according to the screen size attribute of support first
The space of a whole page is simultaneously named, subsequently into visual layout's administration interface, using front end pull the generated basic module of the choice of technology into
Row pulls typesetting, while editing the layout attributes of each basic module of cloth intra-office, after having edited layout, passes through click
Buttons such as " preservations " submit topology data to be saved to database；
When client is when to the interface of server-side request layout configuration, subsidiary mobile phone screen dimension information, server-side is then
Corresponding layout configuration is matched according to active client size, to realize that different user mobile phone screen sizes shows adaptation
Layout configuration.
9. a kind of layout management system based on terminal screen size according to claim 8, which is characterized in that the base
The layout attributes of plinth module include main title, subtitle, theme colors, display position, column number, redirected link.
10. a kind of layout management system based on terminal screen size according to claim 9, which is characterized in that described
Each layout record of layout modules then generates a version number, the corresponding multiple versions of layout record once confirmation is modified
This number information.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910487760.2A CN110336916A (en) | 2019-06-05 | 2019-06-05 | Layout management method and system based on terminal screen size |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910487760.2A CN110336916A (en) | 2019-06-05 | 2019-06-05 | Layout management method and system based on terminal screen size |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110336916A true CN110336916A (en) | 2019-10-15 |
Family
ID=68140774
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910487760.2A Pending CN110336916A (en) | 2019-06-05 | 2019-06-05 | Layout management method and system based on terminal screen size |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110336916A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651162A (en) * | 2020-08-10 | 2020-09-11 | 宁波均联智行科技有限公司 | Page layout auxiliary development method and system based on screen size |
| CN112862453A (en) * | 2021-03-02 | 2021-05-28 | 岭东核电有限公司 | Process information display method, apparatus, computer device and storage medium |
| CN112905144A (en) * | 2021-03-30 | 2021-06-04 | 中国建设银行股份有限公司 | Terminal display method and device, electronic equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103051652A (en) * | 2011-10-14 | 2013-04-17 | 宁宇 | Mobile terminal cloud commuting delivery platform |
| CN103412928A (en) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | Method and device for realizing browser page intelligent response-type layout on mobile terminal |
| WO2014179384A1 (en) * | 2013-04-30 | 2014-11-06 | Microsoft Corporation | Cross-device user interface selection |
| CN108023918A (en) * | 2016-11-02 | 2018-05-11 | 阿里巴巴集团控股有限公司 | A kind of information on services acquisition methods, apparatus and system |
-
2019
- 2019-06-05 CN CN201910487760.2A patent/CN110336916A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103051652A (en) * | 2011-10-14 | 2013-04-17 | 宁宇 | Mobile terminal cloud commuting delivery platform |
| WO2014179384A1 (en) * | 2013-04-30 | 2014-11-06 | Microsoft Corporation | Cross-device user interface selection |
| CN103412928A (en) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | Method and device for realizing browser page intelligent response-type layout on mobile terminal |
| CN108023918A (en) * | 2016-11-02 | 2018-05-11 | 阿里巴巴集团控股有限公司 | A kind of information on services acquisition methods, apparatus and system |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651162A (en) * | 2020-08-10 | 2020-09-11 | 宁波均联智行科技有限公司 | Page layout auxiliary development method and system based on screen size |
| CN112862453A (en) * | 2021-03-02 | 2021-05-28 | 岭东核电有限公司 | Process information display method, apparatus, computer device and storage medium |
| CN112905144A (en) * | 2021-03-30 | 2021-06-04 | 中国建设银行股份有限公司 | Terminal display method and device, electronic equipment and storage medium |
| CN112905144B (en) * | 2021-03-30 | 2024-03-22 | 中国建设银行股份有限公司 | Terminal display method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110336916A (en) | Layout management method and system based on terminal screen size | |
| CN103064584B (en) | Pasting method and device | |
| CN110321123A (en) | Visual layout's management system and management method | |
| CN104020997B (en) | Extensible graphical rule application system | |
| CN109725901A (en) | Development approach, device, equipment and the computer storage medium of front-end code | |
| CN102236709B (en) | Flex-based monitoring page display method and system | |
| CN104618472A (en) | Mobile communication device contact information maintenance method and system | |
| CN100511237C (en) | Data base extension method and device | |
| CN110020356A (en) | A kind of code generating method of page module, apparatus and system | |
| CN105447723A (en) | Promotion system and promotion method | |
| CN108008952A (en) | Mobile terminal page Dynamic Distribution method and system | |
| CN111708516A (en) | Web application customization development system on network | |
| CN110969004A (en) | Automatic typesetting method and system for image and text, server and medium | |
| CN109117127A (en) | Program code generation method, device and computer readable storage medium | |
| CN104965813B (en) | The treating method and apparatus of textual materials | |
| CN104932859A (en) | System and method for synchronous release of mobile phone micro-websites and LED display screens | |
| CN108920535A (en) | A kind of large-size screen monitors input method and system | |
| CN110333855A (en) | It is laid out statistical data management method and system | |
| CN102868746A (en) | Method for realizing mobile informationization | |
| CN110334304A (en) | Configuration method and system based on layout disaster tolerance | |
| CN101631282B (en) | Method for realizing dynamic advertisement | |
| CN111104196A (en) | Wallpaper display method and terminal equipment | |
| CN110308927A (en) | It is laid out edition management system and management method | |
| CN110209987A (en) | A kind of tax-related information promotional display system and method | |
| CN109299241A (en) | The knowledge library generating method and device of chat robots |
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: 20191015 |