j I234088 五、發明說明^~~^^ ----—- 【發明領域】 本發明是有關於一種元件導向網頁製作方法及其 衣罝’特別是指一 十生逢 纟由建立網頁之組態表而達到可彈 5 t揸:網頁功能、縮短網頁建構時間、簡化網頁原始程 ^撰寫之元件導向肖胃製作丨法及其裝置。 【發明背景】 網著線上乂易所帶來的方便性與即時性看來,網際 商店存在著龐大的商機,因此越來越多的業者傾向 10在:網際網路上建構一個屬於自己的網站,讓消費者可 U家裡或辦公室中透過網際網路連結到其網站瀏覽產 口口進仃玎貨或接受其他服務,且對於消費者而言,線 ,瀏覽-商家的產品目錄、選購產品、下訂單以及付款 等動作王α卩透過網際網路來完成則變得越來越平常。而 且為了讓網站能滿足使用者需求,業者通常希望網站是 15顧客導向的,所以業者可能更喜歡自己去設計網站,以 建構一適合他的產品及服務的購物環境。但不幸的是, 大多數的業者都不具有在網際網路上建構及管理網站 的能力。所以,一般的做法是業者會去跟一網頁設計公 司購置例如一型錄系統套裝軟體,但是該型錄系統中可 20能有些項目並不符合業者的需求,因此會請網頁設計公 司幫他修改,但修改的花費往往比買該套軟體還貴,或 者網頁設計公司會對該客戶做一番訪談,然後根據訪談 結果設計每一網頁後,再跟客戶做確認及進一步修改, 但是這整個過程卻往往需要投入相當多的時間、人力、 2 5 物力及金錢。 本紙張尺度適用中國國家標準(CNS) Α4規格(21〇χ 297公釐) 第4頁 裝·j I234088 V. Description of the invention ^ ~~ ^^ -------- [Field of the invention] The present invention relates to a method for producing a component-oriented webpage and its clothes, particularly a group of people who create webpages in their lifetime. The state table can reach 5 t 揸: web page function, shorten the web page construction time, simplify the original process of the web page. ^ The component-oriented Xiao Wei method and device. [Background of the Invention] Convenience and immediacy brought by online and online exchanges It seems that there are huge business opportunities in Internet stores, so more and more businessmen tend to build their own websites on the Internet. Allow consumers to browse their products or receive other services through their home or office through the Internet link to their website, and for consumers, online, browse-the merchant's product catalog, purchase products, It is becoming more and more common for king α 卩 to make orders and make payments through the Internet. And in order for the website to meet the needs of users, the industry usually wants the website to be customer-oriented, so the industry may prefer to design the website itself to build a shopping environment suitable for his products and services. Unfortunately, most operators do not have the ability to build and manage websites on the Internet. Therefore, the general practice is that the operator will go to a web design company to purchase, for example, a catalogue system package software, but there may be some items in the catalogue system that do not meet the needs of the industryr. , But the cost of modification is often more expensive than buying the software, or the web design company will conduct an interview with the customer, and then design each web page based on the interview results, and then confirm and further modify with the customer, but the entire process But they often need to invest a lot of time, manpower, 2 5 material resources and money. This paper size applies the Chinese National Standard (CNS) Α4 specification (21〇χ 297 mm) Page 4 Packing ·
訂 I· ά 1234088 A7 B7 五、發明說明(2 ) 、而且傳統網頁的製作是網頁設計者根據客戶需 求,以超文字(hypertext),例如HTML語言去描述每 一網頁而做成,因此每一個網頁都是一己經寫好的 HTML ^,纟中可能包含網頁的設計資訊、資料來源、 5超連結以及與其他網頁間的連結關係等等。因此,當客 戶欲1更、’周頁外觀或加入一些特定功能時,必須商請網 頁叹计者於此網頁中加入這些功能,但這需要耗費溝通 的時間以及研發修改的時間,而且往往在經過-段時間 I的編修好不容易等到整個系統上線之後,卻發現其功能 10性可能己經無法滿足市場的需求,因此,如此耗費人 I力、物力、時間及金錢卻又得不到預期效果的網頁開發 方式儼然已成為業者最為詬病之處。 【發明概要】 因此’本發明之目的即在提供一種 …、縮短網頁設計時間並簡化網頁設計過程之元= I向網頁製作方法及其裝置。 作本發明元件導向網頁製作方法包括:⑷製 一儲存位置,在該儲存位置中存 ’ 資訊;⑻製 Oayout) 樣本-區塊組態表,該樣本-區塊έ能 記錄該網頁所具有的區塊以及各區塊 龙表 置,在各該儲存位置中存放各區塊的佈局;::儲^ 態表,該元件組態表記錄每—元二 =製作 置,在各該錯存位置中存放各該元件 的.錯存位 作一區塊·元株广 弋馬,(d)製 ( 〇mp〇nent)·組態表,該區塊.元件組態表 本紙張尺度適 第5頁 !5 1234088 A7 B7 五 、發明說明 (3 ) 記 錄 每 一 區塊所具有的 元件以及各元件對應的一儲存 位 置 在 各該儲存位置 中存放各元件的程式碼;及(e) 製 作 一 訊 息路徑(m e s s a g e r 〇 u t e r)表,該訊息路徑表記錄 每 一 元 件 針對不同事件的反應及結果。 5 再 者 ,本發明元件 導向網頁產生裝置,係應用預先 製 作 之 複 數軟體元件組 成網頁上所呈現的功能,該元件 導 向 網 頁 產生裝置包括 • 一資料庫及一伺服器。該資料 庫 包 括 :一網頁之樣 本組態表,該樣本組態表記錄一 儲 存 位 置 ,在該儲存位 置中存放一網頁佈局資訊;一樣 10 本 -區赖 L紅 L態表,該樣本- 區塊組態表記錄該網頁所具有的 區 塊 以 及 各區塊對應的 一儲存位置,在各該儲存位置中 存 放 各 區 塊的佈局資訊 ;一區塊-元件組態表,該區塊- 元 件 組 態 表記錄每一區 塊所具有的元件以及各元件對應 的 一 儲 存 位置,在各該 :儲存位置中存放各元件的程式 15 碼 j 及 一 訊息路徑表, 該訊息路徑表記錄每一元件針對 不 同 事 件 的反應及結果 。該伺服器中存放該網頁佈局資 訊 該 網 頁中各該區塊 的佈局資訊以及各該區塊中各元 件 的 程 式 碼0 [ 圖 式 之 簡單說明】 20 本 發 明之其他技術I 3容、特徵及優點,在以下配合 參 考 圖 式 之較佳實施例 的詳細說明中,將可清楚的呈 現 > 在 圖 式中: 第 一 圖是本發明的- -較佳實施例之流程圖; 第 二 圖是本實施例t ί7該樣本組態表之示意圖; 25 第 二 圖是本實施例 中該樣本-區塊組態表之示意 本紙張尺度適用中國國家標準(CNS) A4規格(210x 297公釐) 第6頁 1234088 A7 B7 五、發明說明(4 ) 圖; 圖 圖 第四圖是本實施例中該元件組態表之;立固 \不思團; 第五圖是本實施例中該區塊-元件紐能 一 、、丑1、衣之示意 第六圖是本實施例中該訊息路徑表之+立回 \不思圓; 第七圖是本實施例中用戶端、伺服器及資料庫示音 第八圖是本實施例中要求一網頁之流程圖; 第九圖接續第六圖之流程圖; 第十圖接續第七圖之流程圖; 第Η—圖是一網頁例子;及 第十二(a)〜十二(e)圖是構成第九 組態表。 【發明之詳細說明】 首先在說明本發明的實施例之前,要先說明的是在 製作網頁時,會使用-些所謂的軟體元件(eQmp_nt), 延些7G件可以是一產生選單(MENU)程式碼、一產生下 拉式選單程式碼、-產生電子郵件程式石馬、一秀圖程式 碼、或-繪圖程式碼…等等可供網頁設計時直接使用的 扣工具。且本發明的基礎是以一 IIS(Internet Inft>rmati()n Sever ,網際網路資訊伺服器)做為網站伺服器2,其可 執行一内含有HTML網頁、Asp指令和ActiveX元件之 ASP(Active Sever Pages)文件。 參閱第一圖所示’是本發明網頁製作方法的流程 圖,此方法適用於單一網頁或多網頁,不論一網站是由 圖之網頁的所有 25 本紙張尺度適用中國國家標準(CNS) A4規格公餐) 第7頁 1234088Order I · ά 1234088 A7 B7 V. Description of the invention (2), and the production of traditional web pages is made by web designers using hypertext, such as HTML, to describe each web page according to customer needs, so each one The web pages are all written HTML ^, which may contain web design information, data sources, 5 hyperlinks, and links to other web pages. Therefore, when customers want to change the appearance of the weekly page or add some specific functions, they must ask the website to add these functions to this page, but this requires time for communication and time for R & D and modification. After a period of time, I could n’t easily wait until the entire system went online, but found that its functionality may not be able to meet the needs of the market. Therefore, such a waste of human resources, material resources, time and money did not get the expected results. The web development method has become the industry's most criticized. [Summary of the Invention] Therefore, the purpose of the present invention is to provide a method for shortening the time of webpage design and simplifying the process of webpage design. The method for producing the component-oriented webpage of the present invention includes: fabricating a storage location, and storing the information in the storage location; fabricating an Oayout) sample-block configuration table, and the sample-block can record the data that the webpage has The block and each block dragon table are stored in each of the storage locations, and the layout of each block is stored: :: storage ^ state table, the component configuration table records every-yuan = production settings, in each of the wrong storage locations The misplaced bits of each component are stored in a block · Yuanzhu Guangma Ma, (d) (〇mp〇nent) · Configuration table, this block. Component configuration table The paper size is suitable for the fifth Page! 5 1234088 A7 B7 V. Description of the invention (3) Record the components of each block and a storage location corresponding to each component, and store the code of each component in each storage location; and (e) make a message Path (messager 〇uter) table, the message path table records the response and result of each element to different events. 5 Furthermore, the component-oriented webpage generating device of the present invention uses a plurality of pre-made software components to compose the functions presented on the webpage. The component-oriented webpage generating device includes a database and a server. The database includes: a sample configuration table of a web page, the sample configuration table records a storage location, and stores a web page layout information in the storage location; the same 10-area-based L-red L-state table, the sample-area The block configuration table records the blocks that the webpage has and a storage location corresponding to each block, and stores layout information of each block in each storage location; a block-component configuration table, the block-component The configuration table records the components of each block and a storage location corresponding to each component, and stores the program code 15 of each component in a storage location: and a message path table that records each component. Responses and results for different events. The server stores the layout information of the webpage. The layout information of each block in the webpage and the code of each component in the block are 0. [Simplified description of the drawings] 20 Other technologies of the present invention Advantages, will be clearly presented in the following detailed description of the preferred embodiment with reference to the drawings> In the drawings: The first diagram is a flowchart of the preferred embodiment of the present invention-the second diagram It is a schematic diagram of the sample configuration table in this embodiment; 25 The second diagram is a schematic diagram of the sample-block configuration table in this embodiment. The paper size is applicable to the Chinese National Standard (CNS) A4 specification (210x 297 mm). ) Page 6 1234088 A7 B7 V. Description of the invention (4) Figure; Figure Figure 4 Figure is the component configuration table in this embodiment; Ligu \ Wuthuan; The fifth figure is the area in this embodiment The block-element New Energy I, Ugly 1, and clothing are schematic diagrams. The sixth diagram is the + path back to the message path table in this embodiment. + The seventh diagram is the client, server, and data in this embodiment. The eighth picture of the library sound is A flowchart requiring a webpage in the embodiment; a flowchart of the ninth figure continuing from the sixth figure; a flowchart of the tenth figure continuing from the seventh figure; the first one is an example of a webpage; and the twelfth (a) to tenth The second (e) diagram is the ninth configuration table. [Detailed description of the invention] Before explaining the embodiments of the present invention, it is necessary to explain that some so-called software components (eQmp_nt) will be used when creating a web page. Extending 7G pieces can be a menu. Code, a code to generate a drop-down menu,-to generate an e-mail program Shima, a code to show a picture, or-a code to draw, etc., etc. can be used directly in web design tools. And the basis of the present invention is an IIS (Internet Inft > rmati () n Sever, Internet Information Server) as the web server 2, which can execute an ASP (HTML (Web page), Asp command and ActiveX components) Active Sever Pages) file. Please refer to the first figure 'is a flowchart of the method for making a webpage of the present invention. This method is applicable to a single webpage or multiple webpages, regardless of whether a website is a webpage with all 25 pages. The paper size is applicable to the Chinese National Standard (CNS) A4 specification. Meal) Page 7 1234088
1234088 A7 ___________________B7 五、發明說明(' 〜---- 區塊名稱,”元件,,攔位記錄在該區塊中之元件名 元件Κ),,攔位記錄〇或U表示事件(event)再,’ 端⑷lent)發給網站伺服器端(sever),丨表示事件戶 服器端發給用戶端。,,元件事件名稱,,記錄元件所::司 5發生的事件。’兀件召回功能(AtmCaiiback广是執γ "月匕 事件的程式碼,而,,元件來源,,欄位則記錄該等事件述 式碼的儲存位置,而這些事件的程式碼通常存在於一: 元件的程式碼中。 、母一 再如第五圖所示,建立一元件組態表,其中,,元 10欄位記錄各種元件名稱,,,元件描述,,欄位記錄元件的 能,”兀件來源”記錄元件本身程式碼的儲存位置,而且 第四圖區塊-元彳組態纟中各區塊中使用的元件係由第 五圖之元件組態表中的元件提供。另外,雖然區塊_元 件組態表中已有記錄各區塊中之元件程式碼的儲存位 1 5置,理應不需使用元件組態表來獲得元件程式碼的儲存 位置,但是因為元件組態表中主要記錄有所有元件的程 式碼來源,在進行網頁設計時,可供程式設計者方便索 引取用該等元件,並且方便後續網站管理者之管理,因 此仍有其存在之必要。 20 第六圖是一訊息路徑(message router)表,其中包 括”來源元件”、”來源事件”、,,來源狀態”、,,目標元件,,、” 目標事件目標狀態’’、,,目標順序”、,,參數型態,,及” 參數”等九個欄位。網站伺服器2可根據,,來源元件,,、” 來源事件”及’’來源狀態”等三個欄位找到對應的參數執 2 5行其工作,並將執行結果藉由與,,來源元件”、,,來源事 本紙張尺度適用中國國家標準(CNS) A4規格(21〇x 297公董) 第9頁 1234088 A71234088 A7 ___________________ B7 V. Description of the invention ('~ ---- Block name, "component," the component name component K recorded in the block), the block record 0 or U indicates the event (event) and , '⑷ ⑷lent) sent to the web server (sever), 丨 means the event server sent to the client. ,, the event name of the component, the record of the event of the component :: Division 5.' wuqi recall function (AtmCaiiback is widely used to execute the code of the "moon event", and, the source of the component, and the field records the storage location of such event description codes, and the code of these events usually exists in one: the program of the component In the code, the mother repeatedly builds a component configuration table as shown in the fifth figure, in which the element 10 field records the various component names, the component description, and the field records the component's capabilities. Record the storage location of the component's own code, and the components used in each block in the fourth block-element configuration are provided by the components in the component configuration table in the fifth graph. In addition, although the block _ Component configuration table already exists The storage position of the component code in each block is set to 15. It is not necessary to use the component configuration table to obtain the storage location of the component code, but because the component configuration table mainly records the source code of all components, When designing web pages, programmers can easily index and access these components and facilitate the management of subsequent website managers, so there is still a need for their existence. 20 The sixth diagram is a message router table. These include "source component", "source event", ", source status", ", target component,", "target event target status", ", target sequence", ", parameter type, and" parameter " Wait for the nine fields. The web server 2 can find the corresponding parameters based on the three fields, “source component”, “source event” and “source status”. From and, "Source components", ", Source paper size of paper applies to China National Standard (CNS) A4 specifications (21 × 297 public directors) Page 9 1234088 A7
1234088 A7 B7 五、發明說明C 9 ) 頁(流程1 4) ’並專待事件(e v e n t)的發生。肉 q此,卷^▲ 網頁上有事件發生時,網站伺服器2即會;^ ^ 田任該 - 5fl息路徑表 的參數 中根據來源元件、來源事件及來源狀態找到 J 應 給 型態及參數(指令)並執行相關動作後,將執行、=qv參 目標元件,使更新用戶端的網頁資訊。 果傳 以下將舉一例子做更詳細的說明·· 假設根據客戶的需求,要建構如第十—闯 團所示的— 個人網頁A,個人網頁A中要規劃出三個F仏 ^ 塊 A-ι、 A-2、A-3,區塊A-1中要有一選單Ajq,區 10 - 2 中 要擺一月曆A-2-1,區塊A-3中要放一圖片Δ , 乃A·3 -1。因 此,在資料庫中需預先建立如第十二(a)〜十-㈤ 7 τ —(e)圖所示 之組態表。 在該等組態表建立完成且所有的程式瑪皆已存在 網站伺服器中,當一用戶發出該個人網頁A要求命令终 15 網站伺服器時,網站伺服器會根據第十二(a)〜十二(e) 圖依序找到樣本程式碼:T p 1A · a s p、區塊程式碼: wbkA-1 .htm、wbkA-2 .htm、wbkA-3 .htm、以及元件程式 碼:選單.asp、月曆.asp及圖片.asp,而該等副檔名為·asp 之程式碼將經過網站伺服器(IIS)執行並產生可在用戶 20 端 IE(internet explore,網際網路瀏覽器)執行之程式碼 後,將這些程式碼傳給用戶端IE ,用戶端IE對這些程 式碼進行編排整合使形成一 HTML格式檔案,然後該 HTML標案會自動進行onload動作,透過網站伺服器向 資料庫要資料,網站伺服器即根據訊息路徑表中之來源 25 元件、來源事件及來源狀態三個攔位取得對應的參數’ 本紙張尺度適用中國國家標準(CNS) A4規格(210x 297公釐) 第12頁 l234〇88 A7 ^______ B7__ 五、發明說明(l〇 ) 根據參數隱函的指令決定向資料庫要資料,例如選單上 的文字、月曆上的數字及圖片等,然後將取得的資料或 參數傳回給訊息路徑表中記錄之目標元件,使執行更新 動作後,個人網頁之初始晝面即呈現在用戶端,如第十 〜圖所示。 而且’當使用者按下區塊A-1之選單中的任一選項 時’其傳送一 click命令給網站伺服器,網站伺服器將 根據訊息路徑表找到對應的參數並至資料庫中抓取一 Μ 圖片給圖片元件之程式碼執行後,即將該圖片貼在區塊 A、3中,覆蓋先前的圖片,而僅需更新區塊A-3中的資 料並不需要更換整個網頁。 此外,值得一提的是,本發明並不僅限於上述實施 例’亦即本發明除了藉由在與網站伺服器連結之資料庫 中建立上述樣本組態表、樣本-區塊組態表、元件組態 表、區塊-元件組態表及訊息路徑表以產生網頁外,其 方可藉由僅在資料庫中建立樣本組態表、元件組態表、 樣本-元件組態表及訊息路徑表來產生網頁,其中與上 迷實施例不同的是,其省略了樣本-區塊組態表及區塊-元件組態表,而以樣本-元件組態表替代,因此網站伺 2〇服器從該樣本組態表可以得知一網頁中所具有的元件 以及該(或該等)元件在網頁上的佈局方式(即存在網站 伺服器中之樣本程式碼),此做法亦即不先在網頁上規 劃區塊,而直接在網頁上佈局元件,並且根據樣本-元 件組態表取得該網頁中之該等元件的程式碼,因此,當 2 5 伺服器收到來自用戶端之一網頁要求訊息時,即對應取 本紙張尺度適用中國國家標準(CNS) A4規格(210χ 297公釐) 第13頁 1234088 五、發明說明( 得該樣本程式碼及該等元件程式 〜式之網頁原始樓後,傳回c成: 路徑表執行而產生網胃。 ^根據該訊息 5 10 由上述說明可知,本發明針對每一 服端之資料庫中製作對應的樣本組’在網站伺 態表、區塊-元件組態表、元件組態二區塊組 可藉由查詢樣本組態表找到該網頁之樣本^路徑表後, 本區塊Μ態表,並藉由查詢樣本-區塊=式:Μ 區塊之程式碼及區塊_元件組態表,而萨而哥付各 元件組態表獲得每一元件之程式竭,5 ~询各區塊- 碼、區塊程式碼及元件程式碼整合形成一町处= 網頁原始碼交由用戶端之IE執行後, 工 生-網頁,又或者以樣本組態表及樣本二:用戶端產 代上述之樣本組態表、樣本_區塊組態表及組態表取 15 態表時,亦可同樣地產生一網頁。而^龙70件組 田所產生之該絪百 中有點選動作發生時,相對該點選動 、 f度生之一事件兮礼 息會傳給網站祠服器端,網站飼服器即根據該訊自路“ 表上之來源元件、來源事件及來源狀態找到_ 二 數,該參數為一 SQL字串,主要主知網 女σ知網站伺服器應該 25 20要做的事情,例如至資料庫中抓取資料或直接將參數回 傳給元件之程式碼等等。因此,藉由建立上述組態表, 樣本及區塊的程式碼將變得很少而且易於撰寫,並且合 需要增刪或修改網頁的功能時,僅需改變相關組態表中 之記錄即可,不需更動程式碼本身,所以本發明所開發 的網頁除了功能性可以滿足客戶的需求外,更能夠大大 本紙張尺度適用中國國家標準(CNS) Α4規袼(210χ 297公髮) 第14頁 1234088 A7 B7 五、發明說明(12 ) 地節省人力、物力、時間及金錢的耗費。 惟以上所述者,僅為本發明之較佳實施例而已,當 不能以此限定本發明實施之範圍,即大凡依本發明申請 專利範圍及發明說明書内容所作之簡單的等效變化與 5 修飾,皆應仍屬本發明專利涵蓋之範圍内。 本紙張尺度適用中國國家標準(CNS) A4規格(210x 297公釐) 第15頁 1234088 A7 B7 五、發明說明(13 )1234088 A7 B7 V. Description of the Invention Page C 9) (Process 1 4) ’and wait for the occurrence of the event (e v en t). If you have an event on the webpage, the web server 2 will meet it; ^ ^ Tian Renqi-5fl The path table parameters are based on the source component, source event, and source status to find the J type and After the parameter (instruction) and the related actions are executed, the target component will be executed and the qq parameter will be updated to update the webpage information of the client. As a result, an example will be explained in more detail below. Assuming that according to the needs of the customer, as shown in the tenth-breakout group-personal web page A, personal web page A must plan three F 仏 ^ Block A -ι, A-2, A-3, there should be a menu Ajq in block A-1, a monthly calendar A-2-1 in block 10-2, and a picture Δ in block A-3. A · 3 -1. Therefore, a configuration table as shown in the twelfth (a) to ten-㈤ 7 τ — (e) must be created in the database in advance. After these configuration tables have been created and all the programs have been stored in the web server, when a user issues a request for the personal web page A to order the end of the web server, the web server will be based on the twelfth (a) ~ Twelve (e) Figures found sample code in sequence: T p 1A · asp, block code: wbkA-1 .htm, wbkA-2 .htm, wbkA-3 .htm, and component code: menu.asp , Calendar.asp and picture.asp, and the extensions of the code named asp will be executed by the web server (IIS) and generated in the user's 20-end IE (internet explore, Internet browser) After the code is transmitted, the code is transmitted to the client IE. The client IE arranges and integrates the code to form an HTML format file, and then the HTML project automatically performs an onload action, and requests the database through a web server. Data, the web server obtains the corresponding parameters based on the three stops of source 25 components, source events, and source status in the message path table. 'This paper size applies the Chinese National Standard (CNS) A4 specification (210x 297 mm). Page l234〇8 8 A7 ^ ______ B7__ V. Description of the invention (l〇) According to the instruction of the parameter hidden function, it decides to request information from the database, such as the text on the menu, the numbers and pictures on the monthly calendar, etc., and then returns the obtained data or parameters to The target components recorded in the message path table enable the initial day and time of the personal web page to be displayed on the user side after the update action is performed, as shown in the tenth to the figure. And 'when the user presses any option in the menu of block A-1', it sends a click command to the web server, and the web server will find the corresponding parameters according to the message path table and fetch it into the database After the code of an M image to the image component is executed, the image is pasted in blocks A and 3 to overwrite the previous image, and only the data in block A-3 needs to be updated without replacing the entire web page. In addition, it is worth mentioning that the present invention is not limited to the above embodiments, that is, the present invention is not limited to the above-mentioned sample configuration table, sample-block configuration table, and components by establishing the above-mentioned sample configuration table in a database connected to a web server. Configuration table, block-component configuration table, and message path table to generate web pages, which can be created by only creating sample configuration tables, component configuration tables, sample-component configuration tables, and message paths in the database. Table to generate a web page, which is different from the previous embodiment in that it omits the sample-block configuration table and block-component configuration table and replaces it with the sample-component configuration table, so the website serves 20 The device can learn from the sample configuration table the components in a web page and the layout of the component (s) on the web page (that is, the sample code stored in the web server). Plan blocks on the webpage, and lay out components directly on the webpage, and get the code of these components in the webpage according to the sample-component configuration table. Therefore, when the 2 5 server receives a webpage from a client When requesting a message, Corresponding to the size of this paper, the Chinese National Standard (CNS) A4 specification (210 × 297 mm) is applied. Page 13 1234088 V. Description of the invention (After obtaining the sample code and these component programs ~ the original web page of the formula, return c Success: The execution of the path table results in a stomach. ^ According to the message 5 10 it can be seen from the above description that the present invention makes a corresponding sample group for each server's database 'on-site server table, block-component configuration table 2. The component configuration 2 block group can find the sample of the webpage by querying the sample configuration table ^ path table, and the M state table of this block, and by querying the sample-block = formula: M block code And block _ component configuration table, and Salco pays each component configuration table to obtain the program exhaustion of each component, 5 ~ consult each block-code, block code and component code integration to form a town = After the webpage source code is handed over to the client's IE for execution, the worker-webpage, or the sample configuration table and sample 2: the client produces the above-mentioned sample configuration table, sample_block configuration table, and configuration table When you take a 15-state table, you can also generate a web page. And ^ 龙 7 When one of the selected actions of the Zhongbaizhong occurred in 0 sets of fields, the event will be transmitted to the server server of the website, and the website server will follow the news. "The source component, source event, and source status on the table are found. _ Two, the parameter is an SQL string, the main thing is to know what the web server should do 25 20, for example, to fetch from the database. Data or code that directly returns parameters to components, etc. Therefore, by creating the above configuration table, the code of samples and blocks will become very small and easy to write, and the functions of adding, deleting, or modifying web pages are required In this case, you only need to change the records in the related configuration table, and you do n’t need to change the code itself. Therefore, in addition to the functionality that can be met by customers, the webpage developed by the present invention can greatly adapt this paper size to Chinese national standards ( CNS) A4 Regulations (210 × 297 issued) Page 14 1234088 A7 B7 V. Description of the invention (12) It can save manpower, material resources, time and money. However, the above are only the preferred embodiments of the present invention. When the scope of implementation of the present invention cannot be limited by this, that is, the simple equivalent changes and 5 modifications made according to the scope of the patent application and the content of the invention specification of the present invention , All should still fall within the scope of the invention patent. This paper size applies to China National Standard (CNS) A4 (210x 297 mm) Page 15 1234088 A7 B7 V. Description of Invention (13)
【元件標號對照】 2 網站伺服器 2 1伺服器訊息 32用戶訊息路 42組態表存放 4 路 由器 3 1 由 器 41 區 43 資料庫 用戶事件分派器 SQL伺服器 一般資料存放區 裝·[Comparison of component numbers] 2 Web server 2 1 Server message 32 User message path 42 Configuration table storage 4 Router 3 1 Router 41 Area 43 Database User event dispatcher SQL server General data storage area Installation ·
訂 I· 本紙張尺度適用中國國家標準(CNS) A4規格(210x 297公釐) 第16頁Order I · This paper size applies to China National Standard (CNS) A4 (210x 297 mm) Page 16