CN111966266A - Page layout method and related equipment - Google Patents
Page layout method and related equipment Download PDFInfo
- Publication number
- CN111966266A CN111966266A CN202010756127.1A CN202010756127A CN111966266A CN 111966266 A CN111966266 A CN 111966266A CN 202010756127 A CN202010756127 A CN 202010756127A CN 111966266 A CN111966266 A CN 111966266A
- Authority
- CN
- China
- Prior art keywords
- layout
- components
- interface
- operation instruction
- layout interface
- 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 52
- 230000006870 function Effects 0.000 claims abstract description 23
- 230000000712 assembly Effects 0.000 claims description 4
- 238000000429 assembly Methods 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 12
- 238000004590 computer program Methods 0.000 description 10
- 230000008569 process Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 5
- 230000008878 coupling Effects 0.000 description 5
- 238000010168 coupling process Methods 0.000 description 5
- 238000005859 coupling reaction Methods 0.000 description 5
- 230000001413 cellular effect Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000001514 detection method Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000005236 sound signal Effects 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 239000012530 fluid Substances 0.000 description 1
- 230000005484 gravity Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
- 239000013598 vector Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 210000000707 wrist Anatomy 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application provides a page layout method and related equipment, which can improve the page layout efficiency and reduce the page layout complexity. The method comprises the following steps: determining N components corresponding to the layout interface, wherein N is a positive integer greater than or equal to 1; determining a layout mode corresponding to the layout interface; receiving a first operation instruction of a user through the layout interface; placing the N components on the layout interface through the first operation instruction based on the layout mode; setting styles and attributes of the N components placed in the layout interface to complete the layout of the N components in the layout interface, wherein the attributes of the N components indicate business functions of the N components, and the styles of the N components include but are not limited to positioning, size, transparency and background of the N components.
Description
Technical Field
The present application relates to the field of communications, and in particular, to a page layout method and related devices.
Background
The interface layout is that the user makes comprehensive rules and arrangements for the page display contents provided by the server, including what contents are displayed, the placement position of the contents, the layout mode of the contents, the size of the contents, the display fonts and colors, the operation interaction between the contents, and the like.
The main layout products in the current market are: axiure, Mockplus, proto. io, Invision, Justinmed, Wireframe sketcher, Fluid UI, ink knife, and the like. However, current page layouts are inefficient, complex, and may also require the involvement of programmers or after-market personnel.
Disclosure of Invention
The application provides a page layout method and related equipment, which can reduce the complexity of page layout and improve the efficiency of page layout.
A first aspect of the present application provides a page layout method, including:
determining N components corresponding to the layout interface, wherein N is a positive integer greater than or equal to 1;
determining a layout mode corresponding to the layout interface;
receiving a first operation instruction of a user through the layout interface;
placing the N components on the layout interface through the first operation instruction based on the layout mode;
setting styles and attributes of the N components placed in the layout interface to complete the layout of the N components in the layout interface, wherein the attributes of the N components indicate business functions of the N components, and the styles of the N components include but are not limited to positioning, size, transparency and background of the N components.
Optionally, the method further comprises:
receiving a second operation instruction of the user;
and uploading a first target component according to the second operation instruction, wherein the first target component is a component which is defined by the user according to a standard format.
Optionally, the method further comprises:
when the N components comprise second target components supporting data sets and the N components in the layout interface finish layout operation, acquiring request data corresponding to the second target components;
and displaying the request data according to the display mode corresponding to the second target assembly.
Optionally, the method further comprises:
and storing the layout interface after the layout of the N components is completed.
Optionally, the method further comprises:
and displaying the layout interface after the layout of the N components is completed.
A second aspect of the present application provides a page layout apparatus, including:
the first determining unit is used for determining N components corresponding to the layout interface, wherein N is a positive integer greater than or equal to 1;
the second determining unit is used for determining a layout mode corresponding to the layout interface;
the receiving unit is used for receiving a first operation instruction of a user through the layout interface;
the placing unit is used for placing the N components on the layout interface through the first operation instruction based on the layout mode;
the layout unit is configured to set styles and attributes of the N components placed on the layout interface to complete the layout of the N components in the layout interface, where the attributes of the N components indicate business functions of the N components, and the styles of the N components include, but are not limited to, positions, sizes, transparencies, and backgrounds of the N components.
Optionally, the receiving unit is further configured to receive a second operation instruction of the user;
the placing unit is further configured to upload a first target component according to the second operation instruction, where the first target component is a component that is customized by the user according to a standard format.
Optionally, the apparatus further comprises:
the obtaining unit is used for obtaining request data corresponding to a second target assembly when the N assemblies comprise the second target assembly supporting a data set and the N assemblies in the layout interface finish layout operation;
and the display unit is used for displaying the request data according to the display mode corresponding to the second target assembly.
Optionally, the apparatus further comprises:
and the storage unit is used for storing the layout interface after the layout of the N components is finished.
Optionally, the display unit is further configured to display the layout interface after the layout of the N components is completed.
A third aspect of the present application provides a computer apparatus comprising: at least one connected processor, memory, and transceiver; the memory is used for storing program codes, and the program codes are loaded and executed by the processor to realize the steps of the page layout method of the first aspect.
A fourth aspect of the present application provides a computer-readable storage medium comprising instructions which, when run on a computer, cause the computer to perform the steps of the method for layout of pages as described in the first aspect above.
In summary, it can be seen that, in the embodiment provided by the present application, a layout device of a page may determine N components corresponding to a layout interface, where N is a positive integer greater than or equal to 1; determining a layout mode corresponding to the layout interface; receiving a first operation instruction of a user through a layout interface, and placing N components on the layout interface through the first operation instruction based on a layout mode; and setting the styles and the attributes of the N components placed on the layout interface so as to complete the layout of the N components in the layout interface. Therefore, the display logic of the layout interface is basically consistent with the operation, so that the interface seen during setting and the interface obtained after operation are basically the same, and during the determination and placement of the components, the participation of programmers or after-sales personnel is not needed, and only the selection and drag and drop of the components are needed, so that the complexity of page layout can be reduced, and the efficiency of page layout can be improved.
Drawings
Fig. 1 is a schematic flowchart of a page layout method according to an embodiment of the present application;
FIG. 2 is a schematic view of a virtual structure of a page layout apparatus according to an embodiment of the present application;
fig. 3 is a schematic hardware structure diagram of a page layout apparatus according to an embodiment of the present application;
fig. 4 is a schematic hardware structure diagram of a server according to an embodiment of the present application.
Detailed Description
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 a part of the embodiments of the present application, and not all of the embodiments.
The terms "first," "second," 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 "comprise," "include," and "have," and any variations thereof, are intended to cover non-exclusive inclusions, such that a process, method, system, article, or apparatus that comprises a list of steps or modules is not necessarily limited to those steps or modules expressly listed, but may include other steps or modules not expressly listed or inherent to such process, method, article, or apparatus, the division of modules presented herein is merely a logical division that may be implemented in a practical application in a further manner, such that a plurality of modules may be combined or integrated into another system, or some feature vectors may be omitted, or not implemented, and such that couplings or direct couplings or communicative coupling between each other as shown or discussed may be through some interfaces, indirect couplings or communicative coupling between modules may be electrical or other similar, this application is not intended to be limiting. The modules or sub-modules described as separate components may or may not be physically separated, may or may not be physical modules, or may be distributed in a plurality of circuit modules, and some or all of the modules may be selected according to actual needs to achieve the purpose of the present disclosure.
An interface layout is a page layout tool that is provided to a user for editing and use in the form of a client or online web page, and may include a server program to store and present layout content.
The layout tool generally provides a plurality of layout modes, such as free layout, table layout, top-bottom arrangement layout, opposite layout, etc., and when a page is newly created, the layout mode is usually selected first.
And after the layout mode is determined, setting page content according to the use condition. The layout may provide a variety of components (i.e., display content) including buttons, navigation bars, menus, lists, slides, links, containers, and the like.
The layout mode determines the placement sequence and position of the components, and the size, background color, font, function and the like of the components can be set on each component, so that a complete page is finally formed. The embodiment of the application provides a page layout method, which adopts a B/S (Browser/Server) architecture, and a user sets a page layout in a Browser and then stores the page layout in a Server. When the page content is viewed in the browser, the server returns the set layout data to the browser for analysis and display
The page layout method of the present application is described below from the perspective of a page layout device, where the page layout device may be a server, or may be a service unit in the server, and is not particularly limited.
Referring to fig. 1, fig. 1 is a schematic flow chart of a page layout method according to an embodiment of the present application, including:
101. and determining N components corresponding to the layout interface.
In this embodiment, the layout device of the page may determine N components corresponding to the layout interface, where N is a positive integer greater than or equal to 1, that is, the layout device of the page may determine some components in the page that is desired to be laid out, that is, which components are desired to be laid out in the layout interface, where the N components include, but are not limited to, a button component, a navigation bar component, a menu component, a list component, a slide component, a link component, a container component, and other components. The method for determining the N components is not particularly limited herein, for example, the method may receive an instruction of a user, and select N components that are desired to be used from a component database according to the instruction of the user, where the component database stores a plurality of components including a button component, a navigation bar component, a menu component, a list component, a slide assembly, a link component, and a container component, and the component database also stores a custom component that is used by the user before.
In one embodiment, the page layout device may receive a second operation instruction of the user, and upload the first target component according to the second operation instruction, where the first target component is a component customized by the user according to the standard format.
In this embodiment, when the component that the user wants to use is not stored in the component database, the user may perform a custom operation on the component, that is, the layout device of the page may generate the first target component according to the operation instruction of the user and upload the first target component for use.
It should be noted that the layout interface supports JS and CSS code embedding, so that the user can perform some custom styles and operations in the set page base.
102. And determining a layout mode corresponding to the layout interface.
In this embodiment, the layout device of the page may determine a layout mode corresponding to the layout interface, where the layout mode includes, but is not limited to, a free layout, a table layout, an up-down arrangement layout, a relative layout, and the like. Specifically, the layout mode desired by the user may be selected according to the user's instruction. Of course, the layout mode may also be determined according to other manners, for example, randomly selecting one layout mode, which is not limited specifically, and the description herein takes the layout mode as an absolute positioning layout mode as an example.
It should be noted that, N components corresponding to the layout interface may be determined through step 101, and the layout mode corresponding to the layout interface may be determined through step 102, however, there is no limitation on the execution order between the two steps, and step 101 may be executed first, step 102 may be executed first, or step 102 may be executed simultaneously, which is not limited specifically.
103. A first operation instruction of a user is received through a layout interface.
In this embodiment, the page layout device may receive a first operation instruction of a user through the layout interface.
104. And placing the N components on the layout interface through the first operation instruction based on the layout mode.
In this embodiment, the layout device of the page may place the N components on the layout interface through the first operation instruction based on the layout mode. Specifically, N component drag-into-layout interfaces can be controlled by a JS event, and after dragging N components into a layout interface, the positions of the N components are recorded.
In one embodiment, the operation of generating the first operation instruction includes at least one of a gesture operation, a sliding operation, a clicking operation and a voice control operation, for example, when a user performs the clicking operation, the clicking operation may receive the clicking operation, and at this time, the clicking operation may place N components on the layout interface based on the layout model, that is, the operation instruction may be defined in advance, for example, the sliding operation is defined in advance as an operation of placing N components on the layout interface based on the layout model (e.g., a left sliding operation, a right sliding operation, a top sliding operation, a bottom sliding operation, etc.), the clicking operation is defined as an operation of placing N components on the layout interface based on the layout model (e.g., a single-clicking operation or a double-clicking operation, etc.), the gesture operation is defined as an operation of placing N components on the layout interface based on the layout model (e.g., swinging a wrist or, for example, the above is only an example and does not represent a limitation on the operation of generating the first operation instruction, and the above is not intended to limit the operation of generating the first operation instruction.
105. And setting the styles and the attributes of the N components placed on the layout interface so as to complete the layout of the N components in the layout interface.
In this embodiment, after the layout apparatus of the page places the N components in the layout interface according to the first operation instruction, the style and the attribute of the N components placed in the layout interface may be set to complete the layout of the N components in the layout interface, where the attribute of the N components indicates a service function of the N components, and the style of the N components includes, but is not limited to, a location, a size, a transparency, and a background of the N components. That is, each of the N components may be commonly configured, including location, size, transparency, background, etc., and each of the N components may further have different configuration items, so that the service function of each component may be configured. It is understood that each of the N components has a setting file and a running file, and when the page layout is completed and the layout interface is run, all the functions of each of the N components are shown through the running file.
It should be noted that after the N components are laid out in the layout interface, the layout interface on which the N components are laid out can be displayed, and the layout interface on which the N components are laid out is stored, specifically, in a JSP manner, and when the layout interface is operated, the components in the layout interface are rendered through JS + CSS.
In one embodiment, when the N components include a second target component supporting a data set and the N components in the layout interface finish layout operation, acquiring request data corresponding to the second target component;
and displaying the request data according to the display mode corresponding to the second target assembly.
In this embodiment, when N components in the layout interface complete layout and run, if the N components include a second target component that supports a data set, request data corresponding to the second target component is obtained, and the request data is displayed according to a display manner corresponding to the second target component. That is, when there is a component supporting a data set among the N components, after configuring the data set, the layout interface runtime sends an AJAX request to obtain the requested data, and then displays the requested data according to the configured display manner.
In summary, it can be seen that, in the embodiment provided by the present application, a layout device of a page may determine N components corresponding to a layout interface, where N is a positive integer greater than or equal to 1; determining a layout mode corresponding to the layout interface; receiving a first operation instruction of a user through a layout interface, and placing N components on the layout interface through the first operation instruction based on a layout mode; and setting the styles and the attributes of the N components placed on the layout interface so as to complete the layout of the N components in the layout interface. Therefore, the display logic of the layout interface is basically consistent with the operation, so that the interface seen during setting and the interface obtained after operation are basically the same, and during the determination and placement of the components, the participation of programmers or after-sales personnel is not needed, and only the selection and drag and drop of the components are needed, so that the complexity of page layout can be reduced, and the efficiency of page layout can be improved.
The present application is described above from the viewpoint of a page layout method, and the present application is described below from the viewpoint of a page layout device.
Referring to fig. 2, fig. 2 is a schematic view of a virtual structure of a page layout apparatus according to an embodiment of the present application, including:
a first determining unit 201, configured to determine N components corresponding to a layout interface, where N is a positive integer greater than or equal to 1;
a second determining unit 202, configured to determine a layout mode corresponding to the layout interface;
a receiving unit 203, configured to receive a first operation instruction of a user through the layout interface;
a placing unit 204, configured to place the N components on the layout interface through the first operation instruction based on the layout mode;
a layout unit 205, configured to set styles and attributes of the N components placed in the layout interface to complete the layout of the N components in the layout interface, where the attributes of the N components indicate business functions of the N components, and the styles of the N components include, but are not limited to, positions, sizes, transparencies, and backgrounds of the N components.
Optionally, the receiving unit 203 is further configured to receive a second operation instruction of the user;
the placing unit 204 is further configured to upload a first target component according to the second operation instruction, where the first target component is a component that is customized by the user according to a standard format.
Optionally, the apparatus further comprises:
an obtaining unit 206, configured to obtain, when the N components include a second target component that supports a data set and N components in the layout interface complete layout operation, request data corresponding to the second target component;
a display unit 207, configured to display the request data according to the display manner corresponding to the second target component.
Optionally, the apparatus further comprises:
the storage unit 208 is configured to store the layout interface after the layout of the N components is completed.
Optionally, the display unit 207 is further configured to display the layout interface after the layout of the N components is completed.
In summary, it can be seen that, in the embodiment provided by the present application, a layout device of a page may determine N components corresponding to a layout interface, where N is a positive integer greater than or equal to 1; determining a layout mode corresponding to the layout interface; receiving a first operation instruction of a user through a layout interface, and placing N components on the layout interface through the first operation instruction based on a layout mode; and setting the styles and the attributes of the N components placed on the layout interface so as to complete the layout of the N components in the layout interface. Therefore, the display logic of the layout interface is basically consistent with the operation, so that the interface seen during setting and the interface obtained after operation are basically the same, and during the determination and placement of the components, the participation of programmers or after-sales personnel is not needed, and only the selection and drag and drop of the components are needed, so that the complexity of page layout can be reduced, and the efficiency of page layout can be improved.
The embodiment of the present application further provides another page layout apparatus, as shown in fig. 3, for convenience of description, only the portions related to the embodiment of the present application are shown, and details of the specific technology are not disclosed, please refer to the method portion of the embodiment of the present application. The data monitoring and analyzing device may be any terminal device including a mobile phone, a tablet computer, a PDA (Personal Digital Assistant), a POS (Point of Sales), a vehicle-mounted computer, etc., taking a layout device of a page as a mobile phone as an example:
fig. 3 is a block diagram illustrating a partial structure of a mobile phone related to a terminal provided in an embodiment of the present application. Referring to fig. 3, the cellular phone includes: radio Frequency (RF) circuit 310, memory 320, input unit 330, display unit 340, sensor 350, audio circuit 360, wireless fidelity (WiFi) module 370, processor 380, and power supply 390. Those skilled in the art will appreciate that the handset configuration shown in fig. 3 is not intended to be limiting and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components.
The following describes each component of the mobile phone in detail with reference to fig. 3:
the RF circuit 310 may be used for receiving and transmitting signals during information transmission and reception or during a call, and in particular, receives downlink information of a base station and then processes the received downlink information to the processor 380; in addition, the data for designing uplink is transmitted to the base station. In general, the RF circuit 310 includes, but is not limited to, an antenna, at least one Amplifier, a transceiver, a coupler, a Low Noise Amplifier (LNA), a duplexer, and the like. In addition, RF circuit 310 may also communicate with networks and other devices via wireless communication. The wireless communication may use any communication standard or protocol, including but not limited to Global System for Mobile communication (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), email, Short Messaging Service (SMS), and the like.
The memory 320 may be used to store software programs and modules, and the processor 380 executes various functional applications and data processing of the mobile phone by operating the software programs and modules stored in the memory 320. The memory 320 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required by at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data (such as audio data, a phonebook, etc.) created according to the use of the cellular phone, and the like. Further, the memory 320 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.
The input unit 330 may be used to receive input numeric or character information and generate key signal inputs related to user settings and function control of the cellular phone. Specifically, the input unit 330 may include a touch panel 331 and other input devices 332. The touch panel 331, also referred to as a touch screen, can collect touch operations of a user (e.g., operations of the user on the touch panel 331 or near the touch panel 331 using any suitable object or accessory such as a finger, a stylus, etc.) on or near the touch panel 331, and drive the corresponding connection device according to a preset program. Alternatively, the touch panel 331 may include two parts, a touch detection device and a touch controller. The touch detection device detects the touch direction of a user, detects a signal brought by touch operation and transmits the signal to the touch controller; the touch controller receives touch information from the touch sensing device, converts the touch information into touch point coordinates, sends the touch point coordinates to the processor 380, and can receive and execute commands sent by the processor 380. In addition, the touch panel 331 may be implemented in various types, such as a resistive type, a capacitive type, an infrared ray, and a surface acoustic wave. The input unit 330 may include other input devices 332 in addition to the touch panel 331. In particular, other input devices 332 may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, and the like.
The display unit 340 may be used to display information input by the user or information provided to the user and various menus of the mobile phone. The Display unit 340 may include a Display panel 341, and optionally, the Display panel 341 may be configured in the form of a Liquid Crystal Display (LCD), an Organic Light-Emitting Diode (OLED), or the like. Further, the touch panel 331 can cover the display panel 341, and when the touch panel 331 detects a touch operation on or near the touch panel 331, the touch panel is transmitted to the processor 380 to determine the type of the touch event, and then the processor 380 provides a corresponding visual output on the display panel 341 according to the type of the touch event. Although in fig. 3, the touch panel 331 and the display panel 341 are two independent components to implement the input and output functions of the mobile phone, in some embodiments, the touch panel 331 and the display panel 341 may be integrated to implement the input and output functions of the mobile phone.
The handset may also include at least one sensor 350, such as a light sensor, motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor that adjusts the brightness of the display panel 341 according to the brightness of ambient light, and a proximity sensor that turns off the display panel 341 and/or the backlight when the mobile phone is moved to the ear. As one of the motion sensors, the accelerometer sensor can detect the magnitude of acceleration in each direction (generally, three axes), can detect the magnitude and direction of gravity when stationary, and can be used for applications of recognizing the posture of a mobile phone (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer and tapping), and the like; as for other sensors such as a gyroscope, a barometer, a hygrometer, a thermometer, and an infrared sensor, which can be configured on the mobile phone, further description is omitted here.
WiFi belongs to short-distance wireless transmission technology, and the mobile phone can help a user to receive and send e-mails, browse webpages, access streaming media and the like through the WiFi module 370, and provides wireless broadband internet access for the user. Although fig. 3 shows the WiFi module 370, it is understood that it does not belong to the essential constitution of the handset, and can be omitted entirely as needed within the scope not changing the essence of the invention.
The processor 380 is a control center of the mobile phone, connects various parts of the whole mobile phone by using various interfaces and lines, and performs various functions of the mobile phone and processes data by operating or executing software programs and/or modules stored in the memory 320 and calling data stored in the memory 320, thereby performing overall monitoring of the mobile phone. Optionally, processor 380 may include one or more processing units; preferably, the processor 380 may integrate an application processor, which primarily handles operating systems, user interfaces, applications, etc., and a modem processor, which primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into processor 380.
The handset also includes a power supply 390 (e.g., a battery) for powering the various components, which may preferably be logically connected to the processor 380 via a power management system to manage charging, discharging, and power consumption via the power management system.
Although not shown, the mobile phone may further include a camera, a bluetooth module, etc., which are not described herein.
In the embodiment of the present application, the processor 380 may also perform the operations performed by the page layout device.
Fig. 4 is a schematic diagram of a server 400 according to an embodiment of the present disclosure, where the server 400 may have a relatively large difference due to different configurations or performances, and may include one or more Central Processing Units (CPUs) 422 (e.g., one or more processors) and a memory 432, and one or more storage media 430 (e.g., one or more mass storage devices) for storing applications 442 or data 444. Wherein the memory 432 and storage medium 430 may be transient or persistent storage. The program stored on the storage medium 430 may include one or more modules (not shown), each of which may include a series of instruction operations for the server. Still further, the central processor 422 may be arranged to communicate with the storage medium 430, and execute a series of instruction operations in the storage medium 430 on the server 400.
The server 400 may also include one or more power supplies 426, one or more wired or wireless network interfaces 450, one or more input-output interfaces 458, and/or one or more operating systems 441, such as Windows Server, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, and so forth.
The steps performed by the page layout means in the above embodiments may be based on the server structure shown in fig. 4.
The embodiment of the present application further provides a computer-readable storage medium, on which a program is stored, and the program, when executed by a processor, implements the steps of the page layout method described above.
The embodiment of the application further provides a processor, wherein the processor is used for running a program, and the step of the page layout method is executed when the program runs.
The embodiment of the application also provides terminal equipment, which comprises a processor, a memory and a program stored on the memory and capable of running on the processor, wherein the program code is loaded and executed by the processor to realize the steps of the page layout method.
The present application also provides a computer program product adapted to perform the steps of the above-described page layout method when executed on a data processing device.
In the foregoing embodiments, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
It can be clearly understood by those skilled in the art that, for convenience and brevity of description, the specific working processes of the system, the apparatus and the module described above may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). The memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in the process, method, article, or apparatus that comprises the element.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The above are merely examples of the present application and are not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.
Claims (10)
1. A method for layout of a page, comprising:
determining N components corresponding to the layout interface, wherein N is a positive integer greater than or equal to 1;
determining a layout mode corresponding to the layout interface;
receiving a first operation instruction of a user through the layout interface;
placing the N components on the layout interface through the first operation instruction based on the layout mode;
setting styles and attributes of the N components placed in the layout interface to complete the layout of the N components in the layout interface, wherein the attributes of the N components indicate business functions of the N components, and the styles of the N components include but are not limited to positioning, size, transparency and background of the N components.
2. The method of claim 1, further comprising:
receiving a second operation instruction of the user;
and uploading a first target component according to the second operation instruction, wherein the first target component is a component which is defined by the user according to a standard format.
3. The method of claim 1, further comprising:
when the N components comprise second target components supporting data sets and the N components in the layout interface finish layout operation, acquiring request data corresponding to the second target components;
and displaying the request data according to the display mode corresponding to the second target assembly.
4. The method according to any one of claims 1 to 3, further comprising:
and storing the layout interface after the layout of the N components is completed.
5. The method according to any one of claims 1 to 4, further comprising:
and displaying the layout interface after the layout of the N components is completed.
6. An apparatus for laying out a page, comprising:
the first determining unit is used for determining N components corresponding to the layout interface, wherein N is a positive integer greater than or equal to 1;
the second determining unit is used for determining a layout mode corresponding to the layout interface;
the receiving unit is used for receiving a first operation instruction of a user through the layout interface;
the placing unit is used for placing the N components on the layout interface through the first operation instruction based on the layout mode;
the layout unit is configured to set styles and attributes of the N components placed on the layout interface to complete the layout of the N components in the layout interface, where the attributes of the N components indicate business functions of the N components, and the styles of the N components include, but are not limited to, positions, sizes, transparencies, and backgrounds of the N components.
7. The apparatus of claim 6,
the receiving unit is further configured to receive a second operation instruction of the user;
the placing unit is further configured to upload a first target component according to the second operation instruction, where the first target component is a component that is customized by the user according to a standard format.
8. The apparatus of claim 6, further comprising:
the obtaining unit is used for obtaining request data corresponding to a second target assembly when the N assemblies comprise the second target assembly supporting a data set and the N assemblies in the layout interface finish layout operation;
and the display unit is used for displaying the request data according to the display mode corresponding to the second target assembly.
9. A computer device, comprising:
at least one connected processor, memory, and transceiver;
the memory is used for storing program code which is loaded and executed by the processor to implement the steps of the method of layout of a page as claimed in any one of the preceding claims 1 to 5.
10. A computer-readable storage medium, comprising instructions which, when run on a computer, cause the computer to perform the steps of the method for layout of a page of any of the preceding claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010756127.1A CN111966266A (en) | 2020-07-31 | 2020-07-31 | Page layout method and related equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010756127.1A CN111966266A (en) | 2020-07-31 | 2020-07-31 | Page layout method and related equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111966266A true CN111966266A (en) | 2020-11-20 |
Family
ID=73363297
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010756127.1A Pending CN111966266A (en) | 2020-07-31 | 2020-07-31 | Page layout method and related equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111966266A (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170046317A1 (en) * | 2012-02-20 | 2017-02-16 | Wix.Com Ltd. | Method and system for section-based editing of a website page |
| CN107463584A (en) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | The editing and processing method and terminal of a kind of interaction page |
| CN110007999A (en) * | 2019-04-15 | 2019-07-12 | 成都四方伟业软件股份有限公司 | Page layout method, device and computer readable storage medium |
| CN110007917A (en) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | A kind of visual page generation and browsing method based on browser |
| CN110377858A (en) * | 2019-07-08 | 2019-10-25 | 紫光云技术有限公司 | A kind of visualization pulls the system and method for the generation dynamic list page |
-
2020
- 2020-07-31 CN CN202010756127.1A patent/CN111966266A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170046317A1 (en) * | 2012-02-20 | 2017-02-16 | Wix.Com Ltd. | Method and system for section-based editing of a website page |
| CN107463584A (en) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | The editing and processing method and terminal of a kind of interaction page |
| CN110007917A (en) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | A kind of visual page generation and browsing method based on browser |
| CN110007999A (en) * | 2019-04-15 | 2019-07-12 | 成都四方伟业软件股份有限公司 | Page layout method, device and computer readable storage medium |
| CN110377858A (en) * | 2019-07-08 | 2019-10-25 | 紫光云技术有限公司 | A kind of visualization pulls the system and method for the generation dynamic list page |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106406712B (en) | Information display method and device | |
| EP3654165A1 (en) | Method and apparatus for switching applications in split screen mode, and related device thereof | |
| CN109062467B (en) | Split screen application switching method and device, storage medium and electronic equipment | |
| US10725646B2 (en) | Method and apparatus for switching screen interface and terminal | |
| CN110941750B (en) | Data linkage method and related device | |
| CN104238918B (en) | List View component slippage display methods and device | |
| CN108156508B (en) | Barrage information processing method and device, mobile terminal, server and system | |
| CN111580815B (en) | Page element editing method and related equipment | |
| CN106780684B (en) | Animation effect realization method and device | |
| CN110673770B (en) | Message display method and terminal equipment | |
| CN108958629B (en) | Split screen quitting method and device, storage medium and electronic equipment | |
| CN104881844B (en) | Picture combination method and device and terminal equipment | |
| CN107766548B (en) | Information display method and device, mobile terminal and readable storage medium | |
| US20170046040A1 (en) | Terminal device and screen content enlarging method | |
| CN104281394A (en) | Method and device for intelligently selecting words | |
| CN109067981A (en) | Split screen application switching method, device, storage medium and electronic equipment | |
| CN104571979A (en) | Method and device for realizing split-screen views | |
| CN111770009B (en) | Data transmission method and related equipment | |
| US20140372930A1 (en) | Method and device for displaying a list view through a sliding operation | |
| CN104281568A (en) | Paraphrase display method and paraphrase display device | |
| CN104238931B (en) | Information input method and device and electronic equipment | |
| CN115017340A (en) | Multimedia resource generation method and device, electronic equipment and storage medium | |
| CN113050863A (en) | Page switching method and device, storage medium and electronic equipment | |
| CN112328349B (en) | Parameter setting method and related equipment | |
| CN104834655B (en) | A kind of method and apparatus for the mass parameter for showing Internet resources |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20201120 |