CN108920042A - A kind of list display methods, system, storage medium and equipment - Google Patents
A kind of list display methods, system, storage medium and equipment Download PDFInfo
- Publication number
- CN108920042A CN108920042A CN201810512556.7A CN201810512556A CN108920042A CN 108920042 A CN108920042 A CN 108920042A CN 201810512556 A CN201810512556 A CN 201810512556A CN 108920042 A CN108920042 A CN 108920042A
- Authority
- CN
- China
- Prior art keywords
- interactive areas
- data
- current target
- row
- target row
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention provides a kind of list display methods, system, storage medium and equipment, and the method includes showing the first data with sheet format；Location data is obtained, and current target row position is obtained according to the location data；According to the current target row position and corresponding second data of the first data acquisition current target row；Generate the first interim viewing area, the first interim viewing area includes text area and interactive areas, the text area is for showing corresponding second data of the current target row, and the interactive areas is for triggering the alternative events that the second data corresponding for non-present target line are shown.List content to be shown is divided into the first data and the second data by the present invention, is sorted out by page info, and the rich and aesthetics that list shows content has been taken into account, additionally it is possible to which the courses of action of user are shortened in the subsequent display for further triggering other extension information.
Description
Technical field
The present invention relates to list display field more particularly to a kind of list display methods, system, storage medium and equipment.
Background technique
The inquiry of form data is essential function for each enterprise operation system, but in the display of list
The beauty with list content of list is rich there are contradiction in the process, as shown in Figure 1, excessively to result in list aobvious for list content
Keynote message does not protrude when showing, all the elements tiling show it is unfavorable checks, and show it is crowded, unsightly.And for how to protect
Card query result can show enough information and interface is made to lose aesthetic feeling because multi information was shown and can operate
Property, at present still without preferable solution.
Summary of the invention
In order to solve the above-mentioned technical problem, it the invention proposes a kind of list display methods, system, storage medium and sets
It is standby.The present invention is specifically to be realized with following technical solution：
In a first aspect, a kind of list display methods, including：
The first data are shown with sheet format；
Location data is obtained, and current target row position is obtained according to the location data；
According to the current target row position and corresponding second data of the first data acquisition current target row；
The first interim viewing area is generated, the first interim viewing area includes text area and interactive areas, and the text area is used
In showing corresponding second data of the current target row, the interactive areas is for triggering corresponding for non-present target line the
The alternative events that two data are shown.
Second aspect, a kind of list display system, including：
First data disaply moudle, for showing the first data with sheet format；
Locating module obtains current target row position for obtaining location data, and according to the location data；
Second data inquiry module, for according to the current target row position and the first data acquisition current goal
Corresponding second data of row；
Second data disaply moudle, for generating the first interim viewing area, the first interim viewing area includes text area
And interactive areas, the text area is for showing corresponding second data of the current target row, and the interactive areas is for triggering pair
In the alternative events that corresponding second data of non-present target line are shown.
The third aspect, a kind of computer readable storage medium, for storing program, it is above-mentioned that described program is performed realization
A kind of the step of list display methods.
Fourth aspect, a kind of list display equipment, including a kind of above-mentioned list display system.
The present invention provides a kind of list display methods, system, storage medium and equipment, the present invention is by list to be shown
Content is divided into the first data and the second data, is sorted out by page info, extracts core data as the first data, allow content more
It focuses, other extension information are the second data, are shown in the form of interim viewing area, to take into account in list shows
The rich and aesthetics held further can also further trigger other extension information in interim viewing area in the present invention
Subsequent display, the user experience is improved, shortens the courses of action that user checks list content.
Detailed description of the invention
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
Some embodiments of invention for those of ordinary skill in the art without creative efforts, can be with
Other attached drawings are obtained according to these attached drawings.
Fig. 1 is the list display schematic diagram that background technique provides；
Fig. 2 is list display methods implementation environment schematic diagram provided in an embodiment of the present invention；
Fig. 3 is the relation schematic diagram in browser provided in an embodiment of the present invention and web server between various components；
Fig. 4 is the relationship signal in web server provided in an embodiment of the present invention and application server between various components
Figure；
Fig. 5 is a kind of list display methods flow chart provided in an embodiment of the present invention；
Fig. 6 is exchange method flow chart provided in an embodiment of the present invention；
Fig. 7 is the generation method flow chart of the provided in an embodiment of the present invention first interim viewing area；
Fig. 8 is the schematic diagram that list shows data in the embodiment of the present invention provided in an embodiment of the present invention；
Fig. 9 be it is provided in an embodiment of the present invention there is no interactive areas when user check the courses of action signals of the second data
Figure；
Figure 10 is that provided in an embodiment of the present invention there are the courses of action schematic diagrames that user when interactive areas checks the second data；
Figure 11 is the height setting method flow chart of interactive areas provided in an embodiment of the present invention；
Figure 12 is a kind of list display system block diagram provided in an embodiment of the present invention；
Figure 13 is the second data disaply moudle block diagram provided in an embodiment of the present invention；
Figure 14 is height acquiring unit block diagram in interactive areas provided in an embodiment of the present invention；
Figure 15 is the structural schematic diagram that a kind of list provided in an embodiment of the present invention shows equipment；
Figure 16 is server architecture schematic diagram provided in an embodiment of the present invention.
Specific embodiment
In order to enable those skilled in the art to better understand the solution of the present invention, below in conjunction in the embodiment of the present invention
Attached drawing, technical scheme in the embodiment of the invention is clearly and completely described, it is clear that described embodiment is only
The embodiment of a part of the invention, instead of all the embodiments.Based on the embodiments of the present invention, ordinary skill people
The model that the present invention protects all should belong in member's every other embodiment obtained without making creative work
It encloses.
It should be noted that description and claims of this specification and term " first " in above-mentioned attached drawing, "
Two " etc. be to be used to distinguish similar objects, without being used to describe a particular order or precedence order.It should be understood that using in this way
Data be interchangeable under appropriate circumstances, so as to the embodiment of the present invention described herein can in addition to illustrating herein or
Sequence other than those of description is implemented.In addition, term " includes " and " having " and their any deformation, it is intended that cover
Cover it is non-exclusive include, for example, the process, method, system, product or equipment for containing a series of steps or units are not necessarily limited to
Step or unit those of is clearly listed, but may include be not clearly listed or for these process, methods, product
Or other step or units that equipment is intrinsic.
It referring to fig. 2, is a kind of list display methods implementation environment schematic diagram provided in an embodiment of the present invention.The implementation environment
Including：Browser 101, web server 102, application server 103 and database 104.
Wherein, browser 101 is for showing list content and interact with user, web server 102 be used for it is clear
It lookes at device 101 and the interaction of application server 103, provides web service for browser 101；Application server 103 and database 104
Interaction inquires the first data and the second data, in order to which the browser 101 shows first data and the second data.
Wireless network can be passed through between above-mentioned browser 101, web server 102, application server 103 and database 104
Network or cable network are communicated.
Specifically, the browser 101 can support user to input chained address, and obtain displayed page.
Web server 102 is able to carry out routing configuration, and the routing configuration includes storage uniform resource locator and the page
Corresponding relationship.Business is eventually converted into the processing to event in Widget to the operation of the page.Involved in the embodiment of the present invention
To event (Events) may include inquiry data and show, extend show and Mobile exhibiting.Wherein, Widget Chinese is translated
Name is referred to as widget, is the code that a fritter can execute in any one Web page based on HTML, its performance shape
Formula may be video, map, news, trivial games etc..Its essential idea derives from code reuse, it is generally the case that
The code form of Widget contains DHTML, JavaScript and Adobe Flash.
The code of the corresponding relationship of uniform resource locator and the page is set in Web server 102 in the embodiment of the present invention
Example is as follows：
Referring to Fig. 3, it illustrates the relation schematic diagrams between various components in browser 101 and web server 102.With
Family carries out various behaviour to the page by inputting access address to browser 101 to browse to the page on browser 101
Make.Web server 102 realizes inquiry data based on Widgets component by the routing configuration functional localization page, and in the page
And it shows, extend displaying and Mobile exhibiting, and realize page tissue in the form of Schema.Schema can be understood as one kind
Language, which depict the structures of XML document.Specifically, the page is carried out by html language using DOM Document Object Model (DOM)
Tissue, and display control is carried out using cascading style sheets (CSS) pattern.
Referring to fig. 4, it illustrates the relationship signals between various components in web server 102 and application server 103
Figure.The inquiry instruction that user issues is transferred to web server 102, generates the request of inquiry data simultaneously by web server 102
The request is transmitted to application server 103, application server 103 obtains data by interacting with database 104, and will count
According to feeding back to web server 102 in order to which the data are finally presented in browser.It specifically, in embodiments of the present invention, can be with
The data are divided into the first data and the second data, the first data are basic data, are presented using simplifying mode, the second number
According to for growth data, presented using mode of extension.In simplifying mode, the first data are all shown with sheet format, because
Its content is relatively fewer, is presented the effect that also can achieve terse beauty.In mode of extension only according to user with
Therefore the second data, which are selectively presented, in the interaction results of browser still can achieve the effect of terse beauty.In order to reach compared with
Good display effect, so that the display of the first data and the second data is independent of each other, the form that float layer can be used shows second
Data, so that the display of the second data will not change the shape of the list of the first data of display.Specifically, the float layer can be with
With nonmodal frame, suspended frame, the forms such as floating layer are presented, and the embodiment of the present invention does not limit its specific ways of presentation.
Referring to Fig. 5, the embodiment of the present invention specifically provides a kind of list display methods, including：
S101. the first data are shown with sheet format.
In the embodiment of the present invention, the first data can be according to user query instructions query to total data in basis
Data, content is opposite to simplify, and therefore, can all be presented with sheet format.
S103. location data is obtained, and current target row position is obtained according to the location data.
S105. according to corresponding second number in the current target row position and the first data acquisition current target row
According to.
Specifically, accurately to obtain location data and inquiring corresponding second data of current target row, the present invention is implemented
Example provides a kind of for obtaining the exchange method of corresponding second data of current target row.Referring to Fig. 6, the exchange method packet
It includes：
A1. increase mouse entry event in list and mouse leaves event.
A3. when mouse is moved to the row in list, mouse entry event is triggered, and obtains current target row.
A5. the corresponding data content of the current target row is obtained.
A7. the corresponding growth data of the data content is obtained.
The corresponding data content of current target row belongs to basic data, and corresponding growth data as inquires current
Corresponding second data of target line.In a feasible embodiment, mouse entry event triggers the life of the first interim viewing area
At mouse leaves the disappearance that event triggers the first interim viewing area.
S107. the first interim viewing area is generated, the first interim viewing area includes text area and interactive areas, the text
For showing corresponding second data of the current target row, the interactive areas is corresponding for non-present target line for triggering in area
The alternative events that are shown of the second data.
Fig. 7 is referred to, it illustrates the generation methods of the first interim viewing area, including：
S1071. text is generated according to the content that first object line position sets the second data corresponding with the current target row
Area.
Specifically, current target row described in the first object behavior.
S1073. the upper baseline position of first object row is obtained, and interactive areas vertex is obtained according to the upper baseline position.
S1075. interactive areas height is obtained.
S1077. interactive areas is generated according to the interactive areas vertex and interactive areas height.
Specifically, the interactive areas can be rectangle interactive areas.
Further, before the first interim viewing area is shown, the display parameters of text area and interactive areas should be also set,
The display parameters of text area include but is not limited to background color, sideline color expansion information exhibition method (horizontal/vertical), extension
Background of information color and sideline color；The display parameters of interactive areas include but is not limited to exhibition method level, region displaying width
And sideline width.
In another feasible embodiment, the generation method of the first interim viewing area can also be：According to the first mesh
The content that mark line position sets the second data corresponding with the current target row generates text area；Described in the first object behavior when
Preceding target line；
The lower baseline position of first object row is obtained, and interactive areas vertex is obtained according to the lower baseline position；It obtains and hands over
Mutual area height；Interactive areas is generated according to the interactive areas vertex and interactive areas height.
Specifically, the interactive areas can generate on the top of first object row and/or lower part, on first object row top
The interactive areas of generation can be used in triggering the display to corresponding second data of first object row lastrow, under first object row
The interactive areas that portion generates can be used in triggering the display to corresponding second data of first object row next line again.
In another feasible embodiment, the generation method of the first interim viewing area can also be：
Text area is generated according to the content that first object line position sets the second data corresponding with the current target row；It is described
Current target row described in first object behavior；
Obtain interactive areas height；
The upper baseline position of first object row is obtained, and the first interactive areas vertex is obtained according to the upper baseline position；Root
The first interactive areas is generated according to first interactive areas vertex and interactive areas height；
The lower baseline position of first object row is obtained, and the second interactive areas vertex is obtained according to the lower baseline position；Root
The second interactive areas is generated according to second interactive areas vertex and interactive areas height.
In this embodiment, the second number corresponding to first object row lastrow can be triggered by the first interactive areas
According to display, display to corresponding second data of first object row next line is triggered by the second interactive areas.
Further, when user and interactive areas interact, then corresponding to non-present target line can be triggered again
The alternative events that two data are shown, specifically, the alternative events trigger following execution logics：
S102. in response to the triggering command to the interactive areas, the second target line position is obtained.
S104. using second target line as current target row；According to the current target row position and described first
Corresponding second data of data acquisition current target row.
S106. the second interim viewing area is generated, the second interim viewing area includes text area and interactive areas, the text
For showing corresponding second data of the current target row, the interactive areas is corresponding for non-present target line for triggering in area
The alternative events that are shown of the second data.
It can be seen from the above, described execution logical AND step S103, S105, S107 are identical, after generating the second interim viewing area,
First interim viewing area is hidden, and the interim viewing area of second at this time can be re-used as the first interim viewing area, is continued cycling through
Receive the triggering again for the alternative events that the second data corresponding for non-present target line are shown.
Referring to Figure 1, it illustrates the schematic diagrames that data are presented with sheet format in the prior art.Fig. 8 is referred to, is shown
The schematic diagram that list in the embodiment of the present invention shows data is gone out.It is clear that the display mode in the embodiment of the present invention is more
It is clear beautiful.In fig. 8, the first data can either be shown with sheet format, be also able to respond the interaction in user and browser
Show corresponding second data of current target row, additionally it is possible to further interact with user by interactive areas and show non-present mesh again
Corresponding second data of mark row.Specifically, in fig. 8, the interactive areas is presented in the form of cut-off rule, and cut-off rule is by a dotted line
Frame indicates.
In order to further protrude the effect of interactive areas in the embodiment of the present invention, the embodiment of the present invention is made following citing, is asked
With reference to Fig. 9, it illustrates users when interactive areas is not present to check that the courses of action of corresponding second data of non-present target line are shown
It is intended to.Referring to FIG. 10, it illustrates there are the operations that user when interactive areas checks corresponding second data of non-present target line
Path schematic diagram.The circle where number in Fig. 9 and Figure 10 represents the mobile path of mouse.It is false when interactive areas is not present
If needing successively to check the first row, the second row, the third line and corresponding second data of fourth line, then mobile six mouse are needed
Mark, reason are that mouse must come out the other rows of current line re-enter and could trigger the display of the second data again, from
And increase courses of action.When there are interactive areas, it is assumed that need successively to check the first row, the second row, the third line and the 4th
Corresponding second data of row, it is only necessary to which mouse, reason are that interactive areas is arranged in interim viewing area three times for movement, only need to be by mouse
Mark, which is moved to interactive areas, can check the details of lastrow or next line, so as to shorten courses of action.As it can be seen that this hair
The interactive areas provided in bright embodiment can significantly shorten the courses of action that user checks data, promote user experience.
Further, in order to further enhance user experience, the embodiment of the invention also provides according to different interaction speed
Degree generates the technical solution of distinct interaction result, and its object is to user can be allowed to realize both to be able to achieve the second number of reading of postponing
According to the duplication for being also able to achieve the second data corresponding to current target row is pasted.To achieve the goals above, the embodiment of the present invention
The height of interactive areas is configured, Figure 11 is please referred to, setting method includes：
B1. the cycle T of browser refresh time is obtained.
B2. target point is obtained to be averaged movement speed V.
B3. the height S of current target row is obtained1。
B4. according to formulaSet interactive areas height S2。
In actual interactive process, if the practical movement speed V'≤(S of target point1/2+S2)/T is then generated to the friendship
The triggering command in mutual area；If the practical movement speed V'> (S of target point1/2+S2)/T then replicates current target row corresponding second
Data.The target point can be any point that can be interacted with browser such as mouse point.
Following technical effects may be implemented in above-mentioned technical proposal, and when user's mouse is mobile very fast, then mouse point can smoothly enter into
Corresponding second data of current target row are then replicated in first interim viewing area；When user's mouse movement it is slower, then mouse point have compared with
It is located at interactive areas for a long time, then triggers the display of the second data corresponding for the lastrow or next line of current target row.
List display methods provided in an embodiment of the present invention optimizes query page, so that the page is more salubrious succinct, mentions
The high evaluating deg to inquiry business, further, additionally it is possible to improve the efficiency that user browses form data, pass through basis and show
Show that the mode mode combined generally meets each service inquiry demand with extension information, the design method of interactive areas also improves
Browse efficiency.The embodiment of the present invention can be widely applied in all kinds of business related with inquiry, such as order inquiries, manage number
It is investigated that ask etc..
Another embodiment of the present invention provides a kind of list display systems, as shown in figure 12, including：
First data disaply moudle 1, for showing the first data with sheet format.
Locating module 2 obtains current target row position for obtaining location data, and according to the location data.
Second data inquiry module 3, for according to the current target row position and the current mesh of the first data acquisition
Corresponding second data of mark row.
Second data disaply moudle 4, the second data disaply moudle, for generating the first interim viewing area, described first faces
When viewing area include text area and interactive areas, the text area is for showing corresponding second data of the current target row, institute
Interactive areas is stated for triggering the alternative events that the second data corresponding for non-present target line are shown.
As shown in figure 13, second data disaply moudle 4 includes：
Text area generation unit 41, for setting the second data corresponding with the current target row according to first object line position
Content generate text area；Current target row described in the first object behavior.
Interactive areas height acquiring unit 42：For obtaining interactive areas height.
Interactive areas generation unit 43, for obtaining the upper baseline position of first object row, and according to the upper baseline position
Obtain interactive areas vertex；Interactive areas is generated according to the interactive areas vertex and interactive areas height.
In another feasible embodiment, second data disaply moudle includes：
Text area generation unit, for setting the second data corresponding with the current target row according to first object line position
Content generates text area；Current target row described in the first object behavior；
Interactive areas height acquiring unit：For obtaining interactive areas height；
Interactive areas generation unit is obtained for obtaining the lower baseline position of first object row, and according to the lower baseline position
Take interactive areas vertex；Interactive areas is generated according to the interactive areas vertex and interactive areas height.
In another feasible embodiment, second data disaply moudle includes：
Text area generation unit, for setting the second data corresponding with the current target row according to first object line position
Content generates text area；Current target row described in the first object behavior；
Interactive areas height acquiring unit：For obtaining interactive areas height；
First interactive areas generation unit, for obtaining the upper baseline position of first object row, and according to the upper baseline position
It sets and obtains the first interactive areas vertex；The first interactive areas is generated according to first interactive areas vertex and interactive areas height；
Second interactive areas generation unit, for obtaining the lower baseline position of first object row, and according to the lower baseline position
It sets and obtains the second interactive areas vertex；The second interactive areas is generated according to second interactive areas vertex and interactive areas height.
As shown in figure 14, the interactive areas height acquiring unit 42 includes：
Frequency acquisition unit 421, for obtaining the cycle T of browser refresh time.
Average speed acquiring unit 422 is averaged movement speed V for obtaining target point.
Height parameter acquiring unit 423, for obtaining the height S of current target row1。
Setup unit 424, for for according to formulaSet interactive areas height S2。
Further, the system also includes：
Triggering command generation module, if being used for the practical movement speed V'≤(S of target point1/2+S2)/T is then generated to described
The triggering command of interactive areas；
Duplicate instructions generation module, if being used for the practical movement speed V'> (S of target point1/2+S2)/T then replicates current mesh
Corresponding second data of mark row.
The locating module 2 is also used to obtain the second target line position in response to the triggering command to the interactive areas；
Second data inquiry module 3 is also used to using second target line as current target row；Worked as according to described
Preceding target line position and corresponding second data of the first data acquisition current target row；
Second data disaply moudle 4 is also used to generate the second interim viewing area, and the second interim viewing area includes
Text area and interactive areas, for showing corresponding second data of the current target row, the interactive areas is used for the text area
Trigger the alternative events that the second data corresponding for non-present target line are shown.
A kind of the device of the invention list display system as described in the examples is invented in the same manner as being based on embodiment of the method
Design.
The embodiments of the present invention also provide a kind of storage medium, the storage medium can be used for saving for realizing method
The program code of list display methods in embodiment.Optionally, in the present embodiment, above-mentioned storage medium can be located at computer
At least one network equipment in multiple network equipments of network.Optionally, in the present embodiment, above-mentioned storage medium can wrap
It includes but is not limited to：USB flash disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random
Access Memory), mobile hard disk, the various media that can store program code such as magnetic or disk.
Figure 15 is please referred to, Figure 15 is the structural schematic diagram that a kind of list disclosed by the embodiments of the present invention shows equipment.Wherein,
List shown in figure 15 shows that equipment can be smart phone (such as Android phone, iOS mobile phone), tablet computer, palm electricity
The terminal devices such as brain, computer and mobile internet device (Mobile Internet Devices, MID), PAD.Such as Figure 15
Shown, which may include：
Processor 601 and the display 603 being connect by user interface 602 with processor 601, microphone 604 and
Loudspeaker 605, and the memory 607 being connect by bus 606 with processor 601, and by multiple network interface 608
The coupler 609 and the antenna 610 for connecting coupler 609 that device 601 connects are managed, wherein：
Memory 607, for storing application program.
Processor 601, the application program for calling memory 607 to store by bus 606 execute list display behaviour
Make.
In the embodiment of the present invention, multiple network interface 608 may include 802.11 network interface of IEEE, IEEE 802.16
Network interface and 3GPP network interface etc., the embodiment of the present invention is not construed as limiting.
In the embodiment of the present invention, 802.11 network interface of IEEE, 802.16 network interface of IEEE and 3GPP network are connect
The output of mouth is coupled to antenna 610 through coupler 609.
Those of ordinary skill in the art will appreciate that all or part of the steps in the various methods of above-described embodiment is can
It is completed with instructing the relevant hardware of terminal device by program, which can store in a computer readable storage medium
In, storage medium may include：Flash disk, read-only memory (Read-Only Memory, ROM), random access device
(RandomAccess Memory, RAM), disk or CD etc..
Specifically, Figure 16 is a kind of server architecture schematic diagram provided in an embodiment of the present invention, and the server architecture can
To include one or several functional modules in above-mentioned list display system.The server 800 can be produced because configuration or performance are different
Raw bigger difference, may include one or more central processing units (central processing units, CPU)
822 (for example, one or more processors) and memory 832, one or more storage application programs 842 or data
844 storage medium 830 (such as one or more mass memory units).Wherein, memory 832 and storage medium 830
It can be of short duration storage or persistent storage.The program for being stored in storage medium 830 may include one or more module (figures
Show and be not shown), each module may include to the series of instructions operation in server.Further, central processing unit 822
It can be set to communicate with storage medium 830, the series of instructions operation in storage medium 830 executed on server 800.Clothes
Be engaged in device 800 can also include one or more power supplys 826, one or more wired or wireless network interfaces 850, one
A or more than one input/output interface 858, and/or, one or more operating systems 841, such as Windows
ServerTM, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM etc..Step performed by above method embodiment can
Based on server architecture shown in the Figure 16.
It should be noted that：The sequencing of the embodiments of the present invention is for illustration only, does not represent the excellent of embodiment
It is bad.
Those of ordinary skill in the art will appreciate that realizing that all or part of the steps of above-described embodiment can pass through hardware
It completes, relevant hardware can also be instructed to complete by program, the program can store in a kind of computer-readable
In storage medium, storage medium mentioned above can be read-only memory, disk or CD etc..
The foregoing is merely presently preferred embodiments of the present invention, is not intended to limit the invention, it is all in spirit of the invention and
Within principle, any modification, equivalent replacement, improvement and so on be should all be included in the protection scope of the present invention.
Claims (14)
1. a kind of list display methods, which is characterized in that including：
The first data are shown with sheet format；
Location data is obtained, and current target row position is obtained according to the location data；
According to the current target row position and corresponding second data of the first data acquisition current target row；
The first interim viewing area is generated, the first interim viewing area includes text area and interactive areas, and the text area is for showing
Show corresponding second data of the current target row, the interactive areas is for triggering the second number corresponding for non-present target line
According to the alternative events shown.
2. the method according to claim 1, wherein the first interim viewing area of the generation includes：
Text area is generated according to the content that first object line position sets the second data corresponding with the current target row；Described first
Current target row described in goal behavior；
The upper baseline position of first object row is obtained, and interactive areas vertex is obtained according to the upper baseline position；Obtain interactive areas
Highly；Interactive areas is generated according to the interactive areas vertex and interactive areas height；
Or,
Text area is generated according to the content that first object line position sets the second data corresponding with the current target row；Described first
Current target row described in goal behavior；
The lower baseline position of first object row is obtained, and interactive areas vertex is obtained according to the lower baseline position；Obtain interactive areas
Highly；Interactive areas is generated according to the interactive areas vertex and interactive areas height；
Or,
Text area is generated according to the content that first object line position sets the second data corresponding with the current target row；Described first
Current target row described in goal behavior；
Obtain interactive areas height；
The upper baseline position of first object row is obtained, and the first interactive areas vertex is obtained according to the upper baseline position；According to institute
It states the first interactive areas vertex and interactive areas height generates the first interactive areas；
The lower baseline position of first object row is obtained, and the second interactive areas vertex is obtained according to the lower baseline position；According to institute
It states the second interactive areas vertex and interactive areas height generates the second interactive areas.
3. according to the method described in claim 2, it is characterized in that, acquisition interactive areas height includes：
Obtain the cycle T of browser refresh time；
Target point is obtained to be averaged movement speed V；
Obtain the height S of current target row1；
According to formulaSet interactive areas height S2。
4. according to the method described in claim 3, it is characterized in that：
If the practical movement speed V'≤(S of target point1/2+S2)/T then generates the triggering command to the interactive areas；
If the practical movement speed V'> (S of target point1/2+S2)/T then replicates corresponding second data of current target row.
5. according to the method described in claim 2, it is characterized in that, further including：
In response to the triggering command to the interactive areas, the second target line position is obtained；
Using second target line as current target row；Worked as according to the current target row position and first data acquisition
Corresponding second data of preceding target line；
The second interim viewing area is generated, the second interim viewing area includes text area and interactive areas, and the text area is for showing
Show corresponding second data of the current target row, the interactive areas is for triggering the second number corresponding for non-present target line
According to the alternative events shown.
6. the method stated according to claim 5, which is characterized in that after generating the second interim viewing area, the first interim viewing area quilt
It hides.
7. according to the method described in claim 5, it is characterized in that, the lastrow of the second goal behavior first object row or
Next line.
8. a kind of list display system, which is characterized in that including：
First data disaply moudle, for showing the first data with sheet format；
Locating module obtains current target row position for obtaining location data, and according to the location data；
Second data inquiry module, for according to the current target row position and the first data acquisition current target row pair
The second data answered；
Second data disaply moudle, for generating the first interim viewing area, the first interim viewing area includes text area and friendship
Mutual area, the text area is for showing corresponding second data of the current target row, and the interactive areas is for triggering for non-
The alternative events that corresponding second data of current target row are shown.
9. system according to claim 8, which is characterized in that second data disaply moudle includes：
Text area generation unit, for setting the content of the second data corresponding with the current target row according to first object line position
Generate text area；Current target row described in the first object behavior；
Interactive areas height acquiring unit：For obtaining interactive areas height；
Interactive areas generation unit for obtaining the upper baseline position of first object row, and is obtained according to the upper baseline position and is handed over
Mutual area vertex；Interactive areas is generated according to the interactive areas vertex and interactive areas height；
Or,
Text area generation unit, for setting the content of the second data corresponding with the current target row according to first object line position
Generate text area；Current target row described in the first object behavior；
Interactive areas height acquiring unit：For obtaining interactive areas height；
Interactive areas generation unit for obtaining the lower baseline position of first object row, and is obtained according to the lower baseline position and is handed over
Mutual area vertex；Interactive areas is generated according to the interactive areas vertex and interactive areas height；
Or,
Text area generation unit, for setting the content of the second data corresponding with the current target row according to first object line position
Generate text area；Current target row described in the first object behavior；
Interactive areas height acquiring unit：For obtaining interactive areas height；
First interactive areas generation unit is obtained for obtaining the upper baseline position of first object row, and according to the upper baseline position
Take the first interactive areas vertex；The first interactive areas is generated according to first interactive areas vertex and interactive areas height；
Second interactive areas generation unit is obtained for obtaining the lower baseline position of first object row, and according to the lower baseline position
Take the second interactive areas vertex；The second interactive areas is generated according to second interactive areas vertex and interactive areas height.
10. system according to claim 9, which is characterized in that the interactive areas height acquiring unit includes：
Frequency acquisition unit, for obtaining the cycle T of browser refresh time；
Average speed acquiring unit is averaged movement speed V for obtaining target point；
Height parameter acquiring unit, for obtaining the height S of current target row1；
Setup unit, for according to formulaSet interactive areas height S2。
11. system according to claim 10, which is characterized in that further include：
Triggering command generation module, if being used for the practical movement speed V'≤(S of target point1/2+S2)/T is then generated to the interaction
The triggering command in area；
Duplicate instructions generation module, if being used for the practical movement speed V'> (S of target point1/2+S2)/T, then replicate current target row
Corresponding second data.
12. system according to claim 9, it is characterised in that：
The locating module is also used to obtain the second target line position in response to the triggering command to the interactive areas；
Second data inquiry module is also used to using second target line as current target row；According to the current goal
Line position sets the second data corresponding with the first data acquisition current target row；
Second data disaply moudle is also used to generate the second interim viewing area, and the second interim viewing area includes text area
And interactive areas, the text area is for showing corresponding second data of the current target row, and the interactive areas is for triggering pair
In the alternative events that corresponding second data of non-present target line are shown.
13. a kind of computer readable storage medium, for storing program, which is characterized in that described program is performed realization power
Benefit requires a kind of the step of list display methods described in 1.
14. a kind of list shows equipment, which is characterized in that including a kind of list display system according to any one of claims 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810512556.7A CN108920042B (en) | 2018-05-25 | 2018-05-25 | Form display method, system, storage medium and equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810512556.7A CN108920042B (en) | 2018-05-25 | 2018-05-25 | Form display method, system, storage medium and equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108920042A true CN108920042A (en) | 2018-11-30 |
| CN108920042B CN108920042B (en) | 2020-08-18 |
Family
ID=64410996
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810512556.7A Active CN108920042B (en) | 2018-05-25 | 2018-05-25 | Form display method, system, storage medium and equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108920042B (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101356528A (en) * | 2005-11-15 | 2009-01-28 | 谷歌公司 | Displaying compact and expanded data items |
| CN102142001A (en) * | 2010-02-01 | 2011-08-03 | 深圳市金蝶中间件有限公司 | Method and device for expanding form |
| US20180144178A1 (en) * | 2013-09-09 | 2018-05-24 | Apple Inc. | Device, method, and graphical user interface for manipulating user interfaces based on fingerprint sensor inputs |
-
2018
- 2018-05-25 CN CN201810512556.7A patent/CN108920042B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101356528A (en) * | 2005-11-15 | 2009-01-28 | 谷歌公司 | Displaying compact and expanded data items |
| CN102142001A (en) * | 2010-02-01 | 2011-08-03 | 深圳市金蝶中间件有限公司 | Method and device for expanding form |
| US20180144178A1 (en) * | 2013-09-09 | 2018-05-24 | Apple Inc. | Device, method, and graphical user interface for manipulating user interfaces based on fingerprint sensor inputs |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108920042B (en) | 2020-08-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108010112B (en) | Animation processing method, device and storage medium | |
| CN104035753B (en) | A kind of method and system of double WebView displayings customized web pages | |
| CN109144649A (en) | Display methods, device, terminal and the storage medium of icon | |
| CN104239071A (en) | Cross-platform mobile application development framework system based on universal components and transfer service | |
| CN107890671A (en) | Threedimensional model rendering intent, device, computer equipment and the storage medium of WEB terminal | |
| CN107122175A (en) | Interface creating method and device | |
| CN104794045A (en) | Prompt message displaying method and terminal | |
| WO2013097799A1 (en) | Method and device for processing template file | |
| CN110516218A (en) | Generation method, terminal and the computer readable storage medium of table | |
| CN103853438B (en) | atlas picture switching method and browser | |
| CN105426178B (en) | Display system, the display methods of terminal system of terminal | |
| CN107831895A (en) | alarm clock control method, device and terminal | |
| CN104182430A (en) | Method and device for displaying image in text message | |
| CN106504309A (en) | A kind of method of image synthesis and image synthesizer | |
| CN113641442A (en) | Interaction method, electronic device and storage medium | |
| CN110221835A (en) | Increase the method and device of control in front end page | |
| CN109542758A (en) | Application program fault-tolerant ability test method, device, computer readable storage medium | |
| CN108228121A (en) | A kind of method, device and mobile terminal of browser split screen | |
| CN106527695A (en) | Method and device for information output | |
| CN104375977B (en) | The processing method and processing device of reply message in Ask-Answer Community | |
| CN109544665A (en) | Generation method, device and the storage medium of animation poster | |
| CN103761253A (en) | Display system and display method for cartoon | |
| CN104714713A (en) | Page interaction method and page management device | |
| CN109766155A (en) | A kind of bullet frame generation method, device and storage medium | |
| CN104837065B (en) | Two-dimensional barcode information sharing method and system between television terminal and mobile terminal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |