CN113569176A - Portal layout method and device, computer equipment and storage medium - Google Patents
Portal layout method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN113569176A CN113569176A CN202110800252.2A CN202110800252A CN113569176A CN 113569176 A CN113569176 A CN 113569176A CN 202110800252 A CN202110800252 A CN 202110800252A CN 113569176 A CN113569176 A CN 113569176A
- Authority
- CN
- China
- Prior art keywords
- portal
- layout
- card
- page
- business card
- 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 42
- 230000000694 effects Effects 0.000 claims description 33
- 230000000750 progressive effect Effects 0.000 claims description 15
- 238000009877 rendering Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 10
- 206010063385 Intellectualisation Diseases 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 17
- 230000008859 change Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 5
- 238000012217 deletion Methods 0.000 description 3
- 230000037430 deletion Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000003321 amplification Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 238000002955 isolation Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000005389 magnetism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application relates to a portal layout method, a portal layout device, computer equipment and a storage medium. The method comprises the following steps: displaying the business card on a portal layout page; when a target business card changes, determining a placeable area of the target business card in a portal layout page based on the business card layout on the portal layout page; and placing the target business card in the placeable area, and adjusting the layout of the business card displayed on the portal layout page. By adopting the method, the layout can be modified as required, and the intellectualization of the portal layout is improved.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a portal layout method and apparatus, a computer device, and a storage medium.
Background
The portal is a unified display platform integrating a plurality of enterprise office applications, and the specific expression form is an internet webpage, which is generally the homepage of an enterprise. Conventional portals have different fixed areas, each of which may display different page content. However, in the conventional portal layout method, the information area of each service is fixed, and the layout cannot be modified as required.
Disclosure of Invention
In view of the foregoing, it is desirable to provide a portal layout method, apparatus, computer device and storage medium for solving the above technical problems.
A portal layout method, the method comprising:
displaying the business card on a portal layout page;
when a target business card changes, determining a placeable area of the target business card in a portal layout page based on the business card layout on the portal layout page;
and placing the target business card in the placeable area, and adjusting the layout of the business card displayed on the portal layout page.
A portal layout apparatus, the apparatus comprising:
the display module is used for displaying the business card on the portal layout page;
the placeable area determining module is used for determining the placeable area of the target business card in the portal layout page based on the business card layout on the portal layout page when the target business card changes;
and the adjusting module is used for placing the target business card in the placeable area and adjusting the layout of the business card displayed on the portal layout page.
A computer device comprising a memory and a processor, the memory storing a computer program, the processor implementing the following steps when executing the computer program:
displaying the business card on a portal layout page;
when a target business card changes, determining a placeable area of the target business card in a portal layout page based on the business card layout on the portal layout page;
and placing the target business card in the placeable area, and adjusting the layout of the business card displayed on the portal layout page.
A computer-readable storage medium, on which a computer program is stored which, when executed by a processor, carries out the steps of:
displaying the business card on a portal layout page;
when a target business card changes, determining a placeable area of the target business card in a portal layout page based on the business card layout on the portal layout page;
and placing the target business card in the placeable area, and adjusting the layout of the business card displayed on the portal layout page.
According to the portal layout method, the portal layout device, the computer equipment and the storage medium, the business cards are displayed on the portal layout page, when the target business card changes, the placeable area of the target business card in the portal layout page is determined based on the business card layout on the portal layout page, the target business card is placed in the placeable area, the layout of the displayed business cards on the portal layout page is adjusted, the layout can be modified as required, all the business cards in the portal are highly modularized, the cards do not affect each other, and the stability of the portal is improved; and the effects of high freedom, customization and intellectualization of the portal layout can be achieved.
Drawings
FIG. 1 is a diagram of an application environment for a portal layout method in one embodiment;
FIG. 2 is a schematic flow chart diagram illustrating a method for portal layout in one embodiment;
FIG. 3 is a diagram of a portal layout page before and after a change in the location of a target business card, in accordance with an embodiment;
FIG. 4 is a schematic diagram of a portal layout page in which a trigger operation to add a control to a card is detected, under an embodiment;
FIG. 5 is a portal layout page before and after a change has occurred to a target business card in one embodiment;
FIG. 6 is a diagram illustrating a portal layout page before and after a target business card is deleted in one embodiment;
FIG. 7 is a schematic flow chart of a portal layout in another embodiment;
FIG. 8 is a block diagram showing the structure of a portal layout apparatus in one embodiment;
FIG. 9 is a diagram illustrating an internal structure of a computer device according to an embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
The portal layout method provided by the application can be applied to the application environment shown in fig. 1. Wherein the terminal 102 communicates with the server 104 via a network. The terminal 102 may be, but not limited to, various personal computers, notebook computers, smart phones, tablet computers, and portable wearable devices, and the server 104 may be implemented by an independent server or a server cluster formed by a plurality of servers. The terminal 102 may obtain the contents of the service card from the server 104. The terminal 102 is configured to display a service card layout on a portal layout page, and determine a placeable area of a target service card in the portal layout page; and placing the target business card in the placeable area, and adjusting the position of the displayed business card on the portal layout page. It is understood that the method in the embodiments of the present application may also be used only in the terminal 102.
In one embodiment, as shown in fig. 2, a portal layout method is provided, which is described by taking the method as an example applied to the terminal in fig. 1, and includes the following steps:
The portal layout page refers to a page for changing a portal layout. Specifically, the portal may be in an editing mode, or may be a page independent of the portal.
The service card is an area for displaying service data in the portal layout page. The service card in the portal layout page may only contain the service identifier or the card identifier. The service card may not contain the contents of the service card. The service card is a rectangular user interface which renders certain service data into a certain size, information related to the service is displayed on the interface, and a user can perform simple and quick operations on the interface. Multiple business cards can be integrated into a unified presentation platform (i.e., portal). Therefore, the user can conveniently acquire and operate the data of a plurality of services on the same webpage without independently entering each service page to complete the operation.
Specifically, a portal editing state is entered, and a service card contained in the current portal is displayed on a portal layout page.
In this embodiment, the portal layout page may be a portal background management page. The terminal obtains the business cards through the server, and initializes the size and the position of each business card in the portal layout page through the grid layout engine.
The target business card may be a business card already displayed in the portal layout page, or a business card to be added.
The placeable area is used for placing the target business card. Placeable areas refer to free areas in the portal.
The layout means that a plurality of business cards with different sizes are accurately placed on a portal page according to a certain sequence and rules. Different portal layouts are formed by different placement modes of the cards. The layout may specifically refer to at least one of the position and size of the business card. Different layouts embody the user's preferences for different business information importance, as well as aesthetic and operational convenience preferences.
Specifically, when the size or the position of the target service card changes, the terminal automatically determines the placeable area of the target service card in the portal layout page based on the service card layout on the portal layout page. The size of the placeable area is matched with the size of the target service card.
Specifically, the terminal places the target business card in the placeable area, and automatically adjusts the layout of the business cards displayed on the page based on the size of the target business card.
In the portal layout method, the business cards are displayed on the portal layout page, when the target business card changes, the placeable area of the target business card in the portal layout page is determined based on the layout of the business cards on the portal layout page, the target business card is placed in the placeable area, the layout of the displayed business cards on the portal layout page is adjusted, the layout can be modified as required, each business card in the portal is highly modularized, the cards do not influence each other, and the stability of the portal is improved; and the effects of high freedom, customization and intellectualization of the portal layout can be achieved.
In one embodiment, when the target service card changes, determining placeable areas of the target service card in the portal layout page based on the service card layout on the portal layout page includes:
when the position of the target business card displayed on the portal layout page changes, the placeable area of the target business card in the portal layout page is determined based on the changed position of the target business card and the layout of the business card on the portal layout page.
In particular, the target service card may be a service card that has been displayed on the portal layout page. And when the position of the target service card displayed on the portal layout page changes, the terminal updates the coordinates and the size of the service card in real time. And the terminal automatically determines the placeable area of the target business card in the portal layout page based on the changed position of the target business card and the business card layout on the portal layout page.
In this embodiment, when a drag operation on a target service card displayed on a portal layout page is detected, a placeable area of the target service card in the portal layout page is determined based on a changed position corresponding to the drag operation and a service card layout on the portal layout page.
In this embodiment, when the target service card changes, the grid layout engine may update the coordinate data of the target service card in real time; and determining the placeable area of the target business card on the portal layout page based on the coordinate data and the business card layout on the portal layout page.
In this embodiment, as shown in fig. 3, a schematic diagram of a portal layout page before and after a position of a target service card is changed in an embodiment is shown. The target service card in fig. 3 is card B, and the service cards displayed on the portal layout page are card a, card C, and card D. The card B moves toward the card a. The card layout of the finally obtained adjusted portal layout page is shown in the right diagram of fig. 3.
In this embodiment, when the position of the target service card displayed on the portal layout page changes, based on the changed position of the target service card and the layout of the service card on the portal layout page, an idle area is cleared based on the size of the target service card, and the idle area is used as a placeable area of the target service card.
According to the portal layout method in the embodiment, when the position of the target business card displayed on the portal layout page changes, the placeable area of the target business card in the portal layout page is determined based on the changed position of the target business card and the business card layout on the portal layout page, and when the position of a certain business card in the portal layout page changes, other affected cards can be automatically moved to other positions, so that the layout is more flexible and attractive.
In one embodiment, when the target service card changes, determining placeable areas of the target service card in the portal layout page based on the service card layout on the portal layout page includes:
when the triggering operation of adding a control to the card is detected, determining an area which does not include the service card in the portal layout page based on the service card layout on the portal layout page; the card adding control is used for adding a target business card; and taking the area which does not contain the business card as the placeable area of the target business card.
The card adding control can be a card adding button, and a user can add the target business card by triggering the card adding control. The area not including the service card may be a blank area on the portal layout page, or may be an area with only a background on the portal layout page.
Specifically, when a trigger operation of adding a control to a card is detected, an area, in which no business card is included, in a portal layout page is determined based on the layout of the business card on the portal layout page. And the terminal takes the area which does not contain the business card as the placeable area of the target business card. And adjusting the layout of the displayed service cards on the portal layout page based on the size of the target service cards. For example, if a card adding control is triggered on the portal layout page, the terminal takes a blank area in the portal layout page as a placeable area.
FIG. 4 is a schematic diagram of a portal layout page in which a trigger operation for adding a control to a card is detected in one embodiment. It can be seen that the left diagram in figure 4 includes business card a, card B and card C that are shown. The area not including the service card is the area indicated by the dashed box in fig. 4. Then when an instruction to add the target service card D is detected in the left diagram of fig. 4, the target service card D is placed in the area of the dashed box, and a portal layout page in the right diagram of fig. 4 is formed.
According to the portal layout method in the embodiment, when the triggering operation of adding the control to the card is detected, the area, which does not include the business card, in the portal layout page is determined based on the layout of the business card on the portal layout page, the card adding control is used for adding the target business card, and the area, which does not include the business card, is used as the placeable area of the target business card, so that the intelligent placement of the new card at the proper position is realized.
In one embodiment, when the target service card changes, determining placeable areas of the target service card in the portal layout page based on the service card layout on the portal layout page includes:
when the size of the target business card changes, the placeable area of the target business card in the portal layout page is determined based on the changed size of the target business card and the business card layout on the portal layout page.
Adjusting the layout of the displayed business cards on the portal layout page, comprising:
and adjusting the size of the displayed service card on the portal layout page, so that the target service card and the displayed service card occupy the portal layout page.
The service cards displayed on the portal layout page refer to cards other than the target service card.
Specifically, when the size of the target service card changes, the terminal determines a placeable area of the target service card in the portal layout page based on the changed size of the target service card and the layout of the service cards on the portal layout page.
Fig. 5 shows a portal layout page before and after the target service card is changed in an embodiment. Card B in the left diagram of fig. 5 is a target service card. In fig. 5, for example, the size change is increased, the sizes of the displayed business card a, the displayed card C, and the displayed card D are adjusted, so that the card B, the card a, the displayed card C, and the displayed card D occupy the entire portal layout page.
In this embodiment, when the size of the target service card is increased, based on the increased target service card and the service card on the portal layout page, a placeable area corresponding to the target service card is determined, and the placeable area is adapted to the size of the target service card. And reducing the sizes of other business cards on the portal layout page, so that the target business card and the displayed business card occupy the portal layout page.
Optionally, when the size of the target service card is reduced, based on the increased target service card and the service card on the portal layout page, a placeable area corresponding to the target service card is determined, where the placeable area is adapted to the size of the target service card. And increasing the size of the displayed service cards on the portal layout page, so that the target service cards and the displayed service cards occupy the portal layout page. Namely, through the dynamic grid layout system, the number of grids (namely, service cards) is increased in the same page, and the width of each grid (namely, service card) is reduced, so that the cards in the layout can be subjected to fine-grained amplification and reduction and fine adjustment of card positions, and more natural and smooth layout experience is realized.
In the portal layout method in this embodiment, when the size of the target service changes, based on the size of the changed target service card and the layout of the service cards on the portal layout page, the placeable area of the target service card in the portal layout page is determined, and the size of the service card displayed on the portal layout page is adjusted, so that the target service card and the displayed service card occupy the portal layout page, and the size of the service card in the portal can be adjusted, and therefore the sizes of the remaining service cards are adjusted, and the portal layout is more compact and beautiful.
In one embodiment, the portal layout method further comprises: and when a deleting instruction for the target service card is acquired, deleting the target service card from the portal layout page, and adjusting the layout of the service card in the portal layout page, so that the service card in the portal layout page occupies a vacancy left by the target service card.
Specifically, when the terminal acquires a deletion instruction for the target service card, the target service card is deleted from the portal layout page, and at least one of the position and the size of the service card in the portal layout page is automatically adjusted, so that the service card in the portal layout page occupies a vacancy left by the target service card.
Fig. 6 is a schematic diagram of a portal layout page before and after deleting a target service card in an embodiment. The target service card in fig. 6 is card D. And if a deletion instruction for the card D is obtained in the left image in fig. 6, deleting the card D from the portal layout page, and adjusting at least one of the positions and the sizes of the card a, the card B and the card C, so that the card a, the card B and the card C occupy the vacant space left by the target service card.
According to the portal layout method in the embodiment, when the target service card is deleted, the layout of the service cards in the portal layout page is adjusted, so that the service cards in the portal layout page occupy the vacant spaces left by the target service card, the portal layout can be realized more intelligently, and the portal layout is more compact and attractive.
In one embodiment, the portal layout method further comprises: saving the position and size of the business card in the portal layout page; entering a portal operation page to acquire the content of the business card; and rendering the contents of the service cards in the portal according to the positions and the sizes of the corresponding service cards through a progressive framework for constructing a user interface.
Wherein the progressive framework used to build the user page may be vue. Unlike other large frames, Vue is designed to be applied layer by layer from the bottom up. Vue, the core library only focuses on the viewing layer, not only is it easy to get on hand, but also it is easy to integrate with third party libraries or existing projects. On the other hand, Vue is also fully capable of providing drivers for complex single page applications when used in conjunction with modern tool chains and various supporting class libraries.
A portal runtime page refers to a page that runs when a portal is accessed by a user. I.e., the portal runtime page is the page that the user actually uses. The content of the business card is the content required to be displayed in the card. For example, the service card content includes, but is not limited to, a service icon, a service entry control, and the like.
Specifically, the terminal saves the position and size of the service card in the portal layout page, that is, the terminal saves the layout of the service card in the portal layout page. And when entering a portal operation page, the terminal acquires the content of the service card. And the terminal renders the contents of the service cards in the portal according to the positions and the sizes of the corresponding service cards through a progressive framework for constructing a user interface.
In the portal layout method in this embodiment, the runtime compiling capability provided by the progressive framework for constructing the user interface enables the style of the card in actual runtime to be dynamically rendered according to the card rendering code, so that what you see is what you get is achieved, and different forms can be displayed for the card according to different sizes when the size of the card is adjusted by the user.
In one embodiment, the portal layout method further comprises: and taking the position and the size of the business card as the layout effect of the corresponding portal.
Rendering the contents of the service cards in the portal according to the positions and the sizes of the corresponding service cards through a progressive framework for constructing a user interface, wherein the rendering comprises the following steps:
when the effect replacing instruction is detected in the portal, the service card content is rendered in the portal according to the position and the size of the service card corresponding to the selected layout effect through a progressive framework for constructing a user interface.
Wherein one layout effect corresponds to the layout of one portal. For example, effect 1 corresponds to an a layout and effect 2 corresponds to a B layout. And the business contents in the a layout and the B layout are not consistent.
Rendering: and generating a visual interface which can be viewed and operated by a user on a webpage through a service card provided by the server.
Specifically, the terminal takes the position and size of the service card as the layout effect of the corresponding portal. The user can set a variety of layout effects for the portal. When the effect replacing instruction is detected in the portal, the service card content is rendered in the portal according to the position and the size of the service card corresponding to the selected layout effect through a progressive framework for constructing a user interface.
According to the portal layout method in the embodiment, the position and the size of the service card are used as the layout effect of the corresponding portal, when the effect change instruction is detected in the portal, the content of the service card is rendered in the portal according to the position and the size of the service card corresponding to the selected layout effect through the progressive frame for constructing the user interface, so that various portal layout effects can be set, the portal layout effect can be changed at any time, and the requirements of enterprises on various portal layout forms are met.
In one embodiment, a conventional portal layout scheme divides a portal page into different fixed regions, each region displaying certain business-related information. Further, each service area is no longer fixed and a limited amount of dragging can be performed, thereby changing the layout.
The above-mentioned conventional methods have the following disadvantages:
1. without the concept of a service card, all service information is put together, strong isolation is not made on a user interface and a program, and if a certain service makes a mistake, the whole portal page is likely to be rushed.
2. The information area of each service is fixed in the portal page, and the layout cannot be modified as required.
3. Even if the layout can be modified, the size of the service area can be modified only to a limited extent, and the position and size of the service area cannot be freely adjusted.
4. If a new service exposure is to be added to a portal page, the design and layout of the entire page may need to be changed significantly.
5. The adjustment of important business information on the portal is not facilitated for enterprise managers and users.
6. The layout mode is not intelligent enough, and the reasonable and beautiful page can be achieved by manual adjustment for many times.
7. The single layout cannot meet the requirements of various portal layout forms of enterprises.
Accordingly, various embodiments of the present application are presented. Fig. 7 is a schematic flow chart of portal layout according to another embodiment. Which comprises the following steps:
1. and the portal administrator enters a portal background management page.
2. And acquiring the service card from the server.
3. The grid layout engine initializes the size and position of each card in the layout page via the business card.
Wherein the minimum pixel value for the size scaling and card movement of a card is planned by the grid system. For example, such as a minimum of 10 pixels of movement of a card at a time, 10 pixels of magnification, etc. When the layout is adjusted, the free scaling, the position movement, and the like can be realized without being limited by the grid system.
4. And the user drags the business card, and the position and coordinate data of the card can be updated in real time.
5. A user adds a business card, and calculates a blank area which can accommodate the newly added card on a two-dimensional layout plane through a dynamic card insertion algorithm, so that the intelligent placement of the new card at a proper position is realized.
6. When a user deletes one business card, the card can be deleted from the layout page, and other cards can intelligently adjust the positions and occupy the vacant positions left by the deleted card.
7. The current portal layout is saved in a plurality of portal layout lists.
8. The ordinary user enters the portal page.
9. And acquiring the service card data through the server.
10. And rendering the service cards on the portal according to the respective positions and sizes through the Vue.
Therefore, the embodiment of the application has the following advantages:
1. each business card in the portal layout is highly modularized, the cards are not affected with each other, and the stability of the whole portal page is improved.
2. The horizontal expansion capability is strong, and the newly added service card can be conveniently and quickly added into the existing portal layout.
3. High freedom of portal layout: each business card can be arbitrarily enlarged and reduced, and can be dragged to any position.
4. Highly intelligent portal layout: the newly added card will be automatically put in the proper position; the deleted card also frees up the space it occupies; when a certain card is dragged, other affected cards can be automatically moved to proper positions. The wisdom layout engine that realizes in this application embodiment makes the card have magnetism and inhale the effect, and the increase of a certain card, delete, adjustment size or position all can let all cards in whole overall arrangement adjust an optimum state, and all cards can dynamic adjustment own positions, occupy unnecessary vacancy to generate a compacter, pleasing to the eye overall arrangement.
5. Js, the service cards are rendered and previewed in real time on the layout page through the runtime compiling function provided by Vue, so that the WYSIWYG effect is realized.
6. Each user can set a unique layout mode of the portal page, and thousands of people and thousands of faces are realized, so that the uniform portal layout style of an enterprise is not provided.
7. The enterprise administrator can set a variety of portal layout effects and can seamlessly switch while the portal is running.
It should be understood that although the steps in the flowcharts of fig. 2 and 7 are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least some of the steps in fig. 2 and 7 may include multiple steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, which are not necessarily performed in sequence, but may be performed in turn or alternately with other steps or at least some of the other steps.
In one embodiment, as shown in fig. 8, there is provided a portal layout apparatus, including: a display module 802, a placeable region determination module 804, and an adjustment module 806, wherein:
a display module 802, configured to display a service card on a portal layout page;
a placeable area determining module 804, configured to determine, based on a service card layout on the portal layout page, a placeable area of the target service card in the portal layout page when the target service card changes;
and an adjusting module 806, configured to place the target service card in the placeable area, and adjust the layout of the service card displayed on the portal layout page.
In the portal layout device, the business cards are displayed on the portal layout page, when the target business card changes, the placeable area of the target business card in the portal layout page is determined based on the layout of the business cards on the portal layout page, the target business card is placed in the placeable area, the layout of the displayed business cards on the portal layout page is adjusted, the layout can be modified as required, each business card in the portal is highly modularized, the cards do not influence each other, and the stability of the portal is improved; and the effects of high freedom, customization and intellectualization of the portal layout can be achieved.
In one embodiment, the placeable area determining module 804 is configured to determine, when the position of the target service card displayed on the portal layout page changes, a placeable area of the target service card in the portal layout page based on the changed position of the target service card and the layout of the service cards on the portal layout page.
In the portal layout device in this embodiment, when the position of the target service card displayed on the portal layout page changes, based on the changed position of the target service card and the layout of the service cards on the portal layout page, the placeable area of the target service card in the portal layout page is determined, and when the position of a certain service card in the portal layout page changes, other affected cards can be automatically moved to other positions, so that the layout is more flexible and beautiful.
In one embodiment, the placeable area determining module 804 is configured to determine, based on a layout of a service card on a portal layout page, an area in the portal layout page that does not include the service card when a trigger operation for adding a control to the card is detected; the card adding control is used for adding a target business card; and taking the area which does not contain the business card as the placeable area of the target business card.
In the portal layout device in this embodiment, when the trigger operation for adding the control to the card is detected, based on the layout of the service cards on the portal layout page, the area in the portal layout page, which does not include the service card, is determined, the card addition control is used for adding the target service card, and the area, which does not include the service card, is used as the placeable area of the target service card, so that the intelligent placement of the new card at the appropriate position is realized.
In one embodiment, the placeable area determining module 804 is configured to determine, when the size of the target service card changes, a placeable area of the target service card in the portal layout page based on the changed size of the target service card and the layout of the service cards on the portal layout page. The adjusting module 806 is configured to adjust the size of the displayed service card on the portal layout page, so that the target service card and the displayed service card occupy the portal layout page.
In the portal layout device in this embodiment, when the size of the target service changes, based on the size of the changed target service card and the layout of the service cards on the portal layout page, the placeable area of the target service card in the portal layout page is determined, and the size of the service card displayed on the portal layout page is adjusted, so that the target service card and the displayed service card occupy the portal layout page, and the size of the service card in the portal can be adjusted, and therefore the sizes of the remaining service cards are adjusted, and the portal layout is more compact and beautiful.
In one embodiment, the adjusting module 806 is further configured to delete the target service card from the portal layout page when the deletion instruction for the target service card is obtained, and adjust the layout of the service cards in the portal layout page, so that the service cards in the portal layout page occupy the empty spaces left by the target service card.
In the portal layout device in this embodiment, when the target service card is deleted, the layout of the service cards in the portal layout page is adjusted, so that the service cards in the portal layout page occupy the empty space left by the target service card, the portal layout can be more intelligently realized, and the portal layout is more compact and beautiful.
In one embodiment, the portal layout apparatus further comprises a save module and a render module. The saving module is used for saving the position and the size of the business card in the portal layout page. The rendering module is used for entering a portal operation page and acquiring the content of the service card; and rendering the contents of the service cards in the portal according to the positions and the sizes of the corresponding service cards through a progressive framework for constructing a user interface.
The portal layout device in this embodiment can dynamically render the style of the card in actual operation according to the card rendering code through the runtime compiling capability provided by the progressive framework for constructing the user interface, so as to realize what you see is what you get, and can display different forms for the card according to different sizes when the user adjusts the size of the card.
In one embodiment, the portal layout apparatus further comprises a layout effect replacement module. And the layout effect replacing module is used for rendering the contents of the service cards in the portal according to the position and the size of the service cards corresponding to the selected layout effect through a progressive frame for constructing a user interface when an effect replacing instruction is detected in the portal.
The portal layout device in this embodiment uses the position and size of the service card as the layout effect of the corresponding portal, and when an effect change instruction is detected in the portal, renders the content of the service card in the portal according to the position and size of the service card corresponding to the selected layout effect through a progressive frame for constructing a user interface, so that various portal layout effects can be set, the portal layout effect can be changed at any time, and the requirements of an enterprise on various portal layout forms are met.
For the specific definition of the portal layout device, reference may be made to the above definition of the portal layout method, which is not described herein again. The various modules in the portal layout apparatus described above may be implemented in whole or in part by software, hardware, and combinations thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.
In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as shown in fig. 9. The computer device includes a processor, a memory, a communication interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The communication interface of the computer device is used for carrying out wired or wireless communication with an external terminal, and the wireless communication can be realized through WIFI, an operator network, NFC (near field communication) or other technologies. The computer program is executed by a processor to implement a portal layout method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
Those skilled in the art will appreciate that the architecture shown in figure Y is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as a particular computing device may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database or other medium used in the embodiments provided herein can include at least one of non-volatile and volatile memory. Non-volatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical storage, or the like. Volatile Memory can include Random Access Memory (RAM) or external cache Memory. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM), among others.
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.
Claims (10)
1. A portal layout method, comprising:
displaying the business card on a portal layout page;
when a target business card changes, determining a placeable area of the target business card in a portal layout page based on the business card layout on the portal layout page;
and placing the target business card in the placeable area, and adjusting the layout of the business card displayed on the portal layout page.
2. The method according to claim 1, wherein the determining placeable areas of the target service card in the portal layout page based on the layout of the service cards on the portal layout page when the target service card changes comprises:
when the position of the target business card displayed on the portal layout page changes, determining a placeable area of the target business card in the portal layout page based on the changed position of the target business card and the layout of the business card on the portal layout page.
3. The method according to claim 1, wherein the determining placeable areas of the target service card in the portal layout page based on the layout of the service cards on the portal layout page when the target service card changes comprises:
when the triggering operation of adding a control to the card is detected, determining an area which does not include the service card in a portal layout page based on the layout of the service card on the portal layout page; the card adding control is used for adding a target business card;
and taking the area which does not contain the business card as a placeable area of the target business card.
4. The method according to claim 1, wherein the determining placeable areas of the target service card in the portal layout page based on the layout of the service cards on the portal layout page when the target service card changes comprises:
when the size of a target business card changes, determining a placeable area of the target business card in a portal layout page based on the changed size of the target business card and the layout of the business cards on the portal layout page;
the adjusting the layout of the displayed service card on the portal layout page includes:
and adjusting the size of the displayed service card on the portal layout page, so that the target service card and the displayed service card occupy the portal layout page.
5. The method of claim 1, further comprising:
when a deleting instruction for a target service card is acquired, deleting the target service card from the portal layout page, and adjusting the layout of the service card in the portal layout page, so that the service card in the portal layout page occupies a vacancy left by the target service card.
6. The method of claim 1, further comprising:
saving the position and the size of the business card in the portal layout page;
entering a portal operation page to acquire the content of the business card;
and rendering the contents of the service cards in the portal according to the positions and the sizes of the corresponding service cards through a progressive framework for constructing a user interface.
7. The method of claim 6, further comprising:
taking the position and the size of the business card as the layout effect of the corresponding portal;
the rendering of the contents of the service cards in the portal according to the positions and the sizes of the corresponding service cards through a progressive framework for constructing the user interface comprises the following steps:
when the effect replacing instruction is detected in the portal, the service card content is rendered in the portal according to the position and the size of the service card corresponding to the selected layout effect through a progressive framework for constructing a user interface.
8. A portal layout apparatus, the apparatus comprising:
the display module is used for displaying the business card on the portal layout page;
the placeable area determining module is used for determining the placeable area of the target business card in the portal layout page based on the business card layout on the portal layout page when the target business card changes;
and the adjusting module is used for placing the target business card in the placeable area and adjusting the layout of the business card displayed on the portal layout page.
9. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor, when executing the computer program, implements the steps of the method of any of claims 1 to 7.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110800252.2A CN113569176A (en) | 2021-07-15 | 2021-07-15 | Portal layout method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110800252.2A CN113569176A (en) | 2021-07-15 | 2021-07-15 | Portal layout method and device, computer equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113569176A true CN113569176A (en) | 2021-10-29 |
Family
ID=78164917
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110800252.2A Pending CN113569176A (en) | 2021-07-15 | 2021-07-15 | Portal layout method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113569176A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114020381A (en) * | 2021-10-29 | 2022-02-08 | 青岛海信移动通信技术股份有限公司 | Terminal device, plug-in deployment method and storage medium |
| CN114237603A (en) * | 2021-12-22 | 2022-03-25 | 金蝶软件（中国）有限公司 | Portal interface layout method and device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050267789A1 (en) * | 2004-05-25 | 2005-12-01 | Anthony Satyadas | Portal generation for industry specific business roles |
| CN101158972A (en) * | 2007-11-19 | 2008-04-09 | 腾讯科技（深圳）有限公司 | Setting method and setting system of page layout |
| CN108073438A (en) * | 2018-01-02 | 2018-05-25 | 武汉斗鱼网络科技有限公司 | Page display method, device and electric terminal |
| CN113094127A (en) * | 2020-01-09 | 2021-07-09 | 腾讯科技（深圳）有限公司 | Page editing method and device, computer readable storage medium and computer equipment |
-
2021
- 2021-07-15 CN CN202110800252.2A patent/CN113569176A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050267789A1 (en) * | 2004-05-25 | 2005-12-01 | Anthony Satyadas | Portal generation for industry specific business roles |
| CN101158972A (en) * | 2007-11-19 | 2008-04-09 | 腾讯科技（深圳）有限公司 | Setting method and setting system of page layout |
| CN108073438A (en) * | 2018-01-02 | 2018-05-25 | 武汉斗鱼网络科技有限公司 | Page display method, device and electric terminal |
| CN113094127A (en) * | 2020-01-09 | 2021-07-09 | 腾讯科技（深圳）有限公司 | Page editing method and device, computer readable storage medium and computer equipment |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114020381A (en) * | 2021-10-29 | 2022-02-08 | 青岛海信移动通信技术股份有限公司 | Terminal device, plug-in deployment method and storage medium |
| CN114020381B (en) * | 2021-10-29 | 2024-03-22 | 青岛海信移动通信技术有限公司 | Terminal equipment, plug-in deployment method and storage medium |
| CN114237603A (en) * | 2021-12-22 | 2022-03-25 | 金蝶软件（中国）有限公司 | Portal interface layout method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10984169B2 (en) | Systems, methods, and computer-readable media for providing a dynamic loupe for displayed information | |
| WO2022252528A1 (en) | Information presentation method and apparatus | |
| KR102324286B1 (en) | Application interface management method and device | |
| EP3835931A1 (en) | Icon display method and apparatus, and terminal and storage medium | |
| US7966560B2 (en) | Laying out web components using mounting and pooling functions | |
| CN106164834A (en) | The immersion document with device-aware type scaling is mutual | |
| TW201539294A (en) | Cross-platform rendering engine | |
| CN111596911B (en) | Method, device, computer equipment and storage medium for generating control | |
| CN102902545B (en) | Markup language element is decomposed for animation | |
| JP4976353B2 (en) | Information processing apparatus and program | |
| CN113569176A (en) | Portal layout method and device, computer equipment and storage medium | |
| CN110020300B (en) | Browser page synthesis method and terminal | |
| CN113891140A (en) | Material editing method, device, equipment and storage medium | |
| CN112035877A (en) | Information hiding method and device, electronic equipment and readable storage medium | |
| CN112639709A (en) | Method and system for positioning animated images within a dynamic keyboard interface | |
| CN111045707B (en) | Method, apparatus, computer device and storage medium for updating applet | |
| CN112825020A (en) | Picture generation method and device, computer equipment and storage medium | |
| CN117492893A (en) | Method and device for realizing function of floating window and computer equipment | |
| CN117519882A (en) | Page layout adjustment method and device and processing equipment | |
| CN104216626A (en) | Image obtaining method and electronic device | |
| WO2023050744A1 (en) | Map editing method, system, apparatus, computer device, program product, and storage medium | |
| CN113901033A (en) | Data migration method, device, equipment and medium | |
| CN113393372A (en) | Desktop wallpaper setting method and device | |
| CN112817508B (en) | Method, device and equipment for managing gesture control instruction of resource material | |
| CN113282214B (en) | Stroke rendering method, device, storage medium and terminal |
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 |