[go: up one dir, main page]

CN103927383B - A kind of webpage display device and method - Google Patents

A kind of webpage display device and method Download PDF

Info

Publication number
CN103927383B
CN103927383B CN201410177926.8A CN201410177926A CN103927383B CN 103927383 B CN103927383 B CN 103927383B CN 201410177926 A CN201410177926 A CN 201410177926A CN 103927383 B CN103927383 B CN 103927383B
Authority
CN
China
Prior art keywords
page
data
page element
data entry
content
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.)
Active
Application number
CN201410177926.8A
Other languages
Chinese (zh)
Other versions
CN103927383A (en
Inventor
安凯
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Che Zhi Interconnect (beijing) Technology Co Ltd
Original Assignee
Che Zhi Interconnect (beijing) Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Che Zhi Interconnect (beijing) Technology Co Ltd filed Critical Che Zhi Interconnect (beijing) Technology Co Ltd
Priority to CN201410177926.8A priority Critical patent/CN103927383B/en
Publication of CN103927383A publication Critical patent/CN103927383A/en
Application granted granted Critical
Publication of CN103927383B publication Critical patent/CN103927383B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing 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 present invention discloses a kind of webpage display device and method, belongs to Internet technical field.Webpage display method includes:Server end constructs web page files and script file according to the data content including multiple data items, web page files include multiple first page elements and multiple second page elements, each first page element includes a data items in data content, and each second page element includes the reference to script in script file;Browser resolves web page files, a page elements in multiple first page elements are presented, and corresponding second page element is presented on the first page element presented, when detecting the triggering to second page element, the script that second page element is quoted is performed, with the page elements currently shown according to the logical relation switching between each data items.The present invention is realized in a browser with paging mode display data content, and improves the web displaying speed of browser, reduces the load of server end.

Description

A kind of webpage display device and method
Technical field
The present invention relates to Internet technical field, and in particular to a kind of webpage display device and method.
Background technology
The China Internet Network Information Center (China Internet Network Information Center, CNNIC) adjusts Report display is looked into, by by the end of June, 2013, China's netizen's scale is up to 5.91 hundred million by.And with the fast development of internet, network As people's shopping, the first channel for obtaining information with communication exchange, some traditional business also fast transferring on internet.
Enterprise is in order to preferably collect field feedback, it is necessary to issue questionnaire.Traditional questionnaire needs to expend Substantial amounts of manpower, time and financial resources, also have deviation and delay, therefore can expire there is an urgent need to a to the statistics of questionnaire result The online investigation Questionnaire systems of sufficient demand.
As shown in fig. 6, a kind of implementation of existing online investigation questionnaire is, by all examination questions of questionnaire one Showed in individual webpage, its shortcoming is:Paging presentation is not carried out to examination question, lacks the interactivity between user;Not yet There is logic to redirect, some examination questions selectively shown can not show, such as:The examination for meeting male can not be showed according to male user Topic.
Another implementation of existing online investigation questionnaire is that point of examination question is realized by dynamic requests server Page, i.e., an examination question is presented on webpage every time, after user is got to the answer of the examination question, under server end download Presented after one examination question.Although this kind of implementation provides the paging to examination question, but often show one page, be required for Server end is interacted, such as sends http request to server end, and Current Content is carried out according to the response of server end Display.Interacted due to existing with the multiple of server end, on the one hand reduce the speed of webpage presentation, anaplasia during page open It is long, on the other hand also increase the load of server end (website).
The content of the invention
In view of the above problems, it is proposed that the present invention so as to provide one kind overcome above mentioned problem or at least in part solve on State the webpage display device and method of problem.
According to an aspect of the invention, there is provided a kind of Webpage display method, suitable for performing in a browser, the side Method includes:
Obtain web page files and script file from server end, the web page files and script file by server end according to Data content including multiple data items constructs to obtain, wherein the web page files constructed include multiple first page elements and Multiple second page elements, each first page element include a data items in data content, each second page bin Element includes the reference to script in script file, and cited script is suitable to be switched according to the logical relation between each data items The page elements currently shown;
The web page files are parsed, a page elements in the multiple first page element are presented, and Corresponding second page element is presented on the first page element presented;And
When detecting the triggering to second page element, the script that second page element is quoted is performed, it is current to hide The first page element and second page element of display, and the first page associated with currently hiding first page element is presented Surface element and corresponding second page element.
According to another aspect of the present invention, there is provided a kind of Webpage display method, suitable for being performed in server end, the side Method includes:
According to data content construction web page files and script file including multiple data items, wherein the webpage constructed File includes multiple first page elements and multiple second page elements, and each first page element includes one in data content Individual data items, each second page element include the reference to script in script file, and cited script is suitable to according to each The page elements that logical relation switching between data items is currently shown;
The web page files constructed and script file are returned to by browser according to the request of browser, for browser solution The web page files are analysed, a page elements in the multiple first page element are presented, and in presented Corresponding second page element is presented on one page elements, and, when detecting the triggering to second page element, perform The script that second page element is quoted, to hide the first page element and second page element that currently show, and present and work as The associated first page element of preceding hiding first page element and corresponding second page element.
According to another aspect of the invention, there is provided a kind of webpage display device, be resident in a browser, the equipment bag Include:
Request unit, suitable for obtaining web page files and script file, the web page files and script file from server end Construct to obtain according to the data content including multiple data items by server end, wherein the web page files constructed are including multiple First page element and multiple second page elements, each first page element include a data items in data content, Each second page element includes the reference to script in script file, and cited script is suitable to according between each data items The page elements that currently show of logical relation switching;
Resolution unit, suitable for parsing the web page files, to a page elements in the multiple first page element Presented, and corresponding second page element is presented on the first page element presented;And
Processing unit, suitable for when detecting the triggering to second page element, performing the pin that second page element is quoted This, to hide the first page element and second page element that currently show, and is presented and currently hiding first page element Associated first page element and corresponding second page element.
According to another aspect of the invention, there is provided a kind of webpage display device, reside in server end, the equipment bag Include:
Structural unit, suitable for constructing web page files and script file according to the data content for including multiple data items, its Middle constructed web page files include multiple first page elements and multiple second page elements, and each first page element includes A data items in data content, each second page element includes the reference to script in script file, cited Script is suitable to the page elements currently shown according to the logical relation switching between each data items;
Response unit, the web page files constructed and script file are returned to suitable for the request according to browser and browsed Device, for web page files described in browser resolves, a page elements in the multiple first page element are presented, And corresponding second page element is presented on the first page element presented, and, when detecting to second page bin During the triggering of element, the script that second page element is quoted is performed, to hide the first page element currently shown and second page Element, and present and the currently hiding associated first page element of first page element and corresponding second page element
Alternatively, the first page element and second page element are<div>Label, and the script passes through change< div>Label " display " attributes switch the page elements currently shown.
Alternatively, the data content includes the first Data Entry list and the second Data Entry list, and each data Project include the first Data Entry list in a Data Entry and the second Data Entry list in first Data Entry Corresponding second Data Entry.
Alternatively, corresponding to the first page element<div>Label is nested structure, wherein outer layer<div>Label The page number of the content where data content, internal layer<div>The content of label be the first Data Entry and with first data strip Second Data Entry corresponding to mesh, corresponding to the second page element<div>The content of label is button, and the button is quoted Script be suitable to according to the page member currently shown to the switching of the selection result of the second Data Entry corresponding to the first Data Entry Element.
According to another aspect of the invention, there is provided system is presented in a kind of webpage, and the system includes browser and service Device end, the browser communicate to connect with the server end, and the above-mentioned webpage that the browser includes residing therein is in Existing equipment, the server end include the above-mentioned webpage display device resided therein.
According to the above-mentioned one or more technical schemes of the present invention, by once generating Static web page documents (such as html File), data content once downloads completion in browser end, and by browser end perform script come according in data content Logical relation between each data items realizes that the paging of data content is presented, due to that need not carry out multiple friendship with server end Mutually, thus the web displaying speed of browser is improved, and reduces the load of server end.
Described above is only the general introduction of technical solution of the present invention, in order to better understand the technological means of the present invention, And can be practiced according to the content of specification, and in order to allow above and other objects of the present invention, feature and advantage can Become apparent, below especially exemplified by the embodiment of the present invention.
Brief description of the drawings
By reading the detailed description of hereafter preferred embodiment, it is various other the advantages of and benefit it is general for this area Logical technical staff will be clear understanding.Accompanying drawing is only used for showing the purpose of preferred embodiment, and is not considered as to this hair Bright limitation.And in whole accompanying drawing, identical part is denoted by the same reference numerals.In the accompanying drawings:
Fig. 1 shows that the structure chart of system is presented in webpage according to an embodiment of the invention;
Fig. 2 shows the structure chart of webpage display device in server end according to an embodiment of the invention;
Fig. 3 shows the structure chart of webpage display device in browser according to an embodiment of the invention;
Fig. 4 shows the flow chart of Webpage display method in server end according to an embodiment of the invention;
Fig. 5 shows the flow chart of Webpage display method in browser according to an embodiment of the invention;
Fig. 6 shows a kind of presentation interface of existing online investigation questionnaire;And
Fig. 7 shows a kind of presentation interface for online investigation questionnaire that technical scheme according to embodiments of the present invention is realized.
Embodiment
The exemplary embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although the disclosure is shown in accompanying drawing Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure without should be by embodiments set forth here Limited.On the contrary, these embodiments are provided to facilitate a more thoroughly understanding of the present invention, and can be by the scope of the present disclosure Completely it is communicated to those skilled in the art.
Fig. 1 shows that the structure chart of system is presented in webpage according to an embodiment of the invention.As shown in figure 1, webpage is in Existing system includes multiple client 110 (3 are shown in figure), the service of various Internet resources is provided for these clients 110 Device end 120, client 110 and server end 120 are in communication with each other via internet.
In embodiments of the present invention, client 110 can be that any can present in this area obtains from server end 120 The equipment of Internet resources, including but not limited to desktop computer, notebook computer, personal digital assistant, intelligent mobile Terminal and tablet personal computer etc..Operation has browser in client 110, and the browser can be presented to be obtained from server end 120 Web page files (such as html files).
Server end 120 can construct web page files and script according to the data content stored in data storage 130 File, wherein, data storage 130 is, for example, that the data content stored in database includes multiple data items.Server end 120 web page files constructed include multiple first page elements and multiple second page elements (being, for example, button), Mei Ge One page elements include a data items in data content, and each second page element is included to script in script file Quote, cited script is suitable to the page elements currently shown according to the logical relation switching between each data items.
It should be noted that data storage 130 can be deployed in the equipment communicated to connect with server end 120, Server end 120 can be directly deployed in, the embodiment of the present invention is without limitation.In addition, the pin that server end 120 is constructed This document can be a part (i.e. web page files include various scripts) for independent file or web page files, this Inventive embodiments are not also limited to this.
User answers the request of browser by the browser access server end 120 in client 110, server end 120 And the web page files asked and script file are returned into browser, for ease of the display of webpage, server end 120 is generally also The alternative document related to webpage such as CSS (Cascading Style Sheets, CSS) file can be returned in the lump Back to browser.
In embodiments of the present invention, the web page files that server end 120 constructs are Static web page documents, and the static Web page is literary Part includes needing the multiple data items for carrying out paging presentation in a browser.That is, server end 120 is disposable All data contents for needing paging in a browser to present all are returned into browser.
After browser gets web page files and script file, the web page files are parsed, to the multiple first page A page elements in element are presented, and corresponding second page bin is presented on the first page element presented Element.As it was previously stated, the web page files include the multiple data items in need for carrying out paging presentation in a browser, according to Design to web page files, after file described in browser resolves, according to analysis result, one in multiple data items can be presented Originai data item, will the originai data item presented in current web page.
User has browsed the data items (being possible to also carry out the data items related operation) currently presented, to make Obtain and next data items are presented in next webpage, the second page bin currently presented in first page element can be triggered Element, for example, clicking the button in first page element.When browser detects the triggering to second page element, second is performed The script that page elements are quoted, to hide the first page element and second page element that currently show, and present with it is currently hidden The associated first page element of the first page element of Tibetan and corresponding second page element.In this way, realize to more numbers According to the Pagination Display of project.
System is presented in webpage according to embodiments of the present invention, by once generating Static web page documents (such as html texts Part), data content once downloads completion in browser end, and by browser end perform script come according to each in data content Logical relation between data items realizes that the paging of data content is presented, due to that need not carry out multiple friendship with server end Mutually, thus the web displaying speed of browser is improved, and reduces the load of server end.
Below to browser in the server end 120 in the webpage presentation system of the embodiment of the present invention and client 110 Specific composition be described in detail, wherein, the server end 120 includes webpage display device 200, in the browser Including webpage display device 300.
Fig. 2 shows the structure chart of webpage display device 200 in server end 120 according to an embodiment of the invention. As shown in Fig. 2 webpage display device 200 includes structural unit 210 and response unit 220.
Structural unit 210 is suitable to according to the data content construction web page files and script file for including multiple data items, The data content may come from foregoing data storage 130.Wherein, the web page files constructed include multiple first pages Surface element and multiple second page elements, each first page element include a data items in data content, Mei Ge Two page elements include the reference to script in script file, and cited script (such as JS scripts) is suitable to according to each data item The page elements that logical relation switching between mesh is currently shown.
The first page element and second page element can use<div>Label, so, in the script file Script can pass through change<div>Label " display " attributes switch the page elements currently shown.Specifically, pass through Will<div>Label " display " attributes are arranged to " display:None " hides this<div>Label, pass through by<div>Mark Label " display " attributes are arranged to " display:Block " is presented this<div>Label.
The data content can include the first Data Entry list and the second Data Entry list, and each data items Including corresponding with first Data Entry in a Data Entry in the first Data Entry list and the second Data Entry list The second Data Entry.
For example, when the data content is the examination question of questionnaire, the first Data Entry list can be questionnaire Examination question topic table, the second Data Entry list can be questionnaire examination question the problem of pick list.So, each data Project just includes option content corresponding with the topic in a topic and problem pick list in topic table.
In the case that the data content includes the first Data Entry list and the second Data Entry list, described first Corresponding to page elements<div>Label can be nested structure, wherein outer layer<div>The content of label is where data content The page number, internal layer<div>The content of label is the first Data Entry and the second Data Entry corresponding with first Data Entry, Corresponding to the second page element<div>The content of label is button, and the script that the button is quoted is suitable to according to first The page elements that the selection result switching of second Data Entry corresponding to Data Entry is currently shown.The button can include " continuation " button and the Back button, when user clicks on " continuation " button, next page of current page is shown in webpage Face, when user clicks on the Back button, a upper page for current page is shown in webpage.
Continue so that the data content is the examination question of questionnaire as an example, in the web page files that structural unit 210 is constructed 's<div>Label example is as follows:
In above-mentioned code,<div>The name form of label is as follows:
The page number<div>Tag format:Page_+ " page references (starting with 1) "
Questionnaire examination question<div>Tag format:Topic+ " examination questions id "
Continue, return push-button:Page_center_+ " page references (starting with 1) "
<div>The nested logic of label is:The page number is included in one page examination question<div>In label, continue, return push-button with The page number<div>Label is at the same level.
In addition, in above-mentioned code, " purposes of divsubmit " labels is the div of submitting button.
As can be seen that the web page files that structural unit 210 is constructed include 6 data items, the 1st data items pair Answer<div>Label " display " attributes are " display:Block ", is the data items initially to be shown, other 5 Corresponding to data items<div>Label " display " attributes are " display:None ", to be initially at what is hidden in webpage Data items.
As it was previously stated, the script in browser is suitable to what is currently shown according to the logical relation switching between each data items Page elements.Wherein, the logical relation can be natural order between each data items or each data items it Between logical order.Continue the example of above-mentioned questionnaire, data content includes 5 data items, and its natural order is data Project 1, data items 2, data items 3, data items 4, data items 5.And logical order may include:Data items 1, number According to project 2, data items 3, and, data items 1, data items 4, data items 5.For example, the first data of data items 1 Entry is the topic 1 in topic table, and the second Data Entry corresponding with first Data Entry is the option content of topic 1, should Option content provides two options, respectively option one and option 2, and when user carries out online answer, the answer to topic 1 is During option one, according to above-mentioned logical order, data items 2 can be presented in lower one page, when the answer to topic 1 is option 2, root According to above-mentioned logical order, data items 4 can be presented in lower one page.
Response unit 220 is suitable to be returned to the web page files constructed and script file according to the request of browser to browse Device.
Webpage display device 200 according to embodiments of the present invention, by once generate Static web page documents (such as html text Part), data content once downloads completion in browser end, and by browser end perform script come according to each in data content Logical relation between data items realizes that the paging of data content is presented, due to that need not carry out multiple friendship with server end Mutually, thus the web displaying speed of browser is improved, and reduces the load of server end.
Fig. 3 shows the structure chart of webpage display device 300 in browser according to an embodiment of the invention.Such as Fig. 3 Shown, webpage display device 300 includes request unit 310, resolution unit 320 and processing unit 330.
Request unit 310 is suitable to obtain web page files and script file from server end.Web page files and the script text Part be in above-described embodiment by server end according to the data content including multiple data items construct obtained web page files and Script file.
Resolution unit 320 is suitable to parse the web page files, to a page member in the multiple first page element Element is presented, and corresponding second page element is presented on the first page element presented.
Processing unit 330 is suitable to when detecting the triggering to second page element, performs what second page element was quoted Script, to hide the first page element and second page element that currently show, and present and currently hiding first page bin The associated first page element of element and corresponding second page element.
User is by the browser access server end 120 in client 110, the response unit 220 in server end 120 Answer the request of request unit 310 and the web page files asked and script file are returned into browser, for ease of the aobvious of webpage Show, server end 120 generally can also be by the alternative document related to webpage such as CSS (Cascading Style Sheets, layer Stacking style table) file returns to browser in the lump.
In embodiments of the present invention, the web page files that server end 120 constructs are Static web page documents, and the static Web page is literary Part includes needing the multiple data items for carrying out paging presentation in a browser.That is, server end 120 is disposable All data contents for needing paging in a browser to present all are returned into browser.
After browser gets web page files and script file, resolution unit 320 parses the web page files, to described more A page elements in individual first page element are presented, and are presented accordingly on the first page element presented Second page element.As it was previously stated, the web page files include the more numbers in need for carrying out paging presentation in a browser According to project, according to the design to web page files, after file described in browser resolves, according to analysis result, multiple data can be presented An originai data item in project, will the originai data item presented in current web page.
User has browsed the data items (being possible to also carry out the data items related operation) currently presented, is So that next data items are presented in next webpage, the second page currently presented in first page element can be triggered Element, for example, clicking the button in first page element.When processing unit 330 detects the triggering to second page element, hold The script that row second page element is quoted, to hide the first page element and second page element that currently show, and present with The currently associated first page element of hiding first page element and corresponding second page element.In this way, realizing pair The Pagination Display of multiple data items.
Webpage display device 300 according to embodiments of the present invention, by once generate Static web page documents (such as html text Part), data content once downloads completion in browser end, and by browser end perform script come according to each in data content Logical relation between data items realizes that the paging of data content is presented, due to that need not carry out multiple friendship with server end Mutually, thus the web displaying speed of browser is improved, and reduces the load of server end.
The method performed by the webpage display device in server end and browser is introduced individually below.
Fig. 4 shows the flow chart of Webpage display method in server end according to an embodiment of the invention.Such as Fig. 4 institutes Show, the Webpage display method starts from step S410.In step S410, according to the data content structure including multiple data items Web page files and script file are made, wherein the web page files constructed include multiple first page elements and multiple second page bins Element, each first page element include a data items in data content, and each second page element is included to script text The reference of script in part, cited script are suitable to the page currently shown according to the logical relation switching between each data items Element.
According to a kind of embodiment, the first page element and second page element are<div>Label, and the script Pass through change<div>Label " display " attributes switch the page elements currently shown.Alternatively, the data content Including the first Data Entry list and the second Data Entry list, and each data items are included in the first Data Entry list The second Data Entry corresponding with first Data Entry in one Data Entry and the second Data Entry list.
Alternatively, corresponding to the first page element<div>Label is nested structure, wherein outer layer<div>Label The page number of the content where data content, internal layer<div>The content of label be the first Data Entry and with first data strip Second Data Entry corresponding to mesh, corresponding to the second page element<div>The content of label is button, and the button draws Script is suitable to the page currently shown according to the selection result switching to the second Data Entry corresponding to the first Data Entry Element.
It should be noted that performed by structural unit 210 in processing and server end performed in step S410 Handle identical, specifically can refer to the description above to structural unit 210, do not repeat here.
Then, in the step s 420, the web page files constructed and script file are returned to according to the request of browser Browser, for web page files described in browser resolves, a page elements in the multiple first page element are carried out Present, and corresponding second page element is presented on the first page element presented, and, when detecting to second page During the triggering of surface element, the script that second page element is quoted is performed, to hide the first page element and second currently shown Page elements, and present and the currently hiding associated first page element of first page element and corresponding second page bin Element.
It should be noted that performed by response unit 220 in processing and server end performed in step S420 Handle identical, specifically can refer to the description above to response unit 220, do not repeat here.
Fig. 5 shows the flow chart of Webpage display method in browser according to an embodiment of the invention.Such as Fig. 5 institutes Show, the Webpage display method starts from step S510.In step S510, web page files and script text are obtained from server end Part, the web page files and script file are constructed to obtain by server end according to the data content including multiple data items, its Middle constructed web page files include multiple first page elements and multiple second page elements, and each first page element includes A data items in data content, each second page element includes the reference to script in script file, cited Script is suitable to the page elements currently shown according to the logical relation switching between each data items.
According to one embodiment of the present invention, the first page element and second page element are<div>Label, and The script passes through change<div>Label " display " attributes switch the page elements currently shown.
Alternatively, the data content includes the first Data Entry list and the second Data Entry list, and each data Project include the first Data Entry list in a Data Entry and the second Data Entry list in first Data Entry Corresponding second Data Entry.
Alternatively, corresponding to the first page element<div>Label is nested structure, wherein outer layer<div>Label The page number of the content where data content, internal layer<div>The content of label be the first Data Entry and with first data strip Second Data Entry corresponding to mesh, corresponding to the second page element<div>The content of label is button, and the button is quoted Script be suitable to according to the page member currently shown to the switching of the selection result of the second Data Entry corresponding to the first Data Entry Element.
It should be noted that the place performed by request unit 310 in processing and browser performed in step S510 Manage identical, specifically can refer to the description above to request unit 310, do not repeat here.
Then, in step S520, the web page files are parsed, to a page in the multiple first page element Element is presented, and corresponding second page element is presented on the first page element presented
It should be noted that the place performed by resolution unit 320 in processing and browser performed in step S520 Manage identical, specifically can refer to the description above to resolution unit 320, do not repeat here.
After the first and second page elements are presented in step S520, method enters step S530.In step S530 In, when detecting the triggering to second page element, the script that second page element is quoted is performed, to hide what is currently shown First page element and second page element, and the first page element associated with currently hiding first page element is presented With corresponding second page element.
It should be noted that the place performed by processing unit 330 in processing and browser performed in step S530 Manage identical, specifically can refer to the description above to processing unit 330, do not repeat here.
An application example of the invention given below, the application example are an online investigation system.The system uses JQuery class libraries, using Microsoft Visual Studio2010 as development platform, generate html files, issue To web server, so that browser conducts interviews use.
First, design data content is come with database mode, database includes two tables, respectively topic table and problem Pick list.
The primary structure of topic table is:
QuestionId:Questionnaire Id, Title:Topic title, RelatedId:Associate 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 associated by QuestionRelatedid options.
Such as " whether your family, which has, is only provided from the private car that oneself or family use " choosing without when, QuestionRelatedid Entitled 3 are associated, that is, when option is "None", the topic " whether having the plan of purchase car recently " that display Relatedid is 3.
Particular content is, for example, shown in following table.
Then, it is possible to which web page files and script file are constructed according to the structure of above-mentioned two table.
Wherein, the partial code of the html files of generation is as follows:
The execution logic of above-mentioned js scripts is:Click on " continuation " and enter lower one page;Hide current page content;The page number adds 1;Sentence Whether disconnected current page shows;If so, display current page, if it is not, the page number, which adds, continues above-mentioned judgement after 1.
Afterwards, it is possible to above-mentioned html files and script file are returned to by browser according to the request of browser, for Browser carries out Pagination Display to the examination question in questionnaire.
Interface is presented as shown in fig. 7, in the presentation interface in a kind of online investigation questionnaire in a browser, when user is defeated " continuation " button is clicked on after entering to complete identification card number, then browser need not carry out http request to server end again, directly be in The now content of one page, the Back button is clicked on after user inputs completion identification card number, then browser is also without again to clothes Business device end carries out http request, and the content of page up is directly presented.
According to above-mentioned application example, questionnaire examination question is once downloaded completion by browser, then in browser front end point Page display, shown in addition, the questionnaire also provides association examination question, examination question below is shown according to respective selection.So, use After the technical scheme of inventive embodiments, online investigation questionnaire user can quickly open, and with paging mode answer, improve user Interactive experience, and reduce the number with the http request of server.
Algorithm and display be not inherently related to any certain computer, virtual system or miscellaneous equipment provided herein. Various general-purpose systems can also be used together with teaching based on this.As described above, required by constructing this kind of system Structure be obvious.In addition, the present invention is not also directed to any certain programmed language.It should be understood that it can utilize various Programming language realizes the content of invention described herein, and the description done above to language-specific is to disclose this hair Bright preferred forms.
In the specification that this place provides, numerous specific details are set forth.It is to be appreciated, however, that the implementation of the present invention Example can be put into practice in the case of these no details.In some instances, known method, structure is not been shown in detail And technology, so as not to obscure the understanding of this description.
Similarly, it will be appreciated that in order to simplify the disclosure and help to understand one or more of each inventive aspect, Above in the description to the exemplary embodiment of the present invention, each feature of the invention is grouped together into single implementation sometimes In example, figure or descriptions thereof.However, the method for the disclosure should be construed to reflect following intention:I.e. required guarantor The application claims of shield features more more than the feature being expressly recited in each claim.It is more precisely, such as following Claims reflect as, inventive aspect is all features less than single embodiment disclosed above.Therefore, Thus the claims for following embodiment are expressly incorporated in the embodiment, wherein each claim is in itself Separate embodiments all as the present invention.
Those skilled in the art, which are appreciated that, to be carried out adaptively to the module in the equipment in embodiment Change and they are arranged in one or more equipment different from the embodiment.Can be the module or list in embodiment Member or component be combined into a module or unit or component, and can be divided into addition multiple submodule or subelement or Sub-component.In addition at least some in such feature and/or process or unit exclude each other, it can use any Combination is disclosed to all features disclosed in this specification (including adjoint claim, summary and accompanying drawing) and so to appoint Where all processes or unit of method or equipment are combined.Unless expressly stated otherwise, this specification (including adjoint power Profit requires, summary and accompanying drawing) disclosed in each feature can be by providing the alternative features of identical, equivalent or similar purpose come generation Replace.
In addition, it will be appreciated by those of skill in the art that although some embodiments described herein include other embodiments In included some features rather than further feature, but the combination of the feature of different embodiments means in of the invention Within the scope of and form different embodiments.For example, in the following claims, embodiment claimed is appointed One of meaning mode can use in any combination.
The all parts embodiment of the present invention can be realized with hardware, or to be run on one or more processor Software module realize, or realized with combinations thereof.It will be understood by those of skill in the art that it can use in practice Microprocessor or digital signal processor (DSP) come realize in webpage display device according to embodiments of the present invention some or The some or all functions of person's whole part.The present invention is also implemented as perform method as described herein one Divide either whole equipment or program of device (for example, computer program and computer program product).It is such to realize this hair Bright program can store on a computer-readable medium, or can have the form of one or more signal.It is such Signal can be downloaded from internet website and obtained, and either provided on carrier signal or provided in the form of any other.
It should be noted that the present invention will be described rather than limits the invention for above-described embodiment, and ability Field technique personnel can design alternative embodiment without departing from the scope of the appended claims.In the claims, Any reference symbol between bracket should not be configured to limitations on claims.Word "comprising" does not exclude the presence of not Element or step listed in the claims.Word "a" or "an" before element does not exclude the presence of multiple such Element.The present invention can be by means of including the hardware of some different elements and being come by means of properly programmed computer real It is existing.In if the unit claim of equipment for drying is listed, several in these devices can be by same hardware branch To embody.The use of word first, second, and third does not indicate that any order.These words can be explained and run after fame Claim.
The invention discloses:
A1, a kind of Webpage display method, suitable for performing in a browser, methods described includes:
Obtain web page files and script file from server end, the web page files and script file by server end according to Data content including multiple data items constructs to obtain, wherein the web page files constructed include multiple first page elements and Multiple second page elements, each first page element include a data items in data content, each second page bin Element includes the reference to script in script file, and cited script is suitable to be switched according to the logical relation between each data items The page elements currently shown;
The web page files are parsed, a page elements in the multiple first page element are presented, and Corresponding second page element is presented on the first page element presented;And
When detecting the triggering to second page element, the script that second page element is quoted is performed, it is current to hide The first page element and second page element of display, and the first page associated with currently hiding first page element is presented Surface element and corresponding second page element.
A2, the Webpage display method as described in A1, wherein, the first page element and second page element are<div> Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
A3, the Webpage display method as described in A2, wherein, the data content includes the first Data Entry list and second Data Entry list, and each data items include the Data Entry and the second Data Entry in the first Data Entry list The second Data Entry corresponding with first Data Entry in list.
A4, the Webpage display method as described in A3, wherein, corresponding to the first page element<div>Label is nesting Structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is the first number According to entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div>Label Content be button, the script that the button is quoted is suitable to according to the selection to the second Data Entry corresponding to the first Data Entry As a result the page elements currently shown are switched.
B5, a kind of Webpage display method, suitable for being performed in server end, methods described includes:
According to data content construction web page files and script file including multiple data items, wherein the webpage constructed File includes multiple first page elements and multiple second page elements, and each first page element includes one in data content Individual data items, each second page element include the reference to script in script file, and cited script is suitable to according to each The page elements that logical relation switching between data items is currently shown;
The web page files constructed and script file are returned to by browser according to the request of browser, for browser solution The web page files are analysed, a page elements in the multiple first page element are presented, and in presented Corresponding second page element is presented on one page elements, and, when detecting the triggering to second page element, perform The script that second page element is quoted, to hide the first page element and second page element that currently show, and present and work as The associated first page element of preceding hiding first page element and corresponding second page element.
B6, the Webpage display method as described in B5, wherein, the first page element and second page element are<div> Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
B7, the Webpage display method as described in B6, wherein, the data content includes the first Data Entry list and second Data Entry list, and each data items include the Data Entry and the second Data Entry in the first Data Entry list The second Data Entry corresponding with first Data Entry in list.
B8, the Webpage display method as described in B7, wherein, corresponding to the first page element<div>Label is nesting Structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is the first number According to entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div>Label Content be button, the script that the button is quoted is suitable to according to the selection to the second Data Entry corresponding to the first Data Entry As a result the page elements currently shown are switched.
C9, a kind of webpage display device, it is resident in a browser, the equipment includes:
Request unit, suitable for obtaining web page files and script file, the web page files and script file from server end Construct to obtain according to the data content including multiple data items by server end, wherein the web page files constructed are including multiple First page element and multiple second page elements, each first page element include a data items in data content, Each second page element includes the reference to script in script file, and cited script is suitable to according between each data items The page elements that currently show of logical relation switching;
Resolution unit, suitable for parsing the web page files, to a page elements in the multiple first page element Presented, and corresponding second page element is presented on the first page element presented;And
Processing unit, suitable for when detecting the triggering to second page element, performing the pin that second page element is quoted This, to hide the first page element and second page element that currently show, and is presented and currently hiding first page element Associated first page element and corresponding second page element.
C10, the webpage display device as described in C9, wherein, the first page element and second page element are<div> Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
C11, the webpage display device as described in C10, wherein, the data content includes the first Data Entry list and the Two Data Entry lists, and each data items include the Data Entry and the second data strip in the first Data Entry list The second Data Entry corresponding with first Data Entry in mesh list.
C12, the webpage display device as described in C11, wherein, corresponding to the first page element<div>Label is embedding Nested structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is first Data Entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div>Mark The content of label is button, and the script that the button is quoted is suitable to according to the choosing to the second Data Entry corresponding to the first Data Entry Select the page elements that result switching is currently shown.
D13, a kind of webpage display device, reside in server end, and the equipment includes:
Structural unit, suitable for constructing web page files and script file according to the data content for including multiple data items, its Middle constructed web page files include multiple first page elements and multiple second page elements, and each first page element includes A data items in data content, each second page element includes the reference to script in script file, cited Script is suitable to the page elements currently shown according to the logical relation switching between each data items;
Response unit, the web page files constructed and script file are returned to suitable for the request according to browser and browsed Device, for web page files described in browser resolves, a page elements in the multiple first page element are presented, And corresponding second page element is presented on the first page element presented, and, when detecting to second page bin During the triggering of element, the script that second page element is quoted is performed, to hide the first page element currently shown and second page Element, and present and the currently hiding associated first page element of first page element and corresponding second page element.
D14, the webpage display device as described in power D13, wherein, the first page element and second page element are< div>Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
D15, the webpage display device as described in D14, wherein, the data content includes the first Data Entry list and the Two Data Entry lists, and each data items include the Data Entry and the second data strip in the first Data Entry list The second Data Entry corresponding with first Data Entry in mesh list.
D16, the webpage display device as described in D15, wherein, corresponding to the first page element<div>Label is embedding Nested structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is first Data Entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div>Mark The content of label is button, and the script that the button is quoted is suitable to according to the choosing to the second Data Entry corresponding to the first Data Entry Select the page elements that result switching is currently shown.
System is presented in E17, a kind of webpage, and the system includes browser and server end, the browser and the clothes The communication connection of business device end, and the browser includes the webpage display device as any one of C9-12, the server end Including the webpage display device as any one of D13-16.

Claims (13)

1. a kind of Webpage display method, suitable for performing in a browser, methods described includes:
Web page files and script file are obtained from server end, and the web page files and script file are by server end according to including The data content of multiple data items constructs to obtain, and the data content is the examination question of questionnaire, and including the first data strip Mesh list and the second Data Entry list, the first Data Entry list for questionnaire examination question topic table, the second data strip The problem of mesh list is the examination question of questionnaire pick list, and each data items include one in the first Data Entry list The second Data Entry corresponding with first Data Entry, i.e., each data items in Data Entry and the second Data Entry list Including option content corresponding with the topic in a topic in topic table and problem pick list, wherein the webpage text constructed Part includes multiple first page elements and multiple second page elements, and each first page element includes one in data content Data items, each second page element include the reference to script in script file, and cited script is suitable to according to each number The page elements currently shown according to the logical relation switching between project, and the web page files are Static web page documents, it is described Browser has disposably downloaded the data content that needed paging is presented;
The web page files are parsed, a page elements in the multiple first page element are presented, and be in Corresponding second page element is presented on existing first page element;And
When detecting the triggering to second page element, the script that second page element is quoted is performed, to hide current display First page element and second page element, and the associated first page bin of first page element with currently hiding is presented Plain and corresponding second page element.
2. Webpage display method as claimed in claim 1, wherein, the first page element and second page element are<div >Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
3. Webpage display method as claimed in claim 2, wherein, corresponding to the first page element<div>Label is embedding Nested structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is first Data Entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div>Mark The content of label is button, and the script that the button is quoted is suitable to according to the choosing to the second Data Entry corresponding to the first Data Entry Select the page elements that result switching is currently shown.
4. a kind of Webpage display method, suitable for being performed in server end, methods described includes:
Asked according to the data content construction web page files including multiple data items and script file, the data content for investigation The examination question of volume, and including the first Data Entry list and the second Data Entry list, the first Data Entry list is questionnaire Examination question topic table, the problem of the second Data Entry list is the examination question of questionnaire pick list, and each data items bag Include corresponding with first Data Entry in a Data Entry and the second Data Entry list in the first Data Entry list Second Data Entry, i.e., each data items include corresponding with the topic in a topic and problem pick list in topic table Option content, wherein the web page files constructed include multiple first page elements and multiple second page elements, each first Page elements include a data items in data content, and each second page element includes drawing script in script file With cited script is suitable to the page elements currently shown according to the logical relation switching between each data items;
The web page files constructed and script file are returned to by browser according to the request of browser, for browser resolves institute Web page files are stated, a page elements in the multiple first page element are presented, and in the first page presented Corresponding second page element is presented on surface element, and, when detecting the triggering to second page element, perform second The script that page elements are quoted, to hide the first page element and second page element that currently show, and present with it is currently hidden The associated first page element of the first page element of Tibetan and corresponding second page element, and the web page files are static state The data content that needed paging is presented disposably is returned to browser by web page files, the server end.
5. Webpage display method as claimed in claim 4, wherein, the first page element and second page element are<div >Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
6. Webpage display method as claimed in claim 5, wherein, corresponding to the first page element<div>Label is embedding Nested structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is first Data Entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div>Mark The content of label is button, and the script that the button is quoted is suitable to according to the choosing to the second Data Entry corresponding to the first Data Entry Select the page elements that result switching is currently shown.
7. a kind of webpage display device, it is resident in a browser, the equipment includes:
Request unit, suitable for obtaining web page files and script file from server end, the web page files and script file are by taking Business device end constructs to obtain according to the data content including multiple data items, and the data content is the examination question of questionnaire, and Including the first Data Entry list and the second Data Entry list, the first Data Entry list is the topic of the examination question of questionnaire Table, the problem of the second Data Entry list is the examination question of questionnaire pick list, and each data items include the first data strip The second Data Entry corresponding with first Data Entry in a Data Entry and the second Data Entry list in mesh list, I.e. each data items include option content corresponding with the topic in a topic and problem pick list in topic table, wherein The web page files constructed include multiple first page elements and multiple second page elements, and each first page element includes number According to a data items in content, each second page element includes the reference to script in script file, cited pin This is suitable to the page elements currently shown according to the logical relation switching between each data items, and the web page files are static state Web page files, the browser have disposably downloaded the data content that needed paging is presented;
Resolution unit, suitable for parsing the web page files, a page elements in the multiple first page element are carried out Present, and corresponding second page element is presented on the first page element presented;And
Processing unit, suitable for when detecting the triggering to second page element, performing the script that second page element is quoted, with The first page element and second page element currently shown is hidden, and is presented associated with currently hiding first page element First page element and corresponding second page element.
8. webpage display device as claimed in claim 7, wherein, the first page element and second page element are<div >Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
9. webpage display device as claimed in claim 8, wherein, corresponding to the first page element<div>Label is embedding Nested structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is first Data Entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div>Mark The content of label is button, and the script that the button is quoted is suitable to according to the choosing to the second Data Entry corresponding to the first Data Entry Select the page elements that result switching is currently shown.
10. a kind of webpage display device, resides in server end, the equipment includes:
Structural unit, suitable for according to the data content construction web page files and script file for including multiple data items, the number According to the examination question that content is questionnaire, and including the first Data Entry list and the second Data Entry list, the first Data Entry The problem of list is the topic table of the examination question of questionnaire, and the second Data Entry list is the examination question of questionnaire pick list, and Each data items include in a Data Entry and the second Data Entry list in the first Data Entry list with this first Second Data Entry corresponding to Data Entry, i.e., each data items are included in a topic and problem pick list in topic table Option content corresponding with the topic, wherein the web page files constructed include multiple first page elements and multiple second pages Element, each first page element include a data items in data content, and each second page element is included to script The reference of script in file, cited script are suitable to the page currently shown according to the logical relation switching between each data items Surface element;
Response unit, the web page files constructed and script file are returned into browser suitable for the request according to browser, with For web page files described in browser resolves, a page elements in the multiple first page element are presented, and Corresponding second page element is presented on the first page element presented, and, when detecting to second page element During triggering, the script that second page element is quoted is performed, to hide the first page element and second page element that currently show, And the first page element being associated with currently hiding first page element and corresponding second page element is presented, and it is described Web page files are Static web page documents, and the data content that needed paging is presented disposably is returned to and browsed by the server end Device.
11. webpage display device as claimed in claim 10, wherein, the first page element and second page element are< div>Label, and the script passes through change<div>Label " display " attributes switch the page elements currently shown.
12. webpage display device as claimed in claim 11, wherein, corresponding to the first page element<div>Label is Nested structure, wherein outer layer<div>The page number of the content of label where data content, internal layer<div>The content of label is the One Data Entry and the second Data Entry corresponding with first Data Entry, corresponding to the second page element<div> The content of label is button, and the script that the button is quoted is suitable to according to the second Data Entry corresponding to the first Data Entry The page elements that selection result switching is currently shown.
13. system is presented in a kind of webpage, the system includes browser and server end, the browser and the server end Communication connection, and the browser includes webpage display device as claimed in any one of claims 7-9, the server end Including the webpage display device as any one of claim 10-12.
CN201410177926.8A 2014-04-29 2014-04-29 A kind of webpage display device and method Active CN103927383B (en)

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 CN103927383A (en) 2014-07-16
CN103927383B true 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)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462567B (en) * 2014-12-26 2018-01-09 北京奇虎科技有限公司 The switching method and apparatus of web page and the comprehensive page provide device
CN107196980B (en) * 2016-03-14 2020-11-13 创新先进技术有限公司 Method, system and device for controlling page display flow
CN106940719B (en) * 2017-03-14 2020-09-08 福建中金在线信息科技有限公司 Page skipping method and device
CN108228181A (en) * 2017-12-29 2018-06-29 北京奇虎科技有限公司 The method and device of embedded html page in html page
CN109948025B (en) * 2019-03-20 2023-10-20 上海古鳌电子科技股份有限公司 Data reference recording method

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101071375A (en) * 2007-05-22 2007-11-14 腾讯科技(深圳)有限公司 An interface development system and method for combining controls
CN102647634A (en) * 2012-05-02 2012-08-22 合一网络技术(北京)有限公司 A method and device for playing multi-slice video based on HTML5video
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

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100211467A1 (en) * 2009-02-18 2010-08-19 Kumaresan Ramanathan computerized method and system for effectively utilizing empty-spaces on websites

Patent Citations (4)

* Cited by examiner, † Cited by third party
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 腾讯科技(深圳)有限公司 An interface development system and method for combining controls
CN102647634A (en) * 2012-05-02 2012-08-22 合一网络技术(北京)有限公司 A method and device for playing multi-slice video based on HTML5video
CN102915378A (en) * 2012-11-16 2013-02-06 北京奇虎科技有限公司 Method and device for changing display status of contents in webpage

Also Published As

Publication number Publication date
CN103927383A (en) 2014-07-16

Similar Documents

Publication Publication Date Title
US9576315B2 (en) System and method for dynamically changing the content of an internet web page
US8621002B2 (en) System and method for dynamically changing the content of an information display
US10163090B1 (en) Method and system for tagging of content
US20090100356A1 (en) Method for Presenting a Web Page
US20090327234A1 (en) Updating answers with references in forums
CN103927383B (en) A kind of webpage display device and method
WO2009002508A1 (en) Interactive delivery of editorial content
US20090327235A1 (en) Presenting references with answers in forums
US20090222721A1 (en) Internet access GUI for mobile devices
US20140173031A1 (en) Information providing apparatus, information providing method, and network system
JP5309121B2 (en) Information processing method, program, information processing system
Jin et al. Extend to online or offline? The effects of web-brand extension mode, similarity, and brand concept on consumer evaluation
Lima et al. The bcXML: Supporting eCommerce and Knowledge Management in the construction industry
Lee et al. Qtag: tagging as a means of rating, opinion-expressing, sharing and visualizing
Fragoso Understanding links: Web Science and hyperlink studies at macro, meso and micro-levels
Berube E‐books in public libraries: a terminal or termination technology?
De Sarkar Prevalence of widget applications on library websites: an analytical study
Marefat et al. Evaluation of user experience in symbols and visual signs in the graphics of websites and applications
Harris Cut/Copy/Paste: Fragments from the History of Bookwork: Whitney Trettien, 2021 Minneapolis, University of Minnesota Press 324pp., ISBN 1517904099 (pbk£ 20.99)
Assmann et al. " Digital government" in Japan: a selective survey of Japanese ministry web sites
JP2009122790A (en) System for displaying advertisement information
JP2011123749A (en) Method of providing information to browser terminal by cooperation of www document inserting device and related information introducing device on network
JP2012008971A (en) Retrieval information display device, retrieval information display method, retrieval information display program, information retrieval device, information retrieval program, and recording medium
WO2012000230A1 (en) Universal method for subscribing electronic newspaper based on webpage
Price Central San Joaquin Valley, California business web sites and their adherence to usability guidelines

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