CN116340665A - Data display method and related equipment - Google Patents
Data display method and related equipment Download PDFInfo
- Publication number
- CN116340665A CN116340665A CN202310265381.5A CN202310265381A CN116340665A CN 116340665 A CN116340665 A CN 116340665A CN 202310265381 A CN202310265381 A CN 202310265381A CN 116340665 A CN116340665 A CN 116340665A
- Authority
- CN
- China
- Prior art keywords
- target data
- data
- card
- layout
- displayed
- 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 80
- 230000004044 response Effects 0.000 claims abstract description 66
- 238000004590 computer program Methods 0.000 claims description 10
- 230000009191 jumping Effects 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 35
- 230000002093 peripheral effect Effects 0.000 description 7
- 230000000694 effects Effects 0.000 description 5
- 230000009286 beneficial effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 2
- 241000699670 Mus sp. Species 0.000 description 1
- 238000013528 artificial neural network Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004140 cleaning Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000000428 dust Substances 0.000 description 1
- 230000005012 migration Effects 0.000 description 1
- 238000013508 migration Methods 0.000 description 1
- 230000001737 promoting effect Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/22—Indexing; Data structures therefor; Storage structures
- G06F16/2282—Tablespace storage structures; Management thereof
-
- 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/24—Querying
- G06F16/245—Query processing
- G06F16/2458—Special types of queries, e.g. statistical queries, fuzzy queries or distributed queries
- G06F16/2462—Approximate or statistical queries
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Probability & Statistics with Applications (AREA)
- Fuzzy Systems (AREA)
- Mathematical Physics (AREA)
- Computational Linguistics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure provides a data display method and related equipment. The method comprises the following steps: displaying a first page of a data table, the first page comprising at least one row of first target data displayed in a single row, the first target data comprising a plurality of fields; in response to determining that the current display mode is the first mode, adjusting first target data displayed in a single row to second target data displayed in a plurality of rows, wherein the second target data displayed in a plurality of rows comprises data of a plurality of fields in the first target data, and the first target data and the second target data are in one-to-one correspondence.
Description
Technical Field
The disclosure relates to the field of computer technology, and in particular, to a data display method and related equipment.
Background
In some scenarios, statistics may be required on the data, and the statistical data typically exists in the form of a data table (or table). When the data sheet is displayed on a webpage end (a Web end and a desktop end), the data sheet is displayed on a transverse screen, and the display screen of a computer is relatively large, so that enough data in the data sheet can be displayed in one page.
However, the inventors of the present disclosure found that, due to the need to present a data table with a mobile terminal, the related art generally directly shifts the page layout of the Web terminal to the mobile terminal in parallel. Such parallel migration does not allow for a good presentation of the data table.
Disclosure of Invention
The disclosure provides a data display method and related equipment to solve or partially solve the above problems.
In a first aspect of the present disclosure, there is provided a first page of a display data table, the first page including at least one row of first target data displayed in a single row, the first target data including a plurality of fields;
in response to determining that the current display mode is the first mode, adjusting first target data displayed in a single row to second target data displayed in a plurality of rows, wherein the second target data displayed in a plurality of rows comprises data of a plurality of fields in the first target data, and the first target data and the second target data are in one-to-one correspondence.
In a second aspect of the present disclosure, there is provided a data display apparatus comprising:
a display module configured to: displaying a first page of a data table, the first page comprising at least one row of first target data displayed in a single row, the first target data comprising a plurality of fields;
An adjustment module configured to: in response to determining that the current display mode is the first mode, adjusting first target data displayed in a single row to second target data displayed in a plurality of rows, wherein the second target data displayed in a plurality of rows comprises data of a plurality of fields in the first target data, and the first target data and the second target data are in one-to-one correspondence.
In a third aspect of the disclosure, a computer device is provided that includes one or more processors, memory; and one or more programs, wherein the one or more programs are stored in the memory and executed by the one or more processors, the programs comprising instructions for performing the method of the first aspect.
In a fourth aspect of the present disclosure, there is provided a non-transitory computer readable storage medium containing a computer program which, when executed by one or more processors, causes the processors to perform the method of the first aspect.
In a fifth aspect of the present disclosure, there is provided a computer program product comprising computer program instructions which, when run on a computer, cause the computer to perform the method of the first aspect.
According to the data display method and the related equipment, the second target data displayed in the plurality of rows is displayed in the page in the first mode, so that the layout is more suitable for the display of the data table by the mobile terminal, and the user consulting experience can be improved.
Drawings
In order to more clearly illustrate the technical solutions of the present disclosure or related art, the drawings required for the embodiments or related art description will be briefly described below, and it is apparent that the drawings in the following description are only embodiments of the present disclosure, and other drawings may be obtained according to these drawings without inventive effort to those of ordinary skill in the art.
Fig. 1A shows a schematic diagram of an exemplary system provided by an embodiment of the present disclosure.
FIG. 1B shows a schematic diagram of an exemplary mobile-side presentation data table.
Fig. 1C shows a schematic diagram of another exemplary mobile-side presentation data table.
Fig. 1D shows a schematic diagram of yet another exemplary mobile-side presentation data table.
FIG. 2 illustrates a schematic diagram of one exemplary page according to an embodiment of the present disclosure.
FIG. 3 illustrates a schematic diagram of an exemplary data table, according to an embodiment of the present disclosure.
Fig. 4A shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
Fig. 4B shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
Fig. 4C shows a schematic diagram of one exemplary page according to an embodiment of the present disclosure.
Fig. 4D shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
Fig. 4E shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
Fig. 4F shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
Fig. 4G shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
Fig. 4H shows a schematic diagram of one exemplary page according to an embodiment of the present disclosure.
FIG. 4I shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
FIG. 4J shows a schematic diagram of an exemplary page, according to an embodiment of the present disclosure.
Fig. 4K shows a schematic diagram of one exemplary page according to an embodiment of the present disclosure.
Fig. 4L shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.
Fig. 5 shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.
Fig. 6 shows a flow diagram of an exemplary method provided by an embodiment of the present disclosure.
Fig. 7 shows a schematic diagram of an exemplary apparatus provided by an embodiment of the present disclosure.
Fig. 8 shows a hardware configuration diagram of an exemplary computer device provided by an embodiment of the present disclosure.
Detailed Description
For the purposes of promoting an understanding of the principles and advantages of the disclosure, reference will now be made to the embodiments illustrated in the drawings and specific language will be used to describe the same.
It should be noted that unless otherwise defined, technical or scientific terms used in the embodiments of the present disclosure should be given the ordinary meaning as understood by one of ordinary skill in the art to which the present disclosure pertains. The terms "first," "second," and the like, as used in embodiments of the present disclosure, do not denote any order, quantity, or importance, but rather are used to distinguish one element from another. The word "comprising" or "comprises", and the like, means that elements or items preceding the word are included in the element or item listed after the word and equivalents thereof, but does not exclude other elements or items. The terms "connected" or "connected," and the like, are not limited to physical or mechanical connections, but may include electrical connections, whether direct or indirect. "upper", "lower", "left", "right", etc. are used merely to indicate relative positional relationships, which may also be changed when the absolute position of the object to be described is changed.
Fig. 1A shows a schematic diagram of an exemplary system 100 provided by an embodiment of the present disclosure.
As shown in fig. 1A, the system 100 may include terminal devices 102A, 102B and a server 104.
The terminal devices 102A, 102B may be terminals used by end users, and the terminal devices 102A, 102B may be arbitrary terminal devices. For example, the terminal devices 102A, 102B may be mobile terminals (e.g., cell phones, tablet computers (Pad)) or stationary terminals (e.g., personal Computers (PC), notebook computers). The terminal devices 102A, 102B may run an application and the application may provide corresponding services to the user.
The server 104 may be a single server or multiple servers, in which case a distributed architecture may be employed between the servers and may be formed as a server cluster.
In some embodiments, as shown in FIG. 1A, the system 100 may also include a database server 106 for storing data, and the server 104 may retrieve desired data, such as various data tables, from the database server 106.
As an alternative application scenario, the system 100 may be a data sharing and collaborative services system, and the end user may prune the corresponding data table by using the end devices 102A and 102B running the collaborative applications and may upload the modified data table to the server 104 and may store it in the database server 106. As an alternative embodiment, when one of the cooperating terminal devices (e.g., terminal device 102A) updates the data or a presentation of the data, the other terminal device (e.g., terminal device 102B) may also obtain updated content of the other terminal device from the server 104 and make a corresponding update to the data local to the other terminal device.
The inventor of the present disclosure finds that, in the related art, the page layout of the Web terminal is generally directly migrated to the mobile terminal in parallel, so that the presentation of the data table cannot be well realized.
FIG. 1B shows a schematic diagram of an exemplary mobile-side presentation data table.
The rounded rectangle area in fig. 1B represents a visual area of the mobile terminal, and as shown in fig. 1B, when the page layout of the Web terminal is directly transplanted to the mobile terminal in parallel, the visual area of the mobile terminal can only display less data of the data table, and if other data of the data table need to be checked, the page needs to be slid horizontally.
Fig. 1C shows a schematic diagram of another exemplary mobile-side presentation data table.
As shown in fig. 1C, although the page after being slid may be capable of displaying other data of the data table, the data shown in fig. 1B may be hidden, and the visible area of the mobile terminal may still be capable of displaying only less data of the data table.
Fig. 1D shows a schematic diagram of yet another exemplary mobile-side presentation data table.
As shown in fig. 1D, the user may display the data table by using the mobile terminal through the landscape screen, so that the amount of data that can be displayed may be increased, but even in the landscape screen state, the data table still cannot be completely displayed, and still needs to slide the page horizontally to view other data.
It can be seen that, in the related art, the data presentation of the online Database (Database) product at the mobile terminal is transplanted in parallel by the desktop terminal, but the device characteristics of the mobile terminal determine: the information quantity is small, the transverse sliding consulting efficiency is low, two experience slot points are used, and serious stuck points are generated for calling data in a short time.
In view of this, the embodiment of the disclosure provides a data display method, in which, in a first mode, second target data displayed in multiple rows is displayed in a page, and such a layout is more suitable for displaying a data table by a mobile terminal, so that user experience can be improved.
FIG. 2 illustrates a schematic diagram of an exemplary page 200, according to an embodiment of the present disclosure.
As shown in fig. 2, taking the example of a user using a database Application (APP) with a terminal device 102A, in some embodiments, in an initial state, when the APP is opened by the user, the page 200 shown in fig. 2 may be entered. The page 200 may include options 202A-202E corresponding to a user viewable form. Alternatively, the user may log into the APP using his account number, and the server 104 may receive the user's login information to determine the user's rights or a table associated with the user, and then return information of the table viewable by the user to the user's terminal device 102A based on the information, thereby generating the options 202A-202E in the page 200 of the terminal device 102A.
As shown in FIG. 2, options 204A and 204B for selecting the presentation mode may also be included in page 200, option 204A may correspond to a first mode, and option 204B may correspond to a second mode.
The user may select the corresponding options in page 200 (e.g., option 202A and option 204A) and then click on the ok button 206 to send a view instruction to terminal device 102A. In some embodiments, as shown in fig. 2, to prompt the user for the currently selected option, the user-clicked option may be highlighted.
It should be noted that, the page 200 shown in fig. 2 is merely illustrative of how the user may select the form and the presentation mode to be viewed, and does not represent the manner in which only the form and the presentation mode to be viewed are selected. It will be appreciated that the user may also open the default form directly and display the default form in a default display mode when opening the APP for the first time or not.
After receiving the view instruction, the terminal device 102A may present according to a data table selected by the user (e.g., table 1) or a default data table.
FIG. 3 illustrates a schematic diagram of an exemplary data table 300, according to an embodiment of the present disclosure.
As shown in fig. 3, the data table 300 includes several pieces of data (e.g., 12 pieces of data), each of which may include a plurality of fields (e.g., "single number", "in stage", "next stage", etc.).
In some embodiments, as the user selects option 204B, after receiving the view instruction, terminal device 102A may display at least one row of first target data comprising a plurality of fields (e.g., a plurality of fields in data table 300 shown in fig. 3) in a single row in response to determining that the current presentation mode is the second mode (or card presentation mode).
Fig. 4A shows a schematic diagram of an exemplary page 400, according to an embodiment of the present disclosure.
As shown in fig. 4A, in some embodiments, terminal device 102A, after receiving the view instruction, may jump from page 200 to page 400 and display at least one row of first target data in a single row in page 400.
In some embodiments, the data table 300 may include a plurality of pieces of data (e.g., 12 pieces of data), and thus, multiple rows of first target data 302A-302L displayed in a single row may be presented in the page 400. As shown in fig. 4A, the current mode in which the page 400 displays the data table 300 is the second mode, where each row of the first target data 302A-302L corresponds to one row of data in the data table 300, that is, each row of the first target data may include a plurality of fields, and these fields respectively correspond to a plurality of data columns in the data table 300. In this second mode, due to the limitation of the page width of the terminal device 102A, only a portion of the first target data 302A to 302L displayed in a single line can be displayed, and if more fields need to be displayed, a page needs to be slid horizontally to be implemented (refer to fig. 1C), so that both the operation and the viewing are inconvenient.
As an alternative embodiment, as shown in FIG. 4A, the page 400 may also present a toolbar 404, which toolbar 404 may provide various controls for a user to operate. Alternatively, to avoid the toolbar from affecting the user's view of the data table 300, the toolbar 404 may be presented at the bottom of the page 400.
As shown in fig. 4A, a layout control 4042 may be included in the toolbar 404 and the terminal device 102A may present a window 408 for selecting a card layout in the page 400 in response to a trigger instruction for the layout control 4042 (e.g., clicking on the layout control 4042), as shown in fig. 4B.
In some embodiments, as shown in fig. 4B, window 408 may include options 4084A, 4084B to set the presentation mode, option 4084A corresponding to the second mode, option 4084B corresponding to the first mode. Since the current presentation mode is the second mode, option 4084A is displayed as the selected state.
In some embodiments, when the user selects option 4084B, the current presentation mode may switch to the first mode, i.e., card mode, so that the user may view data table 300 in the first mode. In response to determining that the current presentation mode is the first mode, the terminal device 102A may adjust first target data displayed in a single line to second target data displayed in multiple lines, where the second target data displayed in multiple lines includes data of multiple fields in the first target data, and the first target data corresponds to the second target data one-to-one.
Fig. 4C shows a schematic diagram of an exemplary page 400 in a first mode according to an embodiment of the disclosure.
As shown in FIG. 4C, in a first mode, the page 400 may present a plurality of second target data 402A-402D displayed in a plurality of rows. In this way, the data displayed in a single line is adjusted to the data displayed in a plurality of lines in the first mode, and for one line of data in the data table 300, more content can be displayed in the mobile terminal 102A in the first mode, so that the reading efficiency of the user can be improved.
In some embodiments, after switching from the second mode to the first mode, the fields and the anchor point location recorded in the second mode are not remembered, i.e., the first screen record is shown by default in the card mode; and, after the layout is switched, the layout type of the corresponding view is changed, and the layout switching will be co-effective with the configuration, that is, the terminal (for example, the terminal device 102B in fig. 1A) working in a co-operation will also be simultaneously effective. It will be appreciated that in the state where the current presentation mode is the first mode, the user may also switch the presentation mode to the second mode by selecting option 4084A. In response to determining that the current presentation mode is switched from the first mode to the second mode, the terminal device 102A may readjust the second target data displayed in the plurality of lines to the first target data displayed in the single line, as shown in fig. 4A.
It will be appreciated that both the first mode and the second mode are tabular views showing data, the nature of which is still showing data in a data line fashion.
In some embodiments, as shown in fig. 4C, taking the second target data 402A as an example, the second target data displayed in multiple rows may further include a first area 4022 and a second area 4024, where the first area 4022 and the second area 4024 correspond to different data columns of the data table 300. Thus, more information of the fields in the data table 300 can be displayed in the second target data, and the reading efficiency can be further improved.
As shown in fig. 4C, as an alternative embodiment, the first area 4022 may have data of a first field in the first target data displayed therein. For example, data corresponding to the "single number" and "source" fields in data table 300. In some embodiments, as shown in fig. 4C, the second area 4024 displays data of a second field in the first target data. For example, data corresponding to the "in phase", "next phase", and "first time of touch" fields in the data table 300. It can be seen that the second target data displayed in a plurality of lines may include more information of fields than the first target data displayed in a single line, which is more advantageous for improving reading efficiency.
In some embodiments, as shown in fig. 4C, the first area 4022 displays data information of the first field, for example, the data information 4022A corresponds to data content of a "single number" field of the second target data, and the data information 4022B corresponds to data content of a "source" field of the second target data. By displaying the data content of the field in the first area 4022, on one hand, the data content included in the second target data can be intuitively reflected, and on the other hand, the field information (field name) is omitted, so that the occupied space can be reduced, and more data can be conveniently displayed.
In some embodiments, as shown in fig. 4C, the second area 4024 has data information and field information of the second field displayed therein. Taking the field "in stage" 4026 as an example, field information 4026A and data information 4026B of the field may be further included in the second area 4024. In this way, the information of the second field in the second area 4024 may be displayed completely, so that the displayed content is more, which is beneficial to improving the reading efficiency. As an alternative embodiment, in order to enable more content to be presented in the second area 4024, the font of field information and data information corresponding to the second field in the second area 4024 may be smaller than the first field, as shown in fig. 4C.
As an alternative embodiment, in order to make the page 400 more attractive, as shown in fig. 4C, the terminal device 102A may display the second target data 402A-402D displayed in multiple rows in the form of cards, where each second target data corresponds to one card, and the card may further include the first area 4022 and the second area 4024. As shown in fig. 4C, the page 400 may present a plurality of cards corresponding to a plurality of rows of data (e.g., the first 4 rows of data in 12 rows of data) of the data table 300. Alternatively, a single click of the card may open a detail page of the corresponding data.
To accommodate the vertical display habit of the page at the mobile terminal, in some embodiments, as shown in fig. 4C, the terminal device 102A may sequentially display the cards along the first direction 400A of the page 400. Alternatively, the arrangement order of the cards may be consistent with the arrangement order of the corresponding data in the data table 300, so that the user may more conveniently view the order in sequence.
When the viewable area of the page 400 is insufficient to present all of the data sheet 300, the page 400 may be slid to view cards of other data not currently presented in the page 400, as shown in FIG. 4C. Thus, in some embodiments, the terminal device 102A is responsive to a sliding operation for the page 400 in a direction opposite to the first direction 400A (upward direction of fig. 4A), other cards corresponding to the pieces of data of the data table 300, for example, cards corresponding to the second target data 402E, 402F of the data 005, 006, may be slid in the page 400, as shown in fig. 4D.
Since the user typically does not need to perform more complex operations on the page 400 during scrolling of the card, in some embodiments, the toolbar 404 may be hidden by the terminal device 102A in response to a sliding operation in a direction opposite the first direction 400A for the page 400, as shown in fig. 4D. In this way, during the process of scrolling the card, the viewable area of the terminal device 102A is enlarged, which is more convenient for the user to view the card. In some embodiments, as shown in fig. 4C, the page 400 may also present a statistics control 406, which statistics control 406 may also be hidden by the terminal device 102A similarly in response to a sliding operation in the opposite direction of the first direction 400A with respect to the page 400, as shown in fig. 4D. In this way, during the process of scrolling and viewing the card, the visible area of the terminal device 102A is further enlarged, which further facilitates the user in viewing the card. In some embodiments, the terminal device 102A, in response to a sliding operation in the first direction 400A (downward direction of fig. 4A) for the page 400, illustrates that the user may no longer need to view more card content, so the toolbar 404 and statistics control 406 may again be presented, as shown in fig. 4C.
Returning to FIG. 4C, it can be seen that each card can include information for at least one of the plurality of fields of corresponding data. Alternatively, as shown in FIG. 4A, the default height of each card may be the same, which may be more aesthetically pleasing; the width of the cards may be full screen width (substantially equal to the width of the page 400 in the second direction) to ensure that as much and as much content as can be presented per card. Through displaying data in the page in the form of cards, the layout is more suitable for displaying the data table by the mobile terminal, and user experience can be improved. In some embodiments, since the width of the card may be full of the screen width, i.e., the width of the card corresponds to the width of the viewable area of the screen, the terminal device 102A may not support sliding in the second direction (left-right sliding), in other words, in the first mode, the available operation of the card does not include the lateral sliding operation in the second mode, so that different operation modes may be provided in the two modes, respectively, enriching the user's choices. Thus, in some embodiments, the terminal device 102A does not perform the process of scrolling the page 400 in the second direction in response to the sliding operation in the second direction 400B for the page 400.
In some embodiments, as shown in fig. 4C, the first region of each card may be located above the card, such that the first field in the first region may be the title of the card. In order to enable a user to more quickly determine data corresponding to a corresponding card when viewing, the information of the title is selected by default from an index field (i.e., a field for indexing, for example, single numbers 001-012) of the data. As shown in fig. 4C, taking the second target data 402A as an example, alternatively, the data information 4022A may be a main title, the data information 4022B may be a sub-title, and the main title and the sub-title may be selected from different fields. Alternatively, the main title may be selected from the main index field and the sub-title may be selected from the other index field (auxiliary index). In some embodiments, if the field of the card's corresponding data for presentation as a title has no content record, the card's title may present a placeholder (which may be visually non-presenting any content). Alternatively, the subtitles may not be presented by default, so that card presentation space may be saved. If the subheading needs to be displayed, the user can perform corresponding configuration. The style of the subtitle can be consistent with the main title, and is weaker than the main title visually, for example, a font with lighter color and smaller font size is adopted, so that the distinction between the main title and the subtitle can be embodied, and the visual effect is better.
In some embodiments, the index field cannot be deleted, moved, or hidden.
As shown in fig. 4C, the card may include a body in addition to the title, that is, the second area 4024 may be a content presentation area, which may include information of at least one field (e.g., the second field 4026), and specific presentation content may be field information 4026a+data information 4026B. Optionally, the presentation content supports the presentation as it is in style (the format of the data content in the data table 300 is kept consistent in the card), such as options, personnel, association, etc., but some field types need to be adapted, such as web page links, attachments, etc., and the web page links need to be represented in blue bold words at the time of presentation, and the attachment field may then be added with an attachment tag to show that the field corresponds to an attachment.
As shown in fig. 4C, the card may also have a corresponding layout, so that, as an alternative embodiment, when the terminal device 102A presents the data in the form of a card in the page 400, in response to determining that the current card layout is a first layout (e.g., 1 row and 3 columns), information of fields contained in the data may be presented in the card according to the first layout. It will be appreciated that the first layout may also be selected by the user in the page 200 shown in fig. 2 (the corresponding selectable option is not shown in fig. 2), and in some embodiments may be default, for example, the information of the fields contained in the data is presented in the first layout (e.g., 1 row and 3 column) when the first mode is entered by default, and no record of the content may be presented in the placeholder. The specific manner may be set as needed, and is not particularly limited herein. Optionally, the fields, order, and number in the card layout may be adjusted.
In some embodiments, referring to fig. 4B, in response to a trigger instruction for the layout control 4042 (e.g., clicking on the layout control 4042), a window 408 for selecting a card layout may be presented in the page 400, wherein the window 408 may include a plurality of layout options 4082A-4082C, each layout option corresponding to one card layout, e.g., 1 row 3 column, 1 row 2 column, 1 row 1 column, etc. It will be appreciated that the card layout may have 1 row 4 column, 2 row 3 column, 2 row 2 column, 2 row 1 column, etc. in addition to 1 row 3 column, 1 row 2 column, 1 row 1 column. Alternatively, since the current card layout is the first layout, in window 408, the layout option 4082A corresponding to the first layout may be highlighted, thereby functioning as a reminder. In some embodiments, referring to fig. 4B, each layout option may further have a thumbnail of the layout of the corresponding card, so that the user can know what form of layout the card may have after selecting the layout option by looking at the thumbnail, which is convenient for the user to operate.
In some embodiments, the terminal device 102A may present information of the fields of the data in the cards 402A-402D in accordance with the second layout in response to a selection instruction (e.g., clicking on the layout option 4082B) for a layout option (e.g., layout option 4082B) corresponding to the second layout in the plurality of layout options, as shown in fig. 4E. It can be seen that when the user switches the card layout, the layout of the cards 402A and 402B in the page 400 changes in real time (as does other currently invisible cards), and the user can observe the display effect after switching the card layout in real time. Thus, the interface configuration can take effect in real time, each operation of the user can obtain effect feedback, the education cost is low, and the user experience is good. As shown in fig. 4E, the number of fields displayed in the second area of the card in the second layout is different from the number of fields displayed in the second area of the card in the first layout, so that the number of fields that can be displayed on the page 400 can be adjusted by adjusting the layout of the card, and the user can select a layout mode suitable for himself by switching the layout of the card, which is helpful for improving the reading efficiency.
Similarly, as shown in FIG. 4E, as the current card layout is switched to the second layout, in window 408, the layout option 4082B corresponding to the second layout may be highlighted and layout option 4082A may no longer be highlighted, thereby providing a reminder function.
As shown in fig. 4E, when the card layout is switched, the current card layout cannot fully display the information of the fields required to be displayed by the card, the information of the fields which cannot be displayed in the card can be hidden, and a development control can be generated at the bottom of the card.
Thus, in some embodiments, when presenting data in the page 400 in the form of a card, the terminal device 102A presents information for the first number of fields in the card and the expansion controls 4028A, 4028B at the bottom of the card in response to determining that the card includes a number of fields above the first number. As an alternative embodiment, in response to determining that the card includes a number of fields that is greater than a first number, presenting information for the first number of fields in the card and presenting a expand control at a bottom of the card may further include: in response to determining that the card includes a number of second fields that is higher than the first number, information (field information and data information) for the first number of second fields is presented in the card and a expand control is presented at a bottom of the card. It will be appreciated that since the card includes a first field and a second field, the first number of settings and the comparison relationship described above may be set according to actual values, which are merely illustrative.
The first number of values of the present embodiment may be different according to actual situations.
For example, in the foregoing embodiment, the first number has a value of 2, and the number of the second fields included in the card is 3, so that the information of the "first touch time" of the third field is folded and hidden, and the user is prompted to have the information of folding and hiding the card through the expansion controls 4028A and 4028B.
For another example, in the scenario shown in fig. 4C, if the user adds field information to the card, the first layout (1 row and 3 column) cannot display the information of the fourth field (for example, "last touch time"), and the terminal device 102A still needs to display the expansion controls 4028A and 4028B at the bottom of the card.
In some embodiments, the terminal device 102A, in response to a trigger instruction for the expansion control (e.g., expansion control 4028A), may expand the size of the card (e.g., card 402A) to enable information of all fields included in the card to be displayed in the card, facilitating a user to view information of all fields included in the card.
In some embodiments, the terminal device 102A may also synchronize information that the current card layout is switched to the second layout to a designated device (e.g., terminal device 102 b) such that cards in a page of the designated device present information for the at least one field of the data in the second layout. In this way, the user's configuration of the page can take effect in real time and synchronize to all collaborators in the current view each time.
With continued reference to fig. 4C, further, window 408 may also include other options or controls for other configurations. However, as shown in FIG. 4E, as an alternative embodiment, window 408 may only cover the lower half of page 400, such that the upper half of page 400 may still display content such that changes may be observed in real-time through the upper half after a user changes configuration. It will be appreciated that the content that window 408 is capable of displaying at this point is limited, e.g., only the show mode options and card layout options are currently available.
Thus, to be able to display more options in window 408, as shown in FIG. 4E, the top of window 408 may be provided with a stretch control 4086, which when dragged by the user in the opposite direction of first direction 400A (upward direction of page 400), window 408 may be stretched upward to reveal more options. After the window 408 is enlarged, more content may be presented, such as cover controls 4088, title controls 4090, and so on.
With continued reference to FIG. 4E, in some embodiments, to present more content in window 408, the content in window 408 may also be scrolled through a sliding operation. For example, by performing a sliding operation in the window 408 in the opposite direction of the first direction 400A (upward direction of the page 400), the content below the layout option can be further displayed. As shown in fig. 4F, after the sliding operation, a cover control 4088 is further displayed in the window 408 for opening or closing the display of the cover in the card. Alternatively, the cover may be non-revealed by default in order to keep the card compact.
In some embodiments, the terminal device 102A may present the covers 4030A, 4030B in the card in response to an open instruction for the cover control 4088, as shown in fig. 4G. As an alternative embodiment, as shown in FIG. 4G, when the cover is activated, a cover source control 4088A may be added below the cover control 4088 for the user to select the source of the cover. Alternatively, as shown in fig. 4G, the cover may be unspecified by default, so that the position of the layout cover in the card may be occupied by a picture mark to show the layout of the card after the cover is added. Optionally, in response to a trigger instruction for the cover source control 4088A, the terminal device 102A may further display a window 408 in which a plurality of cover options may be displayed, each cover option providing a field available for displaying a cover.
As shown in fig. 3, the data of the data table 300 may further include an attachment field, which may be correspondingly associated with an attachment, which may be various types of attachments. For example, if the data table 300 is used to count the relevant conditions of a purchase order, the accessory corresponding to each piece of data may be a specification describing the model of the vehicle purchased by the order. For another example, the data table 300 is used for checking resources, and the accessory may be a picture that best represents the characteristics of a specific resource, for example, the resources for checking include computer hardware, cleaning tools, etc., and the corresponding accessory picture may be a computer picture, a dust collector picture, etc. Thus, as an alternative embodiment, the cover may be generated based on the attachment field. Thus, by extracting the corresponding picture from the attachment in the attachment field, the cover can be used as a cover, and the cover can characterize the piece of data by comparing typical pictures (attachments from the data). In some embodiments, when the data table 300 includes a plurality of accessory fields, a plurality of cover options in a window for displaying cover options may respectively correspond to the respective fields, and by selecting the respective fields, the picture displayed by the cover may be a picture included in the corresponding accessory field.
In some embodiments, after the cover is newly added, the terminal device 102A may synchronize information of the newly added cover of the current card layout to a designated device (e.g., the terminal device 102B) to synchronize cards in pages of the designated device with the newly added cover.
As shown in fig. 4H, in some embodiments, further sliding window 408, window 408 may also present title control 4090, and optionally title control 4090 may further include a main title control 4090A and a subtitle control 4090B.
As shown in fig. 4I, in response to a trigger instruction for the title control (e.g., main title control 4090A), a window 412 for selecting a title may be further presented in page 400, and window 412 may further include a plurality of first options 4122A-4122H for selecting fields, which correspond to those fields in data table 300 that may be the title, e.g., because an attachment is typically used to make a cover, and no attachment field is in the options to which the title corresponds.
In some embodiments, the terminal device 102A may replace the information of the title with the information of the first target field (e.g., "last touch time") corresponding to the first target option in response to a selection instruction for the first target option (e.g., option 4122E) of the plurality of first options 4122A-4122H. This completes the switching of titles. The setting of the subtitles is similar to the main title and will not be repeated here.
In some embodiments, the terminal device 102A may also synchronize information that the title of the current card layout is replaced to a designated device (e.g., the terminal device 102B) such that the titles of cards in the page of the designated device are also replaced synchronously.
In some embodiments, as shown in fig. 4H, options 4092A-4092C corresponding to the fields shown in the current card may also be listed in window 408, and the information of the fields included in the current card may be deleted from the card by a delete operation. Alternatively, the terminal device 102A may delete information of a field (e.g., "first touch time") corresponding to a target option (e.g., option 4092C) in the card in response to a trigger operation for the target option. After deleting the information of the field "first touch time", the expansion controls 4028A, 4028B may be removed, indicating that the current card is no longer in a folded state, since the card only has two fields of content left.
In some embodiments, further sliding window 408, as shown in FIG. 4J, window 408 may also include a plurality of second options 4094A-4094C (more options not shown) for selecting fields. These second options may correspond to fields that are not shown in the card but belong to the data table 300, and the user may select the corresponding fields to be shown in the card.
In some embodiments, the terminal device 102A, in response to a selection instruction for a second target option (e.g., option 4084B) of the plurality of second options 4094A-4094C, newly adds information of a second target field (e.g., "follow-up period") corresponding to the second target option in the card. As shown in fig. 4J, the newly added field may be displayed at the end of the card, and since the current card is in a folded state, the information of the newly added field is not displayed in the page 400, and when the card is unfolded by triggering the expansion control 4028A or 4028B, the information may be displayed in the card.
In some embodiments, the terminal device 102A may synchronize information of the newly added field of the current card layout to a designated device (e.g., the terminal device 102B) to synchronize the cards in the page of the designated device with the newly added field.
Returning to fig. 4C, in some embodiments, the page 400 includes a statistics control 406, and the terminal device 102A, in response to a trigger instruction for the statistics control 406, may present a window 414 in the page 400, where the window 414 includes statistics information corresponding to the data table 300, as shown in fig. 4K.
In some embodiments, the data table 300 may further include a plurality of packets, each of the packets including at least one piece of data corresponding to the packet, and when the terminal device 102A presents the window 414 in the page, a plurality of packet controls 4142A-4142C corresponding to the plurality of packets and a number of pieces of data corresponding to each of the packets may be presented in the window 414. Alternatively, the grouping may be performed for the data table 300 in advance by the user or other users cooperating with the user, and the criteria of the grouping may be customized according to the user's needs. It will be appreciated that sub-packets may also be under the packet, the sub-packets may further include sub-packets, and so on.
In some embodiments, in response to a trigger instruction for a target group control in the plurality of group controls, the terminal device 102A may present in the window 414 statistical information of a group corresponding to the target group control, where a format of the statistical information is shown with reference to fig. 4K.
Considering that the data table 300 may have groupings, for ease of viewing the groupings, as an alternative embodiment, the second target data in the page 400 of FIG. 4C may be categorized by groupings and then presented in the page 400.
Thus, as an alternative embodiment, if the data table 300 includes a plurality of packets, where each packet includes at least one piece of first target data corresponding to the packet; the terminal device 102A may display the group identifications 420A, 420B in the page 400 and adjust the first target data displayed in a single line under the group identifications 420A, 420B to the second target data displayed in multiple lines, as shown in fig. 4L.
Returning to FIG. 4A, in some embodiments, the page 400 may include an add control 416;
in response to a trigger instruction for the add control 416, the terminal device 102A may jump to a page 500, which page 500 may include a window 502 for scanning an identification code;
in response to the identification code scanned through the window 502 corresponding to the newly added data, the terminal device 102A adds the newly added data to the data table 300 and may generate a newly added card based on the newly added data, where the newly added card may be placed at the end of all cards currently on the page 400.
Thus, the data table 300 can be expanded through code scanning identification, and the use is very convenient. Particularly, under the scene of resource inventory, the personnel of inventory can realize automatic resource inventory through the mode of scanning bar codes or two-dimensional codes on various inventory resources through this mode, and is very convenient.
The embodiment of the disclosure solves the problem of how to improve the information display efficiency of the mobile terminal on the premise of not losing the data integrity of the data table 300. In some embodiments, a user may customize a layout, supporting different layout presentations for different amounts of information. In some embodiments, the interface configuration is effective in real time, and each operation of the user can obtain effect feedback, so that the education cost is extremely low. In some embodiments, the grouping information is retained, changing the form layout, still fully retaining the grouping presentation in card layout mode, and the data sort experience is not degraded. In some embodiments, the packet statistics are preserved, all the statistics presentation under the table layout is still fully preserved, and the data consumption experience is not degraded. In some embodiments, a highly custom interface+all data is fully preserved, introducing only incremental cross-end experiences.
The embodiment of the disclosure can freely define the layout mode while keeping complete data logic and calculation results for the data table presented in the card layout mode. The layout of the data table is modified according to the characteristics of the mobile terminal, so that the user consulting experience is improved, and meanwhile, a foundation is laid for the application of the data table (such as a more complex application type operation interface).
The embodiment of the disclosure also provides a data display method.
Fig. 6 shows a flow diagram of an exemplary method 600 provided by an embodiment of the present disclosure. The method 600 may be implemented by the terminal device 102A or 102B of fig. 1A. As shown in fig. 6, the method 600 may further include the following steps.
At step 602, a first page (e.g., page 400 of FIG. 4A) of a data table (e.g., data table 300 of FIG. 3) may be displayed, the first page including at least one row of first target data (e.g., data tables 302A-302L of FIG. 4A) displayed in a single row, the first target data including a plurality of fields.
In step 604, in response to determining that the current presentation mode is the first mode, the first target data displayed in a single row is adjusted to second target data (e.g., data tables 402A-402D of FIG. 4C) displayed in multiple rows, the second target data displayed in multiple rows including data for multiple fields in the first target data, the first target data corresponding one-to-one with the second target data.
According to the data display method, the second target data displayed in the plurality of rows is displayed in the page in the first mode, so that the layout is more suitable for displaying the data table by the mobile terminal, and user consulting experience can be improved.
In some embodiments, the second target data displayed in multiple rows includes a first area (e.g., the first area 4022 in fig. 4C) and a second area (e.g., the second area 4024 in fig. 4C), where the first area and the second area correspond to different columns of the data table (e.g., different columns of the data table 300 in fig. 3), so that the second target data may display more field information of the data table, which is beneficial for improving the reading efficiency.
In some embodiments, data of a first field (e.g., field "single number" source ") in the first target data is displayed in the first region; the second region has displayed therein data of a second field in the first target data (e.g., data 4026 of fig. 4C). Therefore, the layout of field data is better realized by displaying the information of different fields in different areas, and the reading efficiency is improved.
In some embodiments, the first region has data information (e.g., data information 4022A, 4022B of fig. 4C) of the first field displayed therein. By displaying the data content of the field in the first area, on one hand, the data content contained in the second target data can be intuitively embodied, and on the other hand, the field information (field name) is omitted, so that the occupied space can be reduced, and the display of more data is facilitated.
In some embodiments, the second region has data information (e.g., data information 4026B of fig. 4C) and field information (e.g., field information 4026A of fig. 4C) of the second field displayed therein. In this way, the information of the second field in the second area can be displayed completely, so that more contents are displayed, and the reading efficiency is improved.
In some embodiments, after adjusting the first target data displayed in a single line to the second target data displayed in multiple lines, the method further comprises: in response to determining that the current presentation mode is switched from the first mode to the second mode, the second target data displayed in the plurality of rows is adjusted to the first target data displayed in the single row, as shown in fig. 4A. Thus, a user can freely switch between the two display modes by using the layout control, and the display device is convenient to use.
In some embodiments, adjusting the first target data displayed in a single row to the second target data displayed in multiple rows includes: displaying the second target data displayed in a plurality of rows in a card form; wherein the card includes the first region and the second region, as shown in fig. 4C.
In some embodiments, the data table includes a plurality of rows of data, each row of the data corresponding to one card and one-to-one with the second target data; displaying the second target data displayed in a plurality of rows in a card form, including: and sequentially displaying a plurality of cards corresponding to the plurality of lines of data along a first direction (for example, a first direction 400A in fig. 4C) of the first page, as shown in fig. 4C.
In some embodiments, presenting the second target data in a plurality of rows in a card form includes: in response to determining that the current card layout is a first layout, the second target data displayed in a plurality of rows is presented in the card in accordance with the first layout, as shown with reference to fig. 4C.
In some embodiments, the first page includes a layout control (e.g., layout control 4042 of fig. 4C); the method 600 further comprises: in response to a trigger instruction for the layout control, a first window (e.g., window 408 of fig. 4B) for selecting a card layout is presented in the first page, the first window including a plurality of layout options (e.g., layout options 4082A-4082C of fig. 4B); presenting the second target data in the card in a plurality of rows in accordance with a second layout in the plurality of layout options in response to a selection instruction for a layout option corresponding to the second layout (e.g., layout option 4082B of fig. 4B); wherein the number of fields displayed in the second area of the card of the second layout is different from the number of fields displayed in the second area of the card of the first layout, as shown in fig. 4E. In this way, the user can freely set the layout of the card as required.
In some embodiments, the method 600 further comprises: synchronizing information that the current card layout is switched to a second layout to a specified device (e.g., terminal device 102B of fig. 1A) such that cards in a page of the specified device display the second target data in a plurality of rows in accordance with the second layout. In this way, the switching of the card layout can be synchronized to the related equipment in real time, so that the collaborative work is realized.
In some embodiments, the data includes an attachment field, and the first window further includes a cover control (e.g., cover control 4088 of fig. 4F); the displaying the second target data displayed in a plurality of rows in the card according to a second layout in response to a selection instruction of a layout option corresponding to the second layout in the plurality of layout options includes: in response to an open instruction for the cover control, a cover (e.g., covers 4030A, 4030B of fig. 4G) is displayed in the card, the cover generated based on the attachment field, which can better embody the characteristics of the data corresponding to the card.
In some embodiments, the first field corresponds to an index field of the first target data, so that the index or view of the data by the user can be better realized.
In some embodiments, the method 600 further comprises: in response to a trigger instruction for a preset control (e.g., control 4090A of fig. 4H), a second window (e.g., window 412 of fig. 4I) for selecting a first field is presented in the first page, the second window including a plurality of first options (e.g., options 4122A-4122H of fig. 4I) for selecting a field; and in response to a selection instruction for a first target option in the plurality of first options, replacing the first field with a first target field corresponding to the first target option, so that a user can freely set a card title according to requirements.
In some embodiments, the first window further includes a plurality of second options for selecting fields (e.g., options 4094A-4094C of fig. 4H); the method 600 further comprises: and responding to a selection instruction for a second target option in the plurality of second options, and newly adding data information and field information of a second target field corresponding to the second target option in the second area. Thus, the user can freely set (e.g. increase or decrease) the field content which can be displayed by the card according to the requirement, which is beneficial to helping the user to improve the reading efficiency.
In some embodiments, the toolbar is presented at the bottom of the first page; the method 600 further comprises: in response to a sliding operation in the opposite direction of the first direction for the first page, the toolbar is hidden, as shown in fig. 4D, thereby exposing more card content.
In some embodiments, presenting the second target data in a plurality of rows in a card form includes: in response to determining that the card includes a number of fields that is higher than a first number, information for the first number of fields is presented in the card and a expand control (e.g., expand controls 4028A, 4028B of fig. 4E) is presented at a bottom of the card, such that the card may occupy a smaller area, be more compact.
In some embodiments, the method 600 further comprises: and responding to a trigger instruction for the expansion control, expanding the size of the card so as to display the information of all fields included in the card, thereby completely viewing the information of the card.
In some embodiments, the first page includes a statistics control (e.g., statistics control 406 of fig. 4C); the method 600 further comprises: in response to a trigger instruction for the statistics control, a third window (e.g., window 414 of fig. 4K) is presented in the first page, the third window including statistics of data values of at least one field in the data table, such that a user may view the statistics.
In some embodiments, if the data table includes a plurality of packets, each packet includes at least one piece of first target data corresponding to the packet; the adjusting, in response to determining that the current presentation mode is the first mode, one row of first target data displayed in a single row to second target data displayed in multiple rows includes: and displaying grouping identifications (for example, grouping identifications 420A and 420B in fig. 4L) in the first page, and adjusting the first target data displayed in a single row under the grouping identifications to second target data displayed in a plurality of rows, as shown in fig. 4L, so that a user can perform grouping check on the second target data, and the reading efficiency is improved.
In some embodiments, the first page includes an add control; the method 600 further comprises: in response to a trigger instruction for the add control, jumping to a second page (e.g., page 500 of fig. 5) that includes a window for scanning an identification code (e.g., window 502 of fig. 5); and in response to the identification code scanned through the window corresponding to the newly added data, adding the newly added data into the data table and generating a newly added card based on the newly added data, so that a user can conveniently newly add data.
It should be noted that the method of the embodiments of the present disclosure may be performed by a single device, such as a computer or a server. The method of the embodiment can also be applied to a distributed scene, and is completed by mutually matching a plurality of devices. In the case of such a distributed scenario, one of the devices may perform only one or more steps of the methods of embodiments of the present disclosure, the devices interacting with each other to accomplish the methods.
It should be noted that the foregoing describes some embodiments of the present disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments described above and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.
The embodiment of the disclosure also provides a data display device. Fig. 7 shows a schematic diagram of an exemplary apparatus 700 provided by an embodiment of the present disclosure. As shown in fig. 7, the apparatus 700 may be used to implement the method 600 and may further include the following modules.
A display module 702 configured to: displaying a first page of a data table, the first page comprising at least one row of first target data displayed in a single row, the first target data comprising a plurality of fields;
a presentation module 704 configured to: in response to determining that the current display mode is the first mode, adjusting first target data displayed in a single row to second target data displayed in a plurality of rows, wherein the second target data displayed in a plurality of rows comprises data of a plurality of fields in the first target data, and the first target data and the second target data are in one-to-one correspondence.
In some embodiments, the second target data displayed in a plurality of rows includes a first region and a second region, the first region and the second region corresponding to different data columns of the data table.
In some embodiments, the first region has displayed therein data of a first field in the first target data; and displaying data of a second field in the first target data in the second area.
In some embodiments, the first area has data information of the first field displayed therein; and displaying the data information and the field information of the second field in the second area.
In some embodiments, the adjustment module 704 is configured to: in response to determining that the current presentation mode is switched from the first mode to the second mode, second target data displayed in a plurality of rows is adjusted to first target data displayed in a single row.
In some embodiments, the adjustment module 704 is configured to: displaying the second target data displayed in a plurality of rows in a card form; wherein the card includes the first region and the second region.
In some embodiments, the data table includes a plurality of rows of data, each row of the data corresponding to one card and one-to-one with the second target data; the adjustment module 704 is configured to: and sequentially displaying a plurality of cards corresponding to the plurality of lines of data along a first direction of the first page.
In some embodiments, the adjustment module 704 is configured to: in response to determining that a current card layout is a first layout, the second target data displayed in a plurality of rows is presented in the card in accordance with the first layout.
In some embodiments, the first page includes a layout control; the adjustment module 704 is configured to: responsive to a trigger instruction for the layout control, displaying a first window for selecting a card layout in the first page, the first window comprising a plurality of layout options; displaying the second target data displayed in a plurality of rows according to a second layout in the card in response to a selection instruction of the layout option corresponding to the second layout in the plurality of layout options; wherein the number of fields displayed in the second area of the card of the second layout is different from the number of fields displayed in the second area of the card of the first layout.
In some embodiments, the apparatus 700 further comprises a synchronization module configured to: and synchronizing the information of the current card layout switched to the second layout to the appointed equipment, so that the cards in the page of the appointed equipment display the second target data displayed in a plurality of rows according to the second layout.
In some embodiments, the data includes an attachment field, and the first window further includes a cover control; the adjustment module 704 is configured to: in response to an open instruction for the cover control, a cover is presented in the card, the cover generated based on the attachment field.
In some embodiments, the first field corresponds to an index field of the first target data.
In some embodiments, the adjustment module 704 is configured to: responding to a trigger instruction for a preset control, and displaying a second window for selecting a first field in the first page, wherein the second window comprises a plurality of first options for selecting the field; and in response to a selection instruction for a first target option in the plurality of first options, replacing the first field with a first target field corresponding to the first target option.
In some embodiments, the first window further comprises a plurality of second options for selecting a field; the adjustment module 704 is configured to: and responding to a selection instruction for a second target option in the plurality of second options, and newly adding data information and field information of a second target field corresponding to the second target option in the second area.
In some embodiments, the adjustment module 704 is configured to: in response to determining that the card includes a number of fields that is greater than a first number, information for the first number of fields is presented in the card and a expand control is presented at a bottom of the card.
In some embodiments, the adjustment module 704 is configured to: and in response to a trigger instruction for the expansion control, expanding the size of the card so as to enable information of all fields included in the card to be displayed in the card.
In some embodiments, the first page includes a statistics control; the adjustment module 704 is configured to: and responding to a trigger instruction for the statistics control, and displaying a third window in the first page, wherein the third window comprises statistics information of data values of at least one field in the data table.
In some embodiments, if the data table includes a plurality of packets, each packet includes at least one piece of first target data corresponding to the packet; the adjustment module 704 is configured to: and displaying the grouping identification in the first page, and adjusting the first target data displayed in a single row under the grouping identification to second target data displayed in a plurality of rows.
In some embodiments, the first page includes an add control; the adjustment module 704 is configured to: in response to a trigger instruction for the add control, jumping to a second page, the second page including a window for scanning an identification code; and in response to the identification code scanned through the window corresponding to the newly added data, adding the newly added data to the data table and generating a newly added card based on the newly added data.
For convenience of description, the above devices are described as being functionally divided into various modules, respectively. Of course, the functions of the various modules may be implemented in the same one or more pieces of software and/or hardware when implementing the present disclosure.
The apparatus of the foregoing embodiments is configured to implement the corresponding method 600 in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiments, which are not described herein.
The disclosed embodiments also provide a computer device for implementing the above-described method 600. Fig. 8 shows a hardware architecture diagram of an exemplary computer device 800 provided by an embodiment of the present disclosure. Computer device 800 may be used to implement either terminal device 102A or 102B of fig. 1A, or server 104 of fig. 1A. In some scenarios, the computer device 800 may also be used to implement the database server 106 of FIG. 1A.
As shown in fig. 8, a computer device 800 may include: a processor 802, a memory 804, a network module 806, a peripheral interface 808, and a bus 810. Wherein the processor 802, the memory 804, the network module 806, and the peripheral interface 808 enable communication connections therebetween within the computer device 800 via a bus 810.
The processor 802 may be a central processing unit (Central Processing Unit, CPU), an image processor, a neural Network Processor (NPU), a Microcontroller (MCU), a programmable logic device, a Digital Signal Processor (DSP), an application specific integrated circuit (Application Specific Integrated Circuit, ASIC), or one or more integrated circuits. The processor 802 may be used to perform functions related to the techniques described in this disclosure. In some embodiments, the processor 802 may also include multiple processors integrated as a single logical component. For example, as shown in fig. 8, the processor 802 may include a plurality of processors 802a, 802b, and 802c.
The memory 804 may be configured to store data (e.g., instructions, computer code, etc.). As shown in fig. 8, the data stored by the memory 804 may include program instructions (e.g., program instructions for implementing the method 600 of embodiments of the present disclosure) as well as data to be processed (e.g., the memory may store configuration files of other modules, etc.). The processor 802 may also access program instructions and data stored in the memory 804 and execute the program instructions to perform operations on the data to be processed. The memory 804 may include volatile storage or nonvolatile storage. In some embodiments, memory 804 may include Random Access Memory (RAM), read Only Memory (ROM), optical disks, magnetic disks, hard disks, solid State Disks (SSD), flash memory, memory sticks, and the like.
The network interface 806 may be configured to provide communications with other external devices to the computer device 800 via a network. The network may be any wired or wireless network capable of transmitting and receiving data. For example, the network may be a wired network, a local wireless network (e.g., bluetooth, wiFi, near Field Communication (NFC), etc.), a cellular network, the internet, or a combination of the foregoing. It will be appreciated that the type of network is not limited to the specific examples described above.
Bus 810 may be configured to transfer information between the various components of computer device 800 (e.g., processor 802, memory 804, network interface 806, and peripheral interface 808), such as an internal bus (e.g., processor-memory bus), an external bus (USB port, PCI-E bus), etc.
It should be noted that although the architecture of the computer device 800 described above illustrates only the processor 802, the memory 804, the network interface 806, the peripheral interface 808, and the bus 810, in particular implementations, the architecture of the computer device 800 may include other components necessary to achieve proper operation. Moreover, those skilled in the art will appreciate that the architecture of the computer device 800 described above may include only the components necessary to implement the disclosed embodiments, and not all of the components shown in the figures.
Based on the same inventive concept, corresponding to any of the above-described embodiments of the method, the present disclosure also provides a non-transitory computer-readable storage medium storing computer instructions for causing the computer to perform the method 600 as described in any of the above-described embodiments.
The computer readable media of the present embodiments, including both permanent and non-permanent, removable and non-removable media, may be used to 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 storage media for a computer 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, which can be used to store information that can be accessed by a computing device.
The storage medium of the foregoing embodiments stores computer instructions for causing the computer to perform the method 600 of any of the foregoing embodiments, and has the advantages of the corresponding method embodiments, which are not described herein.
Based on the same inventive concept, the present disclosure also provides a computer program product, corresponding to any of the embodiment methods 600 described above, comprising a computer program. In some embodiments, the computer program is executable by one or more processors to cause the processors to perform the described method 600. Corresponding to the execution bodies to which the steps in the embodiments of the method 600 correspond, the processor that executes the corresponding step may belong to the corresponding execution body.
The computer program product of the above embodiment is configured to cause a processor to perform the method 600 of any of the above embodiments, and has the advantages of the corresponding method embodiments, which are not described herein.
Those of ordinary skill in the art will appreciate that: the discussion of any of the embodiments above is merely exemplary and is not intended to suggest that the scope of the disclosure, including the claims, is limited to these examples; the technical features of the above embodiments or in the different embodiments may also be combined under the idea of the present disclosure, the steps may be implemented in any order, and there are many other variations of the different aspects of the embodiments of the present disclosure as described above, which are not provided in details for the sake of brevity.
Additionally, well-known power/ground connections to Integrated Circuit (IC) chips and other components may or may not be shown within the provided figures, in order to simplify the illustration and discussion, and so as not to obscure the embodiments of the present disclosure. Furthermore, the devices may be shown in block diagram form in order to avoid obscuring the embodiments of the present disclosure, and this also accounts for the fact that specifics with respect to implementation of such block diagram devices are highly dependent upon the platform on which the embodiments of the present disclosure are to be implemented (i.e., such specifics should be well within purview of one skilled in the art). Where specific details (e.g., circuits) are set forth in order to describe example embodiments of the disclosure, it should be apparent to one skilled in the art that embodiments of the disclosure can be practiced without, or with variation of, these specific details. Accordingly, the description is to be regarded as illustrative in nature and not as restrictive.
While the present disclosure has been described in conjunction with specific embodiments thereof, many alternatives, modifications, and variations of those embodiments will be apparent to those skilled in the art in light of the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may use the embodiments discussed.
The disclosed embodiments are intended to embrace all such alternatives, modifications and variances which fall within the broad scope of the appended claims. Accordingly, any omissions, modifications, equivalents, improvements, and the like, which are within the spirit and principles of the embodiments of the disclosure, are intended to be included within the scope of the disclosure.
Claims (23)
1. A data presentation method comprising:
displaying a first page of a data table, the first page comprising at least one row of first target data displayed in a single row, the first target data comprising a plurality of fields;
in response to determining that the current display mode is the first mode, adjusting first target data displayed in a single row to second target data displayed in a plurality of rows, wherein the second target data displayed in a plurality of rows comprises data of a plurality of fields in the first target data, and the first target data and the second target data are in one-to-one correspondence.
2. The method of claim 1, wherein the second target data displayed in a plurality of rows includes a first region and a second region, the first region and the second region corresponding to different columns of the data table.
3. The method of claim 2, wherein the first region has displayed therein data of a first field in the first target data; and displaying data of a second field in the first target data in the second area.
4. The method of claim 3, wherein the first area has data information of the first field displayed therein; and displaying the data information and the field information of the second field in the second area.
5. The method of claim 1, wherein after adjusting the first target data displayed in a single line to the second target data displayed in a plurality of lines, the method further comprises:
in response to determining that the current presentation mode is switched from the first mode to the second mode, second target data displayed in a plurality of rows is adjusted to first target data displayed in a single row.
6. The method of claim 4, wherein adjusting the first target data displayed in a single line to the second target data displayed in multiple lines comprises:
displaying the second target data displayed in a plurality of rows in a card form;
wherein the card includes the first region and the second region.
7. The method of claim 6, wherein the data table includes a plurality of rows of data, each row corresponding to a card and to the second target data; displaying the second target data displayed in a plurality of rows in a card form, including:
And sequentially displaying a plurality of cards corresponding to the plurality of lines of data along a first direction of the first page.
8. The method of claim 6, wherein presenting the second target data in a plurality of rows in a card form comprises:
in response to determining that a current card layout is a first layout, the second target data displayed in a plurality of rows is presented in the card in accordance with the first layout.
9. The method of claim 8, wherein the first page includes a layout control;
the method further comprises the steps of:
responsive to a trigger instruction for the layout control, displaying a first window for selecting a card layout in the first page, the first window comprising a plurality of layout options;
displaying the second target data displayed in a plurality of rows according to a second layout in the card in response to a selection instruction of the layout option corresponding to the second layout in the plurality of layout options;
wherein the number of fields displayed in the second area of the card of the second layout is different from the number of fields displayed in the second area of the card of the first layout.
10. The method of claim 9, wherein the method further comprises:
And synchronizing the information of the current card layout switched to the second layout to the appointed equipment, so that the cards in the page of the appointed equipment display the second target data displayed in a plurality of rows according to the second layout.
11. The method of claim 9, wherein the data includes an attachment field, the first window further including a cover control;
the displaying the second target data displayed in a plurality of rows in the card according to a second layout in response to a selection instruction of a layout option corresponding to the second layout in the plurality of layout options includes:
in response to an open instruction for the cover control, a cover is presented in the card, the cover generated based on the attachment field.
12. The method of claim 4, wherein the first field corresponds to an index field of the first target data.
13. The method of claim 12, wherein,
the method further comprises the steps of:
responding to a trigger instruction for a preset control, and displaying a second window for selecting a first field in the first page, wherein the second window comprises a plurality of first options for selecting the field;
And in response to a selection instruction for a first target option in the plurality of first options, replacing the first field with a first target field corresponding to the first target option.
14. The method of claim 4, wherein the first window further comprises a plurality of second options for selecting a field;
the method further comprises the steps of:
and responding to a selection instruction for a second target option in the plurality of second options, and newly adding data information and field information of a second target field corresponding to the second target option in the second area.
15. The method of claim 6, wherein presenting the second target data in a plurality of rows in a card form comprises:
in response to determining that the card includes a number of fields that is greater than a first number, information for the first number of fields is presented in the card and a expand control is presented at a bottom of the card.
16. The method of claim 15, wherein the method further comprises:
and in response to a trigger instruction for the expansion control, expanding the size of the card so as to enable information of all fields included in the card to be displayed in the card.
17. The method of claim 1, wherein the first page includes a statistics control;
the method further comprises the steps of:
and responding to a trigger instruction for the statistics control, and displaying a third window in the first page, wherein the third window comprises statistics information of data values of at least one field in the data table.
18. The method of claim 1, wherein if the data table comprises a plurality of packets, wherein each of the packets comprises at least one piece of first target data corresponding to the packet; the adjusting, in response to determining that the current presentation mode is the first mode, one row of first target data displayed in a single row to second target data displayed in multiple rows includes:
and displaying the grouping identification in the first page, and adjusting the first target data displayed in a single row under the grouping identification to second target data displayed in a plurality of rows.
19. The method of claim 1, wherein the first page includes an add control;
the method further comprises the steps of:
in response to a trigger instruction for the add control, jumping to a second page, the second page including a window for scanning an identification code;
And in response to the identification code scanned through the window corresponding to the newly added data, adding the newly added data to the data table and generating a newly added card based on the newly added data.
20. A data presentation device, comprising:
a display module configured to: displaying a first page of a data table, the first page comprising at least one row of first target data displayed in a single row, the first target data comprising a plurality of fields;
an adjustment module configured to: in response to determining that the current display mode is the first mode, adjusting first target data displayed in a single row to second target data displayed in a plurality of rows, wherein the second target data displayed in a plurality of rows comprises data of a plurality of fields in the first target data, and the first target data and the second target data are in one-to-one correspondence.
21. A computer device comprising one or more processors, memory; and one or more programs, wherein the one or more programs are stored in the memory and executed by the one or more processors, the programs comprising instructions for performing the method of any of claims 1-19.
22. A non-transitory computer readable storage medium containing a computer program which, when executed by one or more processors, causes the processors to perform the method of any of claims 1-19.
23. A computer program product comprising computer program instructions which, when run on a computer, cause the computer to perform the method of any of claims 1-19.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310265381.5A CN116340665A (en) | 2023-03-14 | 2023-03-14 | Data display method and related equipment |
PCT/CN2024/079982 WO2024188093A1 (en) | 2023-03-14 | 2024-03-04 | Data presentation method and related device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310265381.5A CN116340665A (en) | 2023-03-14 | 2023-03-14 | Data display method and related equipment |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116340665A true CN116340665A (en) | 2023-06-27 |
Family
ID=86876873
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310265381.5A Pending CN116340665A (en) | 2023-03-14 | 2023-03-14 | Data display method and related equipment |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN116340665A (en) |
WO (1) | WO2024188093A1 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024188093A1 (en) * | 2023-03-14 | 2024-09-19 | 北京字跳网络技术有限公司 | Data presentation method and related device |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113885770B (en) * | 2021-10-27 | 2024-02-02 | 北京字跳网络技术有限公司 | Table data display method and device, electronic equipment and storage medium |
CN114707472A (en) * | 2022-03-11 | 2022-07-05 | 北京字跳网络技术有限公司 | Method and device for field merging and electronic equipment |
CN116340665A (en) * | 2023-03-14 | 2023-06-27 | 北京字跳网络技术有限公司 | Data display method and related equipment |
-
2023
- 2023-03-14 CN CN202310265381.5A patent/CN116340665A/en active Pending
-
2024
- 2024-03-04 WO PCT/CN2024/079982 patent/WO2024188093A1/en unknown
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024188093A1 (en) * | 2023-03-14 | 2024-09-19 | 北京字跳网络技术有限公司 | Data presentation method and related device |
Also Published As
Publication number | Publication date |
---|---|
WO2024188093A1 (en) | 2024-09-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
ES2334680T3 (en) | PROCEDURE AND DEVICE FOR SELECTING AUTOMATICALLY A FRAME FOR EXHIBITION. | |
US10474320B2 (en) | Document channel selection for document viewing application | |
RU2606055C2 (en) | Desktop system of mobile terminal and interface interaction method and device | |
US10163173B1 (en) | Methods for generating a cover photo with user provided pictures | |
US9069445B2 (en) | Electronic device with touch screen and page flipping method | |
CN111062778A (en) | Product browsing method, device, equipment and storage medium | |
US20080240683A1 (en) | Method and system to reproduce contents, and recording medium including program to reproduce contents | |
US20180181295A1 (en) | Method for displaying information, and terminal equipment | |
WO2024188093A1 (en) | Data presentation method and related device | |
US20120166943A1 (en) | Electronic device having page division display function and page display method | |
Zhang et al. | Can convenience and effectiveness converge in mobile web? A critique of the state-of-the-art adaptation techniques for web navigation on mobile handheld devices | |
CN115225952B (en) | Video playing control method and device, electronic equipment, storage medium and product | |
CN105786713B (en) | The split screen of mobile terminal investigates method, device and mobile terminal | |
CN112083915A (en) | Page layout method and device, electronic equipment and storage medium | |
KR20210040611A (en) | Method and apparatus for generating web page | |
CN113783995A (en) | Display control method, display control device, electronic apparatus, and medium | |
CN107256266A (en) | Query content display method and system | |
CN113553466A (en) | Page display method, device, medium and computing equipment | |
CN115599363A (en) | Configuration method, device and system of visual component | |
CN111142754A (en) | Screenshot processing method and device and storage medium | |
CN107205161B (en) | A kind of video broadcasting method, device, storage medium and terminal | |
CN115599364A (en) | Configuration method, device and system of visual component | |
CN115640782A (en) | Method, device, equipment and storage medium for document demonstration | |
CN117009687A (en) | Information display method and device, electronic equipment and storage medium | |
CN115268884A (en) | Mobile terminal visual page configuration and rendering method based on aPaaS platform |
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 |