CN114237603A - Portal interface layout method and device - Google Patents
Portal interface layout method and device Download PDFInfo
- Publication number
- CN114237603A CN114237603A CN202111582860.7A CN202111582860A CN114237603A CN 114237603 A CN114237603 A CN 114237603A CN 202111582860 A CN202111582860 A CN 202111582860A CN 114237603 A CN114237603 A CN 114237603A
- Authority
- CN
- China
- Prior art keywords
- card
- portal interface
- receiving
- interface
- portal
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the application provides a portal interface layout method and device, which are used for improving convenience of portal interface layout. The method in the embodiment of the application comprises the following steps: receiving at least one card added on the portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area; receiving an edit to a card head and a card content area of at least one card; receiving a setting of a position of at least one card in a portal interface; saving the card head of the at least one card and the position of the at least one card in the portal interface; storing the edited content in the card content area of at least one card as DIV label data; inserting DIV tag data of at least one card into a Document Object Model (DOM), so that the browser renders the at least one card according to the DIV tag data, a card header and the position of the at least one card in a portal interface; at least one card is saved to a card store of the portal interface.
Description
Technical Field
The application relates to the technical field of planar design, in particular to a layout method and device of a portal interface.
Background
When a user uses the system, the user does not know which functions the system has, or does not know the entrance of some functions of the system, or wants to place the frequently used functions in a conspicuous place, so that the user can use the system conveniently, and therefore the portal is produced.
When designing an enterprise portal, an enterprise administrator generally plans the content displayed by the portal, but the target system only supports fixed layout, so that the design is limited to a certain extent, and other users cannot realize personalized modification of a portal interface after the administrator configures a public scheme.
Disclosure of Invention
The embodiment of the application provides a portal interface layout method and device, which are used for improving convenience of portal interface layout.
A first aspect of the embodiments of the present application provides a layout method for a portal interface, including:
receiving at least one card added on a portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
receiving an edit to the card head and card content area of the at least one card;
receiving a setting of a position of the at least one card in the portal interface;
performing a save of a card header of the at least one card and a position of the at least one card in the portal interface;
storing the edited content in the card content area of the at least one card as DIV label data;
inserting DIV tag data of the at least one card into a Document Object Model (DOM), so that a browser renders the at least one card according to the DIV tag data, the card header and the position of the at least one card in the portal interface;
and saving the at least one card to a card library of the portal interface.
Preferably, the receiving a setting of a position of the at least one card in the portal interface includes:
determining a reference point of the portal interface, and establishing a coordinate system by taking the reference point as an origin;
equally dividing the coordinate axis of the portal interface in the coordinate system into a plurality of grids;
receiving the setting of the at least one card reference point, and setting the position of the at least one card in the portal interface according to the coordinates of the at least one card reference point and the grid number occupied by the card in the coordinate axis respectively.
Preferably, the card further comprises a drag area for changing the size of the card through the drag area.
Preferably, the method further comprises: and saving the portal interface where the at least one card is located in a database.
Preferably, a monitoring event is set on the portal interface, and the monitoring event is used for automatically saving the rendered card or the refreshed portal interface when a refreshing event of the portal interface or a rendering event of the card is monitored.
Preferably, the method further comprises:
and receiving sharing permission set for the portal interface, so that the user can share the portal interface through the sharing permission.
Preferably, the method further comprises:
and if the modification operation is performed on the card in the portal interface, respectively performing the storage operation on the portal interface before and after the modification.
A second aspect of the embodiments of the present application provides a layout apparatus for a portal interface, including:
the receiving unit is used for receiving at least one card added on the portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
the receiving unit is further used for receiving the editing of the card head and the card content area of the at least one card;
the receiving unit is further used for receiving the setting of the position of the at least one card in the portal interface;
the saving unit is used for saving the card head of the at least one card and the position of the at least one card in the portal interface;
the storage unit is further configured to store the edited content in the card content area of the at least one card as DIV tag data;
the rendering unit is used for inserting the DIV tag data of the at least one card into a Document Object Model (DOM) so that the browser renders the at least one card according to the DIV tag data, the card header and the position of the at least one card in the portal interface;
the storage unit is further configured to store the at least one card in a card library of the portal interface.
Preferably, the receiving unit is specifically configured to:
determining a reference point of the portal interface, and establishing a coordinate system by taking the reference point as an origin;
equally dividing the coordinate axis of the portal interface in the coordinate system into a plurality of grids;
receiving the setting of the at least one card reference point, and setting the position of the at least one card in the portal interface according to the coordinates of the at least one card reference point and the grid number occupied by the card in the coordinate axis respectively.
Preferably, the card further comprises a drag area for changing the size of the card through the drag area.
Preferably, the saving unit is further configured to:
and saving the portal interface where the at least one card is located in a database.
Preferably, the receiving unit is further configured to:
and receiving a monitoring event set on the door interface, wherein the monitoring event is used for automatically storing the rendered card or the refreshed door interface when a refreshing event of the door interface or a rendering event of the card is monitored.
Preferably, the receiving unit is further configured to:
and receiving sharing permission set for the portal interface, so that the user can share the portal interface through the sharing permission.
Preferably, the saving unit is further configured to:
and if the modification operation is performed on the card in the portal interface, respectively performing the storage operation on the portal interface before and after the modification.
A computer apparatus comprising a processor for implementing a method for layout of a portal interface as described in the first aspect of embodiments of the present application when executing a computer program stored on a memory.
A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, is configured to implement a method for layout of a portal interface according to the first aspect of the embodiments of the present application.
A computer program product, which when run on a computer device, causes the computer device to execute the method for layout of a portal interface according to the first aspect of the embodiments of the present application.
According to the technical scheme, the embodiment of the application has the following advantages:
in the embodiment of the application, a user can add different cards in the portal interface, edit the contents of the cards and set the positions of the cards in the portal interface so as to realize personalized modification of the contents of the cards in the portal interface, thereby improving the convenience of the layout of the portal interface.
Drawings
FIG. 1 is a schematic diagram illustrating an embodiment of a method for layout of a portal interface in an embodiment of the present application;
FIG. 2 is a schematic structural diagram of a card according to an embodiment of the present application;
FIG. 3 is a schematic diagram of another embodiment of a layout method of a portal interface in an embodiment of the present application;
FIG. 4 is a schematic diagram of card position coordinates in an embodiment of the present application;
FIG. 5 is a schematic diagram of another embodiment of a layout method of a portal interface in an embodiment of the present application;
fig. 6 is a schematic diagram of an embodiment of a layout apparatus of a portal interface in an embodiment of the present application.
Detailed Description
The embodiment of the application provides a portal interface layout method and device, which are used for improving convenience of portal interface layout.
In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only partial embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The terms "first," "second," "third," "fourth," and the like in the description and in the claims of the present application and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that the embodiments described herein may be practiced otherwise than as specifically illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
The embodiment of the application provides a layout method and device for a portal interface, aiming at the problems that in the prior art, the portal interface can only be designed through fixed layout, and after the portal interface is finished, an ordinary user cannot realize personalized modification of the portal interface.
For convenience of understanding, please refer to fig. 1, which is a schematic diagram of an embodiment of a portal interface layout method according to an embodiment of the present application:
101. receiving at least one card added on a portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
a portal: the enterprise information resource uniform entrance is oriented to an enterprise content management, information release and integrated display platform.
In order to implement personalized design of a portal interface, the embodiment of the application can receive at least one card added on the portal interface by a user, wherein the card refers to a carrier for displaying content on the portal interface, and the content displayed on the portal interface is implemented by loading different cards and setting the cards.
Specifically, the card comprises a card head and a card content area, wherein the card head comprises a card title area and a card event area, and further, the card in the embodiment of the application further comprises a dragging area, so that the size of the card can be changed through the dragging area. For ease of understanding, FIG. 2 shows a schematic view of the card.
102. Receiving an edit to the card head and card content area of the at least one card;
after adding a card in a portal interface, a user edits a card head and a card content area of the card, wherein a title area of the card head is mainly used for displaying the name of the card, and an event area of the card is mainly used for setting events supported by the card, such as refreshing events, deleting events, adding events and the like. The card content area is used for displaying the content displayed by the card, such as the development history of the enterprise, the historical performance or the development status of the enterprise, and the like.
103. Receiving a setting of a position of the at least one card in the portal interface;
after the editing of the card content is completed, the setting of the position of the card in the portal interface by the user is further received, and specifically, how the user sets the position of the card in the portal interface is described in the following embodiments, which is not described herein again.
104. Performing a save of a card header of the at least one card and a position of the at least one card in the portal interface;
after the user edits the card header of the card and sets the position of the card in the portal interface to store, the data interface of the portal frame can be called to directly store the card header and the position of the card in the portal interface.
105. Storing the edits in the card content area of the at least one card as DIV label data;
DIV tag data, which may define partitions or sections in the document, may divide the document into separate, distinct sections. It can be used as a strict organizational tool and is not associated with it using any format.
At present, the mainstream browser supports DIV label data, which enables the browser to render the card content according to the preset requirements.
In order to realize personalized modification of the card content, in the embodiment of the application, after the user edits the card content, the service code is called to store the edited content in the card content area of at least one card as DIV tag data, so that the browser can render the card according to the DIV tag data.
106. Inserting DIV tag data of the at least one card into a Document Object Model (DOM), so that a browser renders the at least one card according to the DIV tag data, the card header and the position of the at least one card in a portal interface;
the document object module DOM is a programming interface of HTML and XML documents, allows scripts to control Web pages, windows and documents so as to modify the current page, and when the DIV tag data of at least one card is inserted into the document object model DOM, the browser can render the at least one card according to the DIV tag data, the card head and the position of the card in the portal interface so as to obtain a design result desired by a user. Such as designing the current card to be dynamically displayed, adding a label to the current card, etc.
107. And saving the at least one card to a card library of the portal interface.
After the rendering of the cards is completed, the rendered cards can be stored in a card library of the portal interface, so that the cards can be directly called when used next time.
In the embodiment of the application, a user can add different cards in the portal interface, edit the contents of the cards and set the positions of the cards in the portal interface, so that personalized modification of the contents of the cards in the portal interface is realized, and the convenience of the layout of the portal interface is also improved.
Based on the embodiment shown in fig. 1, step 103 in the embodiment of fig. 1 is described in detail below, please refer to fig. 3, where fig. 3 is a detailed step of step 103:
301. determining a reference point of the portal interface, and establishing a coordinate system by taking the reference point as an origin;
in order to determine the position of the card in the portal interface, a coordinate system may be set on the portal interface, specifically, a reference point of the portal interface is determined first, and a coordinate system is established with the reference point as an origin, for example, the length of the portal interface is set as an x-axis, and the width of the portal interface is set as a Y-axis.
302. Equally dividing the coordinate axis of the portal interface in the coordinate system into a plurality of grids;
in order to conveniently set the position of the card in the portal interface, the coordinate axes of the portal interface in the coordinate system can be equally divided into a plurality of grids, so that when the position of the card in the portal interface is defined, the position of the card in the portal interface can be quickly determined through the position coordinates of the reference point of the card and the number of the grids occupied by the length and the width of the card.
303. Receiving the setting of the at least one card reference point, and setting the position of the at least one card in the portal interface according to the coordinates of the at least one card reference point and the grid number occupied by the card in the coordinate axis respectively.
To determine the position of the card in the portal interface, a reference point may be selected on the card, wherein the reference point may be the upper left corner, the lower left corner, the center of the card, or the like, and is not limited herein. Furthermore, in order to conveniently determine the position of the card in the portal interface, the position of the card in the portal interface can be rapidly determined through the number of grids occupied by the card in the coordinate axis respectively, for example, the length of the card occupies one grid number of the X axis, and the width of the card occupies 2 grid numbers of the Y axis, so that the position of the card in the portal interface can be rapidly determined, and the position of the card can be determined through the number of grids, so that when the display screens with different resolutions face each other, the portal interface can also self-adjust the size of the card according to the resolution of the display screens, for example, the self-adjustment can be automatically performed on the number of pixels occupied by each grid on the X axis and the Y axis according to the resolution of the display screens. For ease of understanding, FIG. 4 provides a schematic illustration of the location of multiple cards in a portal interface.
In the embodiment of the application, the position of the card in the portal interface is quickly determined through the grid number of the coordinate axes of the portal interface, the method can automatically adapt to different resolutions of different display screens, and the self-adjustment of the size of the card is realized in the display screens with different resolutions.
Based on the embodiment described in fig. 1, after the designed cards are saved in the card library, the designed portal interface may also be saved in the database, so as to facilitate the use or modification of the portal interface at a later stage.
Further, in order to ensure the integrity of data in the portal interface when modification operation is performed on the portal interface, the portal interface before and after modification can be respectively saved when modification operation is performed on the card in the portal interface, so as to ensure the completeness of data in the portal interface and realize the tracing of original data in the portal interface.
Based on the embodiment described in fig. 1 or fig. 2, in order to implement automatic backup of portal interface data and sharing of a portal interface scheme when modifying a portal interface, the following operations may also be performed on the portal interface, please refer to fig. 5, where fig. 5 is another embodiment of a portal interface layout method in an embodiment of the present application:
501. receiving a monitoring event set on the portal interface, wherein the monitoring event is used for automatically storing a rendered card or a refreshed portal interface when a refreshing event of the portal interface or a rendering event of the card is monitored;
in order to realize automatic backup of portal interface data when a portal interface is modified, a monitoring event can be set on the portal interface, wherein the monitoring event is used for monitoring a refreshing event of the portal interface or a rendering event of a card, and the rendered card or the refreshed portal interface is automatically stored when the refreshing event of the portal interface or the rendering event of the card is monitored, so that convenience in deployment of the portal interface is further realized.
502. And receiving sharing permission set for the portal interface, so that the user can share the portal interface through the sharing permission.
In order to enable the designed portal interface to be shared by other users, certain sharing authority such as a user name and a password can be set for the portal interface, so that other users can share the portal interface through the sharing authority (the user name and the password).
In the embodiment of the application, the automatic saving of the card or the portal interface is realized by monitoring the event, so that the traceability of the content of the card and the content of the portal interface is ensured, the portal interface can be shared to other users by sharing the authority, and the personalized modification and user sharing of the data of the portal interface are realized.
With reference to fig. 6, the method for laying out a portal interface in the embodiment of the present application is described above, and a device for laying out a portal interface in the embodiment of the present application is described below, where an embodiment of the device for laying out a portal interface in the embodiment of the present application includes:
the receiving unit 601 is used for receiving at least one card added on the portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
the receiving unit 601 is further configured to receive editing of a card head and a card content area of the at least one card;
the receiving unit 601 is further configured to receive a setting of a position of the at least one card in the portal interface;
a saving unit 602, configured to perform saving on a card header of the at least one card and a position of the at least one card in the portal interface;
the saving unit 602 is further configured to save the edited content in the card content area of the at least one card as DIV tag data;
a rendering unit 603, configured to insert the DIV tag data of the at least one card into a document object model DOM, so that the browser renders the at least one card according to the DIV tag data, the card header, and a position of the at least one card in the portal interface;
the saving unit 602 is further configured to save the at least one card in a card library of the portal interface.
Preferably, the receiving unit 601 is specifically configured to:
determining a reference point of the portal interface, and establishing a coordinate system by taking the reference point as an origin;
equally dividing the coordinate axis of the portal interface in the coordinate system into a plurality of grids;
receiving the setting of the at least one card reference point, and setting the position of the at least one card in the portal interface according to the coordinates of the at least one card reference point and the grid number occupied by the card in the coordinate axis respectively.
Preferably, the card further comprises a drag area for changing the size of the card through the drag area.
Preferably, the saving unit 602 is further configured to:
and saving the portal interface where the at least one card is located in a database.
Preferably, the receiving unit 601 is further configured to:
and receiving a monitoring event set on the door interface, wherein the monitoring event is used for automatically storing the rendered card or the refreshed door interface when a refreshing event of the door interface or a rendering event of the card is monitored.
Preferably, the receiving unit 601 is further configured to:
and receiving sharing permission set for the portal interface, so that the user can share the portal interface through the sharing permission.
Preferably, the saving unit 602 is further configured to:
and if the modification operation is performed on the card in the portal interface, respectively performing the storage operation on the portal interface before and after the modification.
It should be noted that the functions of the units in the embodiment of the present application are similar to those described in the embodiment of fig. 1 to 5, and are not described again here.
In the embodiment of the application, the receiving unit 601 receives that the user adds different cards to the portal interface, the receiving unit 601 receives the content of the card edited by the user, and the position of the card in the portal interface is set, so that personalized modification of the content of the card in the portal interface is realized, and convenience in layout of the portal interface is improved.
The above describes the layout apparatus of the portal interface in the embodiment of the present application from the perspective of the modular functional entity, and the following describes the computer apparatus in the embodiment of the present application from the perspective of hardware processing:
the computer device is used for realizing the functions of a layout device of a portal interface, and one embodiment of the computer device in the embodiment of the application comprises the following steps:
a processor and a memory;
the memory is used for storing the computer program, and the processor is used for realizing the following steps when executing the computer program stored in the memory:
receiving at least one card added on a portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
receiving an edit to the card head and card content area of the at least one card;
receiving a setting of a position of the at least one card in the portal interface;
saving the card head of the at least one card and the position of the at least one card in the portal interface;
storing the edited content in the card content area of the at least one card as DIV label data;
inserting DIV tag data of the at least one card into a Document Object Model (DOM), so that a browser renders the at least one card according to the DIV tag data, the card header and the position of the at least one card in the portal interface;
and saving the at least one card to a card library of the portal interface.
In some embodiments of the present application, the processor may be further configured to:
determining a reference point of the portal interface, and establishing a coordinate system by taking the reference point as an origin;
equally dividing the coordinate axis of the portal interface in the coordinate system into a plurality of grids;
receiving the setting of the at least one card reference point, and setting the position of the at least one card in the portal interface according to the coordinates of the at least one card reference point and the grid number occupied by the card in the coordinate axis respectively.
Preferably, the card further comprises a drag area for changing the size of the card through the drag area.
In some embodiments of the present application, the processor may be further configured to:
and saving the portal interface where the at least one card is located in a database.
In some embodiments of the present application, the processor may be further configured to:
and receiving a monitoring event set on the door interface, wherein the monitoring event is used for automatically storing the rendered card or the refreshed door interface when a refreshing event of the door interface or a rendering event of the card is monitored.
In some embodiments of the present application, the processor may be further configured to:
and receiving sharing permission set for the portal interface, so that the user can share the portal interface through the sharing permission.
In some embodiments of the present application, the processor may be further configured to:
and if the modification operation is performed on the card in the portal interface, respectively performing the storage operation on the portal interface before and after the modification.
It is to be understood that, when the processor in the computer apparatus described above executes the computer program, the functions of each unit in the corresponding apparatus embodiments may also be implemented, and are not described herein again. Illustratively, the computer program may be partitioned into one or more modules/units that are stored in the memory and executed by the processor to accomplish the present application. The one or more modules/units may be a series of computer program instruction segments capable of performing specific functions, which are used to describe the execution process of the computer program in the layout apparatus of the portal interface. For example, the computer program may be divided into units in the layout means of the portal interface described above, each unit being able to implement the specific functions as described above for the layout means of the respective portal interface.
The computer device can be a desktop computer, a notebook, a palm computer, a cloud server and other computing equipment. The computer device may include, but is not limited to, a processor, a memory. It will be appreciated by those skilled in the art that the processor, memory are merely examples of a computer apparatus and are not meant to be limiting, and that more or fewer components may be included, or certain components may be combined, or different components may be included, for example, the computer apparatus may also include input output devices, network access devices, buses, etc.
The Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field-Programmable gate array (FPGA) or other Programmable logic device, discrete gate or transistor logic device, discrete hardware component, etc. The general purpose processor may be a microprocessor or the processor may be any conventional processor or the like which is the control center for the computer device and which connects the various parts of the overall computer device using various interfaces and lines.
The memory may be used to store the computer programs and/or modules, and the processor may implement various functions of the computer device by running or executing the computer programs and/or modules stored in the memory and invoking data stored in the memory. The memory may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function, and the like; the storage data area may store data created according to the use of the terminal, and the like. In addition, the memory may include high speed random access memory, and may also include non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), at least one magnetic disk storage device, a Flash memory device, or other volatile solid state storage device.
The present application further provides a computer-readable storage medium for implementing the functionality of a layout apparatus for a portal interface, having stored thereon a computer program which, when executed by a processor, may be adapted to perform the steps of:
receiving at least one card added on a portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
receiving an edit to the card head and card content area of the at least one card;
receiving a setting of a position of the at least one card in the portal interface;
saving the card head of the at least one card and the position of the at least one card in the portal interface;
storing the edited content in the card content area of the at least one card as DIV label data;
inserting DIV tag data of the at least one card into a Document Object Model (DOM), so that a browser renders the at least one card according to the DIV tag data, the card header and the position of the at least one card in the portal interface;
and saving the at least one card to a card library of the portal interface.
In some embodiments of the present application, the computer program stored on the computer-readable storage medium, when executed by the processor, may be specifically configured to perform the following steps:
determining a reference point of the portal interface, and establishing a coordinate system by taking the reference point as an origin;
equally dividing the coordinate axis of the portal interface in the coordinate system into a plurality of grids;
receiving the setting of the at least one card reference point, and determining the position of the at least one card in the portal interface according to the coordinates of the at least one card reference point and the grid number occupied by the card in the coordinate axis respectively.
Preferably, the card further comprises a drag area for changing the size of the card through the drag area.
In some embodiments of the present application, the computer program stored on the computer-readable storage medium, when executed by the processor, may be specifically configured to perform the following steps:
and saving the portal interface where the at least one card is located in a database.
In some embodiments of the present application, the computer program stored on the computer-readable storage medium, when executed by the processor, may be specifically configured to perform the following steps:
and receiving a monitoring event set on the door interface, wherein the monitoring event is used for automatically storing the rendered card or the refreshed door interface when a refreshing event of the door interface or a rendering event of the card is monitored.
In some embodiments of the present application, the computer program stored on the computer-readable storage medium, when executed by the processor, may be specifically configured to perform the following steps:
and receiving sharing permission set for the portal interface, so that the user can share the portal interface through the sharing permission.
In some embodiments of the present application, the computer program stored on the computer-readable storage medium, when executed by the processor, may be specifically configured to perform the following steps:
and if the modification operation is performed on the card in the portal interface, respectively performing the storage operation on the portal interface before and after the modification.
It will be appreciated that the integrated units, if implemented as software functional units and sold or used as a stand-alone product, may be stored in a corresponding one of the computer readable storage media. Based on such understanding, all or part of the flow of the method according to the above embodiments may be implemented by a computer program, which may be stored in a computer-readable storage medium and used by a processor to implement the steps of the above embodiments of the method. Wherein the computer program comprises computer program code, which may be in the form of source code, object code, an executable file or some intermediate form, etc. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, usb disk, removable hard disk, magnetic disk, optical disk, computer Memory, Read-only Memory (ROM), Random Access Memory (RAM), electrical carrier wave signals, telecommunications signals, software distribution medium, etc. It should be noted that the computer readable medium may contain content that is subject to appropriate increase or decrease as required by legislation and patent practice in jurisdictions, for example, in some jurisdictions, computer readable media does not include electrical carrier signals and telecommunications signals as is required by legislation and patent practice.
In the several embodiments provided in the present application, it should be understood that the disclosed system, apparatus and method may be implemented in other manners. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The above embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions in the embodiments of the present application.
Claims (10)
1. A layout method of a portal interface, comprising:
receiving at least one card added on a portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
receiving an edit to the card head and card content area of the at least one card;
receiving a setting of a position of the at least one card in the portal interface;
performing a save of a card header of the at least one card and a position of the at least one card in the portal interface;
storing the edited content in the card content area of the at least one card as DIV label data;
inserting DIV tag data of the at least one card into a Document Object Model (DOM), so that a browser renders the at least one card according to the DIV tag data, the card header and the position of the at least one card in the portal interface;
and saving the at least one card to a card library of the portal interface.
2. The method of claim 1, wherein receiving a setting of a position of the at least one card in the portal interface comprises:
determining a reference point of the portal interface, and establishing a coordinate system by taking the reference point as an origin;
equally dividing the coordinate axis of the portal interface in the coordinate system into a plurality of grids;
receiving the setting of the at least one card reference point, and setting the position of the at least one card in the portal interface according to the coordinates of the at least one card reference point and the grid number occupied by the card in the coordinate axis respectively.
3. The method of claim 1, wherein the card further comprises a drag area for changing a size of the card through the drag area.
4. The method of claim 1, further comprising: and saving the portal interface where the at least one card is located in a database.
5. The method according to claim 4, wherein a monitoring event set on the door interface is received, and the monitoring event is used for automatically saving a rendered card or a refreshed door interface when a refreshing event of the door interface or a rendering event of the card is monitored.
6. The method of claim 4, further comprising:
and receiving sharing permission set for the portal interface, so that the user can share the portal interface through the sharing permission.
7. The method of claim 4, further comprising:
and if the modification operation is performed on the card in the portal interface, respectively performing the storage operation on the portal interface before and after the modification.
8. A portal interface layout arrangement, comprising:
the receiving unit is used for receiving at least one card added on the portal interface, wherein the card comprises a card head and a card content area, and the card head comprises a card title area and a card event area;
the receiving unit is further used for receiving the editing of the card head and the card content area of the at least one card;
the receiving unit is further used for receiving the setting of the position of the at least one card in the portal interface;
the saving unit is used for saving the card head of the at least one card and the position of the at least one card in the portal interface;
the storage unit is further configured to store the edited content in the card content area of the at least one card as DIV tag data;
the rendering unit is used for inserting the DIV tag data of the at least one card into a Document Object Model (DOM) so that the browser renders the at least one card according to the DIV tag data, the card header and the position of the at least one card in the portal interface;
the storage unit is further configured to store the at least one card in a card library of the portal interface.
9. A computer arrangement comprising a processor, characterized in that the processor, when executing a computer program stored on a memory, is adapted to carry out the method of layout of a portal interface according to 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, is adapted to carry out a method of layout of a portal interface according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111582860.7A CN114237603A (en) | 2021-12-22 | 2021-12-22 | Portal interface layout method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111582860.7A CN114237603A (en) | 2021-12-22 | 2021-12-22 | Portal interface layout method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114237603A true CN114237603A (en) | 2022-03-25 |
Family
ID=80761371
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111582860.7A Pending CN114237603A (en) | 2021-12-22 | 2021-12-22 | Portal interface layout method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114237603A (en) |
-
2021
- 2021-12-22 CN CN202111582860.7A patent/CN114237603A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109408764B (en) | Page area dividing method, device, computing equipment and medium | |
| US20160321021A1 (en) | Method and system of automated generation of user form interface | |
| CN110058856A (en) | Page configuration method and device | |
| CN110851134A (en) | Low-code page design device and page design method | |
| CN110362307A (en) | Forms pages configuration method and server | |
| CN111984902A (en) | Visual page configuration method, system, computer equipment and storage medium | |
| CN110688600A (en) | Online editing method, device and equipment based on HTML (Hypertext markup language) page and storage medium | |
| CN109783757B (en) | Method, device and system for rendering webpage, storage medium and electronic device | |
| CN111126019B (en) | Report generation method and device based on mode customization and electronic equipment | |
| CN112711418B (en) | Front-end interface layout method and device for multiple components, electronic equipment and storage medium | |
| US8909596B1 (en) | Operational-transform-compatible representation of 2-dimensional page layout data | |
| CN104571819A (en) | Application program management method and application program management device | |
| CN111476007B (en) | Table generation method, table generation device, computer device and computer-readable storage medium | |
| CN105912328A (en) | Method and device for displaying web system page, and web system | |
| CN112256670A (en) | Data migration method, terminal device and readable storage medium | |
| CN109739906A (en) | A kind of report form generation method and system | |
| CN113407254B (en) | Form generation method and device, electronic equipment and storage medium | |
| CN111506306B (en) | Method and device for writing active script and electronic equipment | |
| CN117724714A (en) | Workflow creation method, workflow creation device, electronic device and computer readable storage medium | |
| CN116956847A (en) | Report management method and device | |
| CN114237603A (en) | Portal interface layout method and device | |
| CN111435300A (en) | Web system development method, device, equipment and storage medium | |
| CN112363698B (en) | Method, device, electronic equipment and medium for constructing web page in visualization mode | |
| CN115562662A (en) | Application page creating method and device, computer equipment and storage medium | |
| CN115167728A (en) | Menu bar merging and displaying method, device and computer readable storage medium |
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 |