CN103927383A - Web page presenting device and method - Google Patents
Web page presenting device and method Download PDFInfo
- Publication number
- CN103927383A CN103927383A CN201410177926.8A CN201410177926A CN103927383A CN 103927383 A CN103927383 A CN 103927383A CN 201410177926 A CN201410177926 A CN 201410177926A CN 103927383 A CN103927383 A CN 103927383A
- Authority
- CN
- China
- Prior art keywords
- page
- data
- surface element
- script
- browser
- 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
- 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/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a web page presenting device and method, and belongs to the field of internet technology. The web page presenting method comprises the steps that a server is used for constructing a web page file and a script file according to data content comprising a plurality of data items, the web page file comprises a plurality of first page elements and a plurality of second page elements, each first page element comprises one data item of the data content, and each second page element comprises a quote of scripts in the script file; a browser is used for analyzing the web page file, one of the first page elements is presented, the corresponding second page element is presented on the presented first page element, and when it is detected that the second page elements are triggered, the scripts quoted by the second page elements are executed, so that the page elements presented at present are switched according to logical relations among the data items. According to the web page presenting device and method, the data content is displayed in a paging mode in the browser, web page displaying speed of the browser is increased, and the load of the server is reduced.
Description
Technical field
The present invention relates to Internet technical field, be specifically related to a kind of webpage display device and method.
Background technology
The China Internet Network Information Center (China Internet Network Information Center, CNNIC) survey report demonstration, by by by the end of June, 2013, China's netizen's scale reaches 5.91 hundred million.And along with the fast development of internet, network becomes people's shopping, obtain information and the first channel of communication exchange, some traditional business also fast transferring to internet.
Enterprise, in order to collect better field feedback, need to issue questionnaire.Tradition questionnaire need to expend a large amount of manpowers, time and financial resources, and the statistics of questionnaire result is also had to deviation and delay, therefore in the urgent need to a online investigation Questionnaire systems that can satisfy the demands.
As shown in Figure 6, a kind of implementation of existing online investigation questionnaire is, all examination questions of questionnaire are presented in a webpage, and its shortcoming is: examination question is not carried out to paging and presents, lack and user between interactivity; There is no logic redirect, the examination question that some selectivity show cannot represent, for example: can not represent the examination question that meets the male sex according to male user.
The another kind of implementation of existing online investigation questionnaire is, by dynamic requests server, realize the paging of examination question, on webpage, present an examination question at every turn, get user to the answer of this examination question after, from server end is downloaded next examination question, present.Although this kind of implementation provides the paging to examination question, every demonstration one page, all needs to carry out alternately, for example, sending http and asking server end with server end, carries out the demonstration of current content according to the response of server end.Owing to existing with the multiple of server end, reduced the speed that webpage presents on the one hand alternately, the page open time is elongated, has also increased on the other hand the load of server end (website).
Summary of the invention
In view of the above problems, the present invention has been proposed to a kind of webpage display device and method that overcomes the problems referred to above or address the above problem is at least in part provided.
According to an aspect of the present invention, provide a kind of Webpage display method, be suitable for carrying out in browser, described method comprises:
From server end, obtain web page files and script file, described web page files and script file are obtained according to the data content structure that comprises a plurality of data items by server end, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Resolve described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element; And
When detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
According to a further aspect in the invention, provide a kind of Webpage display method, be suitable for carrying out at server end, described method comprises:
According to the data content structure web page files and the script file that comprise a plurality of data items, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
According to the request of browser, constructed web page files and script file are returned to browser, for web page files described in browser resolves, a page elements in described a plurality of first page elements is presented, and on presented first page element, present corresponding second page surface element, and, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
According to another aspect of the invention, provide a kind of webpage display device, resided in browser, described equipment comprises:
Request unit, be suitable for obtaining web page files and script file from server end, described web page files and script file are obtained according to the data content structure that comprises a plurality of data items by server end, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Resolution unit, is suitable for resolving described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element; And
Processing unit, be suitable for when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
According to another aspect of the invention, provide a kind of webpage display device, resided in server end, described equipment comprises:
Tectonic element, be suitable for according to the data content structure web page files and the script file that comprise a plurality of data items, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Response unit, be suitable for, according to the request of browser, constructed web page files and script file are returned to browser, for web page files described in browser resolves, a page elements in described a plurality of first page elements is presented, and on presented first page element, present corresponding second page surface element, and, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element
Alternatively, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
Alternatively, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
Alternatively, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
According to another aspect of the invention, provide a kind of webpage to present system, described system comprises browser and server end, described browser and the communication connection of described server end, and described browser comprises the above-mentioned webpage display device residing in wherein, described server end comprises the above-mentioned webpage display device residing in wherein.
Above-mentioned one or more technical schemes according to the present invention, for example, by once generating static Web page file (html file), data content has once been downloaded at browser end, and present by the paging that realizes data content according to the logical relation between each data items in data content at browser end execution script, owing to not needing to carry out multiple mutual with server end, thereby improved the web displaying speed of browser, and reduced the load of server end.
Above-mentioned explanation is only the general introduction of technical solution of the present invention, in order to better understand technological means of the present invention, and can be implemented according to the content of instructions, and for above and other objects of the present invention, feature and advantage can be become apparent, below especially exemplified by the specific embodiment of the present invention.
Accompanying drawing explanation
By reading below detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing is only for the object of preferred implementation is shown, and do not think limitation of the present invention.And in whole accompanying drawing, by identical reference symbol, represent identical parts.In the accompanying drawings:
Fig. 1 shows the structural drawing that webpage according to an embodiment of the invention presents system;
Fig. 2 shows the structural drawing of webpage display device in server end according to an embodiment of the invention;
Fig. 3 shows the structural drawing of webpage display device in browser according to an embodiment of the invention;
Fig. 4 shows the process flow diagram of Webpage display method in server end according to an embodiment of the invention;
Fig. 5 shows the process flow diagram of Webpage display method in browser according to an embodiment of the invention;
Fig. 6 shows the interface that presents of existing a kind of online investigation questionnaire; And
Fig. 7 shows the interface that presents according to a kind of online investigation questionnaire of the technical scheme realization of the embodiment of the present invention.
Embodiment
Exemplary embodiment of the present disclosure is described below with reference to accompanying drawings in more detail.Although shown exemplary embodiment of the present disclosure in accompanying drawing, yet should be appreciated that and can realize the disclosure and the embodiment that should do not set forth limits here with various forms.On the contrary, it is in order more thoroughly to understand the disclosure that these embodiment are provided, and can by the scope of the present disclosure complete convey to those skilled in the art.
Fig. 1 shows the structural drawing that webpage according to an embodiment of the invention presents system.As shown in Figure 1, webpage present system comprise a plurality of clients 110 (there is shown 3), for these clients 110 provide the server end 120 of various network resources, client 110 and server end 120 be intercommunication mutually via internet.
In embodiments of the present invention, client 110 can be any equipment that can present the Internet resources that obtain from server end 120 in this area, includes but not limited to desktop computer, notebook computer, personal digital assistant, intelligent mobile terminal and panel computer etc.The web page files (for example html file) that in client 110, operation has browser, described browser to present to obtain from server end 120.
Server end 120 can be constructed web page files and script file according to the data content of storage in data-carrier store 130, and wherein, data-carrier store 130 is for example for the data content of storing in database comprises a plurality of data items.The web page files that server end 120 is constructed comprises a plurality of first page elements and a plurality of second page surface element (being for example button), each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file.
It should be noted that, data-carrier store 130 can be deployed in the equipment communicating to connect with server end 120, also can directly be deployed in server end 120, and the embodiment of the present invention does not limit this.In addition, the script file that server end 120 is constructed can be file independently, can be also a part (being that web page files comprises various scripts) for web page files, and the embodiment of the present invention does not limit this yet.
User is by the browser access server end 120 in client 110; server end 120 is answered the request of browser and asked web page files and script file is returned to browser; demonstration for ease of webpage; server end 120 conventionally also can by the alternative document relevant to webpage for example CSS (Cascading Style Sheets, CSS (cascading style sheet)) file return in the lump browser.
In embodiments of the present invention, the web page files of server end 120 structures is static Web page file, and this static Web page file comprises need to carry out a plurality of data items that paging presents in browser.That is to say, server end 120 is that disposable all data contents that need to paging presents in browser all return to browser.
Browser gets after web page files and script file, resolves described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element.As previously mentioned, in described web page files, include and need in browser, carry out a plurality of data items that paging presents, according to the design to web page files, described in browser resolves after file, according to analysis result, can present a primary data project in a plurality of data items, be about to described primary data project and present in current web page.
User has browsed the current data items presenting (operation of likely also this data items being correlated with), for making to present next data items in next webpage, can trigger the current second page surface element presenting in first page element, for example, click the button in first page element.When browser detects the triggering of second page surface element, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.So, realized the Pagination Display to a plurality of data items.
According to the webpage of the embodiment of the present invention, present system, for example, by once generating static Web page file (html file), data content has once been downloaded at browser end, and present by the paging that realizes data content according to the logical relation between each data items in data content at browser end execution script, owing to not needing to carry out multiple mutual with server end, thereby improved the web displaying speed of browser, and reduced the load of server end.
The concrete formation that below webpage of the embodiment of the present invention is presented to browser in server end 120 in system and client 110 is elaborated, wherein, described server end 120 comprises webpage display device 200, and described browser comprises webpage display device 300.
Fig. 2 shows the structural drawing of webpage display device 200 in server end 120 according to an embodiment of the invention.As shown in Figure 2, webpage display device 200 comprises tectonic element 210 and response unit 220.
Tectonic element 210 is suitable for according to the data content structure web page files and the script file that comprise a plurality of data items, and described data content can come from aforesaid data-carrier store 130.Wherein, the web page files of constructing comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting (for example JS script) is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file.
Described first page element and second page surface element can adopt <div> label, what like this, the script in described script file can be by change <div> label " display " attribute switches the page elements of current demonstration.Particularly, by by <div> label " display " setup of attribute for " display:none " hide this <div> label, by by <div> label " display " setup of attribute is " display:block " present this <div> label.
Described data content can comprise the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
For example, when examination question that described data content is questionnaire, the first data item list can be the exercise question table of the examination question of questionnaire, and the second data item list can be the problem pick list of the examination question of questionnaire.Like this, each data items just comprises the option content corresponding with this exercise question in exercise question in exercise question table and problem pick list.
When described data content comprises in the situation of the first data item list and the second data item list, the <div> label that described first page element is corresponding can be nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.Described button can comprise " continuation " button and the Back button, when user clicks " continuation " button, the next page that shows current page in webpage when user clicks the Back button, shows a upper page of current page in webpage.
It is example that the examination question that described data content is questionnaire is take in continuation, and the <div> label example in the web page files that tectonic element 210 is constructed is as follows:
In above-mentioned code, the name form of <div> label is as follows:
Page number <div> tag format: page_+ " page reference (with 1 beginning) "
Questionnaire examination question <div> tag format: topic+ " examination question id "
Continuation, return push-button: page_center_+ " page reference (with 1 beginning) "
The nested logic of <div> label is: with one page examination question, be included in page number <div> label, continuation, return push-button and page number <div> label are at the same level.
In addition, in above-mentioned code, " divsubmit " purposes of label is the div of submit button.
Can find out, the web page files that tectonic element 210 is constructed comprises 6 data items, the <div> label that the 1st data items is corresponding " display " attribute is " display:block ", for the data items that initially will show, the <div> label that other 5 data items are corresponding " display " attribute is " display:none ", by being initially at data items hiding in webpage.
As previously mentioned, the script in browser is suitable for switching according to the logical relation between each data items the page elements of current demonstration.Wherein, described logical relation can be the natural order between each data items, can be also the logical order between each data items.Continue the example of above-mentioned questionnaire, data content comprises 5 data items, and its natural order is data items 1, data items 2, data items 3, data items 4, data items 5.And logical order may comprise: data items 1, data items 2, data items 3, and, data items 1, data items 4, data items 5.For example, the first data entry of data items 1 is the exercise question 1 in exercise question table, and the second data entry corresponding with this first data entry is the option content of exercise question 1, and this option content provides two options, be respectively option one and option 2, when user carries out online answer, when the answer of exercise question 1 is option one, according to above-mentioned logical order, in lower one page, can present data items 2, when the answer of exercise question 1 is option 2, according to above-mentioned logical order, in lower one page, can present data items 4.
Response unit 220 is suitable for, according to the request of browser, constructed web page files and script file are returned to browser.
According to the webpage display device 200 of the embodiment of the present invention, for example, by once generating static Web page file (html file), data content has once been downloaded at browser end, and present by the paging that realizes data content according to the logical relation between each data items in data content at browser end execution script, owing to not needing to carry out multiple mutual with server end, thereby improved the web displaying speed of browser, and reduced the load of server end.
Fig. 3 shows the structural drawing of webpage display device 300 in browser according to an embodiment of the invention.As shown in Figure 3, webpage display device 300 comprises request unit 310, resolution unit 320 and processing unit 330.
Request unit 310 is suitable for obtaining web page files and script file from server end.Described web page files and script file are web page files and the script file being obtained according to the data content structure that comprises a plurality of data items by server end in above-described embodiment.
Resolution unit 320 is suitable for resolving described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element.
Processing unit 330 is suitable for when the triggering detecting second page surface element, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
User is by the browser access server end 120 in client 110; response unit 220 in server end 120 is answered the request of request unit 310 and asked web page files and script file is returned to browser; demonstration for ease of webpage; server end 120 conventionally also can by the alternative document relevant to webpage for example CSS (Cascading Style Sheets, CSS (cascading style sheet)) file return in the lump browser.
In embodiments of the present invention, the web page files of server end 120 structures is static Web page file, and this static Web page file comprises need to carry out a plurality of data items that paging presents in browser.That is to say, server end 120 is that disposable all data contents that need to paging presents in browser all return to browser.
Browser gets after web page files and script file, resolution unit 320 is resolved described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element.As previously mentioned, in described web page files, include and need in browser, carry out a plurality of data items that paging presents, according to the design to web page files, described in browser resolves after file, according to analysis result, can present a primary data project in a plurality of data items, be about to described primary data project and present in current web page.
User has browsed the current data items presenting (operation of likely also this data items being correlated with), for making to present next data items in next webpage, can trigger the current second page surface element presenting in first page element, for example, click the button in first page element.When processing unit 330 detects the triggering of second page surface element, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.So, realized the Pagination Display to a plurality of data items.
According to the webpage display device 300 of the embodiment of the present invention, for example, by once generating static Web page file (html file), data content has once been downloaded at browser end, and present by the paging that realizes data content according to the logical relation between each data items in data content at browser end execution script, owing to not needing to carry out multiple mutual with server end, thereby improved the web displaying speed of browser, and reduced the load of server end.
Below introduce respectively the performed method of webpage display device in server end and browser.
Fig. 4 shows the process flow diagram of Webpage display method in server end according to an embodiment of the invention.As shown in Figure 4, described Webpage display method starts from step S410.In step S410, according to the data content structure web page files and the script file that comprise a plurality of data items, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file.
According to a kind of embodiment, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.Alternatively, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
Alternatively, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
It should be noted that, in step S410 the performed processing processing performed with tectonic element 210 in server end identical, specifically can, with reference to the description to tectonic element 210 above, not repeat here.
Subsequently, in step S420, according to the request of browser, constructed web page files and script file are returned to browser, for web page files described in browser resolves, a page elements in described a plurality of first page elements is presented, and on presented first page element, present corresponding second page surface element, and, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
It should be noted that, in step S420 the performed processing processing performed with response unit 220 in server end identical, specifically can, with reference to the description to response unit 220 above, not repeat here.
Fig. 5 shows the process flow diagram of Webpage display method in browser according to an embodiment of the invention.As shown in Figure 5, described Webpage display method starts from step S510.In step S510, from server end, obtain web page files and script file, described web page files and script file are obtained according to the data content structure that comprises a plurality of data items by server end, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file.
According to one embodiment of the present invention, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
Alternatively, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
Alternatively, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
It should be noted that, in step S510 the performed processing processing performed with request unit 310 in browser identical, specifically can, with reference to the description to request unit 310 above, not repeat here.
Subsequently, in step S520, resolve described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element
It should be noted that, in step S520 the performed processing processing performed with resolution unit 320 in browser identical, specifically can, with reference to the description to resolution unit 320 above, not repeat here.
Presented the first and second page elements in step S520 after, method enters step S530.In step S530, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
It should be noted that, in step S530 the performed processing processing performed with processing unit 330 in browser identical, specifically can, with reference to the description to processing unit 330 above, not repeat here.
Below provide an application example of the present invention, this application example is an online investigation system.Native system is used JQuery class library, adopts Microsoft Visual Studio2010 as development platform, generates html file, is published to web server, for the browser use that conducts interviews.
First, with database mode, carry out design data content, database comprises two tables, is respectively exercise question table and problem pick list.
The primary structure of exercise question table is:
QuestionId: questionnaire Id, Title: exercise question title, RelatedId: associated Id, PageIndex: the page number.
Particular content is for example shown in following table.
The primary structure of problem pick list is:
QuestionTopicOption: option content, the Id of the topic that QuestionRelatedid option is associated.
For example " whether your family only has the private car for own or family " choosing without time, QuestionRelatedid association is entitled as 3, when namely option is " nothing ", whether the topic that demonstration Relatedid is 3 " purchases car plan " recently.
Particular content is for example shown in following table.
Then, just can be according to Structural Tectonics web page files and the script file of above-mentioned two tables.
Wherein, the partial code of the html file of generation is as follows:
The actuating logic of above-mentioned js script is: click " continuation " and enter lower one page; Hide current page content; The page number adds 1; Judge whether current page shows; If so, show current page, if not, the page number adds proceeds above-mentioned judgement after 1.
Afterwards, just can above-mentioned html file and script file be returned to browser according to the request of browser, for browser, the examination question in questionnaire be carried out to Pagination Display.
A kind of in browser of online investigation questionnaire presents interface as shown in Figure 7, at this, present in interface, after having inputted identification card number, user clicks " continuation " button, browser does not need to server end, to carry out http request again, the content that directly presents lower one page, after user has inputted identification card number, click the Back button, browser does not need to server end, to carry out http request more yet, directly presents the content of page up.
According to above-mentioned application example, questionnaire examination question has once been downloaded by browser, and then in browser front end Pagination Display, in addition, this questionnaire also provides associated examination question to show, according to respective selection, shows examination question below.Like this, use after the technical scheme of inventive embodiments, online investigation questionnaire user can open fast, with paging mode answer, has improved user-interaction experience, and has reduced the number of times with the http request of server.
The algorithm providing at this is intrinsic not relevant to any certain computer, virtual system or miscellaneous equipment with demonstration.Various general-purpose systems also can with based on using together with this teaching.According to description above, it is apparent constructing the desired structure of this type systematic.In addition, the present invention is not also for any certain programmed language.It should be understood that and can utilize various programming languages to realize content of the present invention described here, and the description of above language-specific being done is in order to disclose preferred forms of the present invention.
In the instructions that provided herein, a large amount of details have been described.Yet, can understand, embodiments of the invention can not put into practice in the situation that there is no these details.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.
Similarly, be to be understood that, in order to simplify the disclosure and to help to understand one or more in each inventive aspect, in the above in the description of exemplary embodiment of the present invention, each feature of the present invention is grouped together into single embodiment, figure or sometimes in its description.Yet, the method for the disclosure should be construed to the following intention of reflection: the present invention for required protection requires than the more feature of feature of clearly recording in each claim.Or rather, as reflected in claims below, inventive aspect is to be less than all features of disclosed single embodiment above.Therefore, claims of following embodiment are incorporated to this embodiment thus clearly, and wherein each claim itself is as independent embodiment of the present invention.
Those skilled in the art are appreciated that and can the module in the equipment in embodiment are adaptively changed and they are arranged in one or more equipment different from this embodiment.Module in embodiment or unit or assembly can be combined into a module or unit or assembly, and can put them into a plurality of submodules or subelement or sub-component in addition.At least some in such feature and/or process or unit are mutually repelling, and can adopt any combination to combine all processes or the unit of disclosed all features in this instructions (comprising claim, summary and the accompanying drawing followed) and disclosed any method like this or equipment.Unless clearly statement in addition, in this instructions (comprising claim, summary and the accompanying drawing followed) disclosed each feature can be by providing identical, be equal to or the alternative features of similar object replaces.
In addition, those skilled in the art can understand, although embodiment more described herein comprise some feature rather than further feature included in other embodiment, the combination of the feature of different embodiment means within scope of the present invention and forms different embodiment.For example, in the following claims, the one of any of embodiment required for protection can be used with array mode arbitrarily.
All parts embodiment of the present invention can realize with hardware, or realizes with the software module moved on one or more processor, or realizes with their combination.It will be understood by those of skill in the art that and can use in practice microprocessor or digital signal processor (DSP) to realize according to the some or all functions of the some or all parts in the webpage display device of the embodiment of the present invention.The present invention for example can also be embodied as, for carrying out part or all equipment or device program (, computer program and computer program) of method as described herein.Realizing program of the present invention and can be stored on computer-readable medium like this, or can there is the form of one or more signal.Such signal can be downloaded and obtain from internet website, or provides on carrier signal, or provides with any other form.
It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation that do not depart from the scope of claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed as element or step in the claims.Being positioned at word " " before element or " one " does not get rid of and has a plurality of such elements.The present invention can be by means of including the hardware of some different elements and realizing by means of the computing machine of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to carry out imbody by same hardware branch.The use of word first, second and C grade does not represent any order.Can be title by these word explanations.
The invention discloses:
A1, a kind of Webpage display method, be suitable for carrying out in browser, and described method comprises:
From server end, obtain web page files and script file, described web page files and script file are obtained according to the data content structure that comprises a plurality of data items by server end, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Resolve described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element; And
When detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
A2, the Webpage display method as described in A1, wherein, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
A3, the Webpage display method as described in A2, wherein, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
A4, Webpage display method as described in A3, wherein, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
B5, a kind of Webpage display method, be suitable for carrying out at server end, and described method comprises:
According to the data content structure web page files and the script file that comprise a plurality of data items, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
According to the request of browser, constructed web page files and script file are returned to browser, for web page files described in browser resolves, a page elements in described a plurality of first page elements is presented, and on presented first page element, present corresponding second page surface element, and, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
B6, the Webpage display method as described in B5, wherein, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
B7, the Webpage display method as described in B6, wherein, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
B8, Webpage display method as described in B7, wherein, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
C9, a kind of webpage display device, reside in browser, and described equipment comprises:
Request unit, be suitable for obtaining web page files and script file from server end, described web page files and script file are obtained according to the data content structure that comprises a plurality of data items by server end, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Resolution unit, is suitable for resolving described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element; And
Processing unit, be suitable for when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
C10, the webpage display device as described in C9, wherein, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
C11, the webpage display device as described in C10, wherein, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
C12, webpage display device as described in C11, wherein, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
D13, a kind of webpage display device, reside in server end, and described equipment comprises:
Tectonic element, be suitable for according to the data content structure web page files and the script file that comprise a plurality of data items, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Response unit, be suitable for, according to the request of browser, constructed web page files and script file are returned to browser, for web page files described in browser resolves, a page elements in described a plurality of first page elements is presented, and on presented first page element, present corresponding second page surface element, and, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
D14, the webpage display device as described in power D13, wherein, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
D15, the webpage display device as described in D14, wherein, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
D16, webpage display device as described in D15, wherein, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
E17, a kind of webpage present system, described system comprises browser and server end, described browser and the communication connection of described server end, and described browser comprises the webpage display device as described in any one in C9-12, described server end comprises the webpage display device as described in any one in D13-16.
Claims (10)
1. a Webpage display method, is suitable for carrying out in browser, and described method comprises:
From server end, obtain web page files and script file, described web page files and script file are obtained according to the data content structure that comprises a plurality of data items by server end, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Resolve described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element; And
When detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
2. Webpage display method as claimed in claim 1, wherein, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
3. Webpage display method as claimed in claim 2, wherein, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
4. Webpage display method as claimed in claim 3, wherein, the <div> label that described first page element is corresponding is nested structure, the content of its ectomesoderm <div> label is the page number at data content place, the content of internal layer <div> label is the first data entry and the second data entry corresponding with this first data entry, the content of the <div> label that described second page surface element is corresponding is button, the script that described button is quoted is suitable for according to the second data strip object selection result corresponding to the first data entry switched to the page elements of current demonstration.
5. a Webpage display method, is suitable for carrying out at server end, and described method comprises:
According to the data content structure web page files and the script file that comprise a plurality of data items, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
According to the request of browser, constructed web page files and script file are returned to browser, for web page files described in browser resolves, a page elements in described a plurality of first page elements is presented, and on presented first page element, present corresponding second page surface element, and, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
6. Webpage display method as claimed in claim 5, wherein, described first page element and second page surface element are <div> label, and described script is by change <div> label " display " attribute switches the page elements of current demonstration.
7. Webpage display method as claimed in claim 6, wherein, described data content comprises the first data item list and the second data item list, and each data items comprises the second data entry corresponding with this first data entry in data entry in the first data item list and the second data item list.
8. a webpage display device, resides in browser, and described equipment comprises:
Request unit, be suitable for obtaining web page files and script file from server end, described web page files and script file are obtained according to the data content structure that comprises a plurality of data items by server end, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Resolution unit, is suitable for resolving described web page files, a page elements in described a plurality of first page elements is presented, and present corresponding second page surface element on presented first page element; And
Processing unit, be suitable for when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
9. a webpage display device, resides in server end, and described equipment comprises:
Tectonic element, be suitable for according to the data content structure web page files and the script file that comprise a plurality of data items, the web page files wherein constructed comprises a plurality of first page elements and a plurality of second page surface element, each first page element comprises a data items in data content, each second page surface element comprises that the script of quoting is suitable for switching according to the logical relation between each data items the page elements of current demonstration to the quoting of script in script file;
Response unit, be suitable for, according to the request of browser, constructed web page files and script file are returned to browser, for web page files described in browser resolves, a page elements in described a plurality of first page elements is presented, and on presented first page element, present corresponding second page surface element, and, when detect second page surface element triggering time, carry out the script that second page surface element is quoted, to hide first page element and the second page surface element of current demonstration, and present the first page element that is associated with current hiding first page element and corresponding second page surface element.
10. a webpage presents system, described system comprises browser and server end, the communication connection of described browser and described server end, and described browser comprises webpage display device as claimed in claim 8, described server end comprises the webpage display device as described in 9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410177926.8A CN103927383B (en) | 2014-04-29 | 2014-04-29 | A kind of webpage display device and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410177926.8A CN103927383B (en) | 2014-04-29 | 2014-04-29 | A kind of webpage display device and method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103927383A true CN103927383A (en) | 2014-07-16 |
| CN103927383B CN103927383B (en) | 2018-01-09 |
Family
ID=51145603
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410177926.8A Active CN103927383B (en) | 2014-04-29 | 2014-04-29 | A kind of webpage display device and method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103927383B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016101754A1 (en) * | 2014-12-26 | 2016-06-30 | 北京奇虎科技有限公司 | Method and device for web page switching, and device for providing integrated page |
| CN106940719A (en) * | 2017-03-14 | 2017-07-11 | 福建中金在线信息科技有限公司 | A kind of method for page jump and device |
| CN107196980A (en) * | 2016-03-14 | 2017-09-22 | 阿里巴巴集团控股有限公司 | The control method of webpage representation stream, system and its apparatus |
| CN108228181A (en) * | 2017-12-29 | 2018-06-29 | 北京奇虎科技有限公司 | The method and device of embedded html page in html page |
| CN109948025A (en) * | 2019-03-20 | 2019-06-28 | 上海古鳌电子科技股份有限公司 | A kind of data referencing recording method |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101071375A (en) * | 2007-05-22 | 2007-11-14 | 腾讯科技（深圳）有限公司 | Interface development system and control combing method |
| US20100211467A1 (en) * | 2009-02-18 | 2010-08-19 | Kumaresan Ramanathan | computerized method and system for effectively utilizing empty-spaces on websites |
| CN102647634A (en) * | 2012-05-02 | 2012-08-22 | 合一网络技术(北京)有限公司 | Multi-fragment video playing method and device based on hypertext markup language (HTML) 5 video |
| CN102915378A (en) * | 2012-11-16 | 2013-02-06 | 北京奇虎科技有限公司 | Method and device for changing display status of contents in webpage |
| US8543919B1 (en) * | 2004-03-04 | 2013-09-24 | Google Inc. | In-page full screen internet video method |
-
2014
- 2014-04-29 CN CN201410177926.8A patent/CN103927383B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8543919B1 (en) * | 2004-03-04 | 2013-09-24 | Google Inc. | In-page full screen internet video method |
| CN101071375A (en) * | 2007-05-22 | 2007-11-14 | 腾讯科技（深圳）有限公司 | Interface development system and control combing method |
| US20100211467A1 (en) * | 2009-02-18 | 2010-08-19 | Kumaresan Ramanathan | computerized method and system for effectively utilizing empty-spaces on websites |
| CN102647634A (en) * | 2012-05-02 | 2012-08-22 | 合一网络技术(北京)有限公司 | Multi-fragment video playing method and device based on hypertext markup language (HTML) 5 video |
| CN102915378A (en) * | 2012-11-16 | 2013-02-06 | 北京奇虎科技有限公司 | Method and device for changing display status of contents in webpage |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016101754A1 (en) * | 2014-12-26 | 2016-06-30 | 北京奇虎科技有限公司 | Method and device for web page switching, and device for providing integrated page |
| CN107196980A (en) * | 2016-03-14 | 2017-09-22 | 阿里巴巴集团控股有限公司 | The control method of webpage representation stream, system and its apparatus |
| CN107196980B (en) * | 2016-03-14 | 2020-11-13 | 创新先进技术有限公司 | Method, system and device for controlling page display flow |
| CN106940719A (en) * | 2017-03-14 | 2017-07-11 | 福建中金在线信息科技有限公司 | A kind of method for page jump and device |
| CN108228181A (en) * | 2017-12-29 | 2018-06-29 | 北京奇虎科技有限公司 | The method and device of embedded html page in html page |
| CN109948025A (en) * | 2019-03-20 | 2019-06-28 | 上海古鳌电子科技股份有限公司 | A kind of data referencing recording method |
| CN109948025B (en) * | 2019-03-20 | 2023-10-20 | 上海古鳌电子科技股份有限公司 | Data reference recording method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103927383B (en) | 2018-01-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP6813612B2 (en) | Automatic determination of content item size for web pages | |
| US20210390146A1 (en) | Search Engine | |
| CN102495855B (en) | Automatic login method and device | |
| US8543571B2 (en) | Enhanced content web browsing | |
| US8887085B1 (en) | Dynamic content navigation | |
| EP2819035B1 (en) | Systems and methods for presentations with live application integration | |
| US20110099464A1 (en) | Mechanism for adding content from a search to a document or message | |
| US20170270209A1 (en) | User interface element for surfacing related results | |
| US9594540B1 (en) | Techniques for providing item information by expanding item facets | |
| US11922465B2 (en) | Expandable content items for presenting additional content | |
| CN102982174A (en) | Method and device for performing web search in browser | |
| CN103970855A (en) | Device and method for processing data | |
| US9684718B2 (en) | System for searching for a web document | |
| US9881065B2 (en) | Selecting supplemental content for inclusion in a search results page | |
| CN103927383A (en) | Web page presenting device and method | |
| CN103268331A (en) | Automatic login method and device | |
| EP3961426A2 (en) | Method and apparatus for recommending document, electronic device and medium | |
| US20210304379A1 (en) | System and Methods for an Image Mosaic Representing a Group of Links | |
| CN102970339A (en) | Method for displaying web address and browser | |
| US20160103799A1 (en) | Methods and systems for automated detection of pagination | |
| WO2013106424A1 (en) | Method and apparatus for displaying suggestions to a user of a software application | |
| Guntupalli | User interface design: methods and qualities of a good user interface design | |
| De Sarkar | The prevalence of web browser extensions use in library services: an exploratory study | |
| AU2015289886B2 (en) | Entity recognition for enhanced document productivity | |
| CN103399930A (en) | Method and device for page jumping based on empty search interlinkage command |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |