TW530231B - System and method for dynamically generating tables on web pages - Google Patents

Abstract

The present invention discloses a system and method for dynamically generating tables on web pages, which uses a header processing module to read and analyze the header data in the web page data from the web page data buffer, and then uses a table generation module to display the table on the web page with associated usage authority and character attributes of the table element. Moreover, the table dynamic format configuration module is inputted with the selection instruction from the user to select the table element in the displayed table. Then, the table generation module dynamically generates the table for the user based on the selected table.

Description

530231 V. Description of the invention (1) Field of the invention: The present invention relates to a method for dynamically generating forms, particularly a method for dynamically generating forms on a webpage for different usage rights. In addition, the method of the present invention is also applicable to applications that can be based on the form and content of the form used by the user, to use the kinetic energy to dispose of σ, and to make specifications based on it to generate the required web page to the user. Background of the Invention: With the soft development of computers, modern global information exchanges have been generated and transmitted. Because of the Internet connection, you can easily continue to have a fever. Therefore, on the webpage of the website, because the country of the enterprise is likely to perform data sharing in the world to manage its own file company for the information of the shared information for inquiry or at the current rapid speed of the various profitable websites Focusing on the Internet Department is even more gradual, and every need for his son-in-law is different. For the different bamboos, the hardware technology society takes place. In this way, modern people and other places around the world have gained In order to continue to establish, in addition to the Internet content and day-to-day pace of the establishment of the base materials, to share, so as to make it. Therefore, the technical progress and communication changes of the webpages, which have become a reality, have been changed from the use of computers to the information on the server (the information provided by the web.) $ Technical technology and applications are constantly being promoted and accelerated, so they are the sons of the base. I data is very important for its user access via the Internet. Its height on the web is gradually increasing. The complex appearance can be improved through the internet because of the research work of the Internet. On the other side, an enterprise company needs the Internet of another base to provide proper services. Forming the form

530231 V. Description of the invention (2) When the method is quite lacking, \ most of the system administrators who consult or read the information control (Template) is filled in the webpage. However, for the users who want to change the webpage in the future, it is quite troublesome for the purpose of the invention and the right to use the invention in the form of the form of the invention. According to the value of the header data in the form, the reading limit and form element should display the table to the user limit in order to check the user's ability, and set the use permissions in some enterprises to write first When webpage template materials are sent to the user, the webpages sent to the user can not be used to query a large amount of data according to personal needs, and the situation of the query data range to make the style becomes a lack of flexibility. For example, the pages of are not set to restrict access. Another '—Fang Erlu' although it can be done in the database and according to the use rights, then in the user query information template, and finally the form of the table in the user in the above application, and for more tables Sizing to reduce or change the problem that the table cannot be changed in the webpage. Overview: The main purpose is to provide a way to generate forms on the web without dynamics. " Another purpose is to provide a method that can be formulated by a user to dynamically generate a form for display on a web page. The method of kinetic energy on a web page disclosed in the present invention is based on the use of data The source object is to read the web page data and analyze the parameter names and header data contained in the header data to obtain the form component data in the web page data, and use the text attributes of the rights to display the form in the web page to the user.

530231 V. Description of the invention (3) In addition, the user can also select form elements in the displayed form to further narrow down the scope of his query, and the method of the present invention will dynamically display the form to display according to the selected form element. user. The system disclosed by the present invention mainly includes four parts: a web page data buffer, a header processing module, a form generating module, and a form dynamic style making module. The webpage data buffer is a lean material temporary storage area 'for receiving data from the webpage or receiving data to be displayed on the webpage. The header processing module is used to input the lean data of the web page from the web page buffer to analyze and process the header part of the web page. The form generation module inputs the form data from the header processing module and includes the form data in the webpage data to analyze the form data in the webpage data. After the processing is completed, the generated webpage containing the form data is processed. Send to webpage data buffer for display. The table dynamic style formulating module inputs the form data analyzed by the form generating module, and cooperates with the selected command input by the user to dynamically generate the form style to the user, and the dynamic form style is sent to the form generating module , And then send it to the webpage data buffer for display. Detailed description of the invention: Please refer to the first figure, which depicts a block diagram of a module architecture according to a preferred embodiment of the present invention. The webpage data buffer area 102 is a data temporary storage area for receiving data from the webpage or receiving data to be displayed on the webpage. The header processing module 10 4 inputs the web page data from the web page data buffer area 102 through the data stream 1 10 to analyze and process the header part of the web page data (Form h e a d). The form generation module 1 0 6 is passed through the data stream 1 1 2

530231 V. Description of the invention (4) Enter the form data included in the web page data from the header processing module 104, and use it to analyze the form data in the web page data. The web page of the form data is sent to the web page data buffer 1 102 via the data stream 114 for display. The table dynamic style formulation module 108 uses the data stream 1 16 to input the form data analyzed by the table generation module 106, and cooperates with the user's selected command to generate the table style dynamically. To the user, and the dynamic table style will be sent to the form generation module 106 through the data stream 1 1 8 and then sent to the web page data buffer 1 102 through the data stream 1 1 4 for display. It should be noted that the architecture shown in the first figure is built on the client CC 1 ient), and the server can use Dynamic Hyper Document Markup Language (Dynamic Η hyper T e X t Markup Language, D Η TML ) Data link (D atabinding) structure, used to store a copy of the data on the client for user query. Next, please refer to the second figure, which depicts an operation flowchart of executing a webpage header data analysis program in the preferred embodiment of the present invention, which may be the main operation flow of the header processing module 104. In the preferred embodiment of the present invention, the data link structure of DHTML is used for description. First, the header processing module 104 buys webpage data from the webpage data buffer 1002, which is through a data source object (Datas 〇urce OBject, DS 0) in the data link structure. Perform, and use DS 0 to read the object identifier name and category identifier contained in it (step 2 0 2). For example, when a webpage described in DHTML is executed in Windows, step 202 is read via DS 0 object between < 0 BJECT > and < / 〇BJECT > Header data 'and get the attribute or identifier name defined by the parameter MI D "

530231 V. Description of the invention (5) and the category identification code defined by the parameter "aASSID" defined in the Windows registry database = eflst: y). Next 'will read the parameter names in the header data (step 2 0 4), and then read the enemy ’s loss of age, u value (step _. For example and Γ 数 _ 定 之 parameters ^ Niu will read in step 2 04 Take DHTMl ^ ^^^ 2 0 6 t then = take the parameter value after the "PARA". Finally, read the next: number name (step 2 0 8), and judge that it is included in the header data The parameter is 20 6 ^ 1 o '' " / '^ ^ 21〇) ° ^ ^ ^ ^ ^ ^…, until all the parameters in the table header have been read. Therefore, after the execution of the above-mentioned entitlement, the name of the DS object that is embedded in the web page (that is, HTML is used as a connection element between Browser and the web viewer (eg wHTML viewe /) _) And categories. The descriptions in Figures 2A and 3b are the operating procedures for generating forms in the preferred embodiment of the present invention, which can be the main execution and procedures of the form generating module 106. In addition, The third chart A is used to display the "form" of the unformed form on the web page, and the second figure is used to show the operation flow of the form on the web page. First, the form generation module 丨 〇6 will Enter the webpage data and find the form component tags in it (step 302). For example, in jDHTML §, find the description that defines the content of the form. Then, the form generation module 106 will determine whether The user needs to display the form (step 3 04). If the user needs to display the form, the label A is used to continue the process of the third figure B. Otherwise, a watch unit will be obtained. Text attributes (step 3 〇 6), and according to Character attributes (e.g., text or character type) to the user display list of permissions eligible element (step

Page 8 ί 530231 V. Description of the invention (6)-308). As for how to display table elements, you can use the < SPAN > tag in HTML. Finally, it is judged whether the read form is the last form element (step 3 1 0). If it is the last one, repeat the above steps 3 6 to 3 1 0 until the form elements are all read. Next, please refer to Figure 3B, which shows the operation flow of the form created by the user. First, the form generation module 106 will check whether the first form element is selected (step 312). If the form element is the selected person, after obtaining the text attributes of the form document (step 3 1 4), Text attributes and user permissions to display form elements (step. 3 1 6). Then determine whether the next form component is selected (step 3 1 8), if it is not selected, determine whether the next form component is the last component (step 3 2 0), and if so, stop displaying the user's step of formulating the form If no, repeat the above steps 3 1 4 ~ 3 2 0. Moreover, in step 3 12, if the first form element is not selected, skip directly to step 3 1 8 to determine whether the next form element is selected. The fourth figure depicts the operation flow chart for formulating the form in the preferred embodiment of the present invention, which may be the main operation flow of the form dynamic style formulating module 108. First, the table 袼 dynamic style formulating module 108 will judge whether the user inputs a selected instruction (step 40 2). If there is no input of the selected instruction, repeat step 402 to detect the user's input, otherwise it will be determined whether the form component selected by the user has been previously selected (step 40 4). If the form element is not selected, set the form element to the selected state (step 4 6); otherwise, if the form element is previously selected, cancel the selected state of the form element (step 4 0) 8 ). It should be noted that

^ 30231 V. Description of the invention (7) -------- Round 2: The method of selecting the two pieces can be expanded through the keyboard or mouse, etc. In addition, the above-mentioned method of determining the form elements is determined. The application of this ^ Ming two ^ grid elements. Those skilled in the art of the present invention can make changes based on the use of "Qingyi", but their modifications must still be included in the present document. Figure 5c shows the method disclosed in the present invention in the network F502. Don't think about it. First of all, the material table shown in Figure 5A; the employee qualification date i; i, 0V of a different corporate entity (ABC Co., Ltd.) is included, and the form 504 contains the employee's name, age, and number of employees. : Zi; Doumen:!? :: · and other materials. Because the table 504 contains all the serious problems that may occur, the user needs to check the use when displaying all the information ::: ;; ::! Can be publicly disclosed. The level of the administrative assistant is not high. When the basic information of the laborer was asked, therefore, when the administrative assistant inquired about it: the employee's salary was put for him to check. 5. The displayed form information will be the same as the form work information. The generation can be performed in the form generation module 1 () 6, according to the body :, and the form 506. When the administrative assistant wants to narrow down the enquired employees, use the left mouse button to click the form field. Example: In the range of two materials, the shipping name, department, and extension are selected. Figure 5B shows the employee's last name in Form 5 08, while Form 506 can be used. Figure 5c is generated in conjunction with the process of Figure 3B. The publication form generation module 106 combines the above-mentioned methods for dynamically generating forms disclosed in the present invention. 'Page 10 530231 V. Description of the invention (8) method, except for different usage rights to dynamically generate on the web page In addition to tables, users can also formulate table styles according to their needs, and can dynamically change the query range and display in the developed table styles. "Furthermore, in addition to the conventional technology, it is not possible to dynamically change the styles and contents of web page tables. Disadvantages. The above descriptions are merely preferred embodiments of the present invention, and are not intended to limit the scope of patent application of the present invention; any other equivalent changes or modifications made without departing from the spirit disclosed by the present invention, such as changing the form elements The selection method is changed to the selection of multiple form elements, etc., which should be included in the following application.

Please patent within the scope.

530231 on page 11 illustrates the preferred embodiment of the present invention in a simplified manner. The following figures will be used to explain in more detail in the following explanatory text: The first figure is a block diagram of the module structure of the preferred embodiment of the present invention; The second diagram depicts the operation flowchart of the web page header data analysis program in the preferred embodiment of the present invention. The third diagram depicts the operation flowchart for generating the form in the preferred embodiment of the present invention. The operation flow of formulating a form on a webpage; FIG. 3B depicts the operation flow of the formulating form on a webpage in a preferred embodiment of the present invention;

The fourth diagram depicts the operation flow chart for formulating the form in the preferred embodiment of the present invention; the fifth diagram A depicts a schematic diagram of a web page; the fifth diagram B depicts the fifth page of the web page of FIG. Schematic diagram showing form data according to usage rights, of which some form fields have been selected; and Figure 5C is depicted on the webpage of Figure 5B, based on the form data displayed in the selected field; Figure No. section:

1 0 2: Web page data buffer; 104: Header processing module; 106: Form generation module; 108: Form dynamic style formulation module; 5 02: Web page; 5 0 4 ·· Complete form data; 506: form data displayed based on usage rights; and 508: form data displayed based on selected form fields.

Page 12

Claims (1)

530231 6. Scope of patent application 1. A method for dynamically generating a form on a web page, the method includes at least the following steps: Analyze the form head data in the web page data to obtain the data link between the web page and the browser (D atabinding) object data of the component; obtaining the text attributes of the form component contained in the webpage data; and displaying the form component on the webpage based on the text attributes and usage rights. 2. For the method of applying for the first item of the patent scope, wherein the above step of analyzing the header data includes at least the following steps: reading the object identifier name and category identifier of the data link component, and reading the parameters of the data link component Name; read the parameter value of the parameter name; and generate the object data of the data link component according to the object identifier name, the category identifier, the parameter name, and the parameter value. 3. For the method according to the second item of the patent application, wherein the above data linking element is a data source object (Dynamic Hyper Tx Markup Language, DHTML) DSO) o 4. The method according to item 1 of the scope of patent application, wherein the above-mentioned text attribute package Page 13 530231 6. Scope of patent application Contains text content and font attributes. 5. If the method of claim 1 of the scope of patent application, the method of changing the displayed form according to the selected instruction includes at least the following steps: Enter the selected instruction, wherein the selected instruction is used to set the selected state of the form element, Or to cancel the selected state of the form element; and to display the selected form element on the webpage according to the text attribute and the use right. 6. —A system for dynamically generating a form on a web page, the system includes at least: a header processing module, which is based on a web page data, and is used to analyze the data of the web page header (F rmhead) to obtain a web page Object data of the data linking component between the browser and Databinding; and a form generation module, based on the webpage data, used to obtain the text attributes of the form components contained in the webpage data, based on the text property With permission to display the form element on the web page. 7. If the system of claim 6 is applied for, the above method for analyzing the header data includes at least the following steps: Read the object identification name and category identification stone of the data link component, and read the data link component. Parameter name; read the parameter value of the parameter name; and Page 14 530231 VI. Scope of patent application According to the name of the object identifier, the category identifier, the parameter name, and the parameter value, the object data of the data link component is generated. 8. If the system of item 7 of the scope of patent application, the above data link element is a data source object (DSO) in Dynamic Hyper Text Markup Language (DHTML). 9. The system according to item 6 of the scope of patent application, wherein the above-mentioned text attributes include text content and font attributes. I 0 · If the system of item 6 of the scope of patent application, it further includes a form dynamic style making module 'for inputting the selected instruction, and changing the style of the table displayed on the webpage according to the selected instruction, wherein the selected instruction is Used to set the selected state of the form element, or to cancel the selected state of the form element. II · An electronic recording medium for storing a method capable of dynamically generating a form on a webpage. The computer recording medium includes at least f: a header processing module, which is based on a webpage data and is used to analyze the webpage data. Form head data in the form to obtain the object data of the data binding component between the web page and the browser; and the form generation module 'respond to the web page data to obtain the data contained in the web page. The text attribute of the table component, based on the text attribute Page 15 530231 6. Applying for a patent application park and using the right to display the form element on the web page12. If the computer recording media of item 11 of the scope of patent application, the method of analyzing the information in the header includes at least the following steps: Read the object identification code of the data link component, the stone horse name and the category identification code, read the parameter name of the data link component; read the parameter value of the parameter name; and according to the object identification name, the category identification code , The parameter name, and the parameter value to generate the object data of the data link component. 1 3 · If the computer recording medium of item 12 of the patent scope is declared, the data link component mentioned above is a data source object in a Dynamic Hyper Text Markup Language (DHTML). , DSO) 〇1 4 & The computer recording medium of item 丨 丨 in the scope of patent application, wherein the above-mentioned sub-attributes include text content and font attributes. The computer recording medium for item 11 of the 5th patent scope of Rushen also includes a watchmaker ~ 'cleverly formulating modules to enter selected instructions, and to change the order based on the selection — the ruler is not in The table style on the web page, where the selection instruction is used to set; ^, one to one day the selected state of the table element, or to cancel the selected state of the table. Page 16 530231 1 6 · — A kind of system on the client side (ς 丨 丨 en) that dynamically generates dates. The system includes at least: 'Grid to display on the web page header processing module, corresponding to a web page data, the table in the data Fοrm head data to obtain the object used to analyze the data binding component of the webpage \ ware ^ Tbeke between the webpage and the browser; a poor form generation module, corresponding to the webpage data of the webpage The text attribute of the form element in the data, r is used to obtain the content and usage rights to display the form element on the webpage, according to the text attribute 1 7. The system of item 6 of patent application scope, among which, the method of data At least the following steps are included: the above analysis of the headline purchases the object identification code of the data link component; the clever name and category identification reads the parameter name of the data link component; reads the parameter value of the parameter name; and According to the object identifier name, the category identifier, the parameter name and the parameter value to generate the object data of the data link component. 18 · If the system of item 17 of the scope of patent application, the above data link component is a data source object (DSO) in a Dynamic Hyper Text Markup Language (DHTML). Page 17 530231 VI. Scope of Patent Application 1 9 · If the system of the 16th scope of patent application, the above-mentioned text attributes include text content and font attributes. 2 0. If the system of item 16 of the scope of patent application, further includes a form dynamic style making module for inputting the selected instruction, and according to the selected instruction to change the style of the table displayed on the webpage, the selected instruction It is used to set the selected state of the form element, or to cancel the selected state of the form element. Page 18