TWI629602B

TWI629602B - 互動式網頁程式自動產生方法

Info

Publication number: TWI629602B
Application number: TW102149379A
Authority: TW
Inventors: 陳世興; 鮑永誠
Original assignee: 正修學校財團法人正修科技大學
Priority date: 2013-12-31
Filing date: 2013-12-31
Publication date: 2018-07-11
Also published as: TW201525737A

Abstract

網站互動程式的開發包含了網頁表單與網路服務程式(Web Service)，開發者在資料庫的資料表建立後，需撰寫可處理新增、修改、刪除與查詢等互動程式；舉網頁表單程式為例，表單中包含了一個資料表所需輸入欄位資料的輸入介面，並在送出後由後端程式接收且將資料寫入資料表中對應的欄位，開發過程相當繁瑣；因此本發明旨在自動產出可操作資料庫的新增、修改、刪除與查詢的互動程式，核心方法取得資料表的詮釋資料(Metadata)所提供的欄位名稱與其屬性質，再經由程式語言立即產出所要的網頁表單與後端處理程式，以大幅降低開發時間。

Description

互動式網頁程式自動產生方法

本發明係有關於一種互動式網頁程式自動產生方法，尤其是指一種利用關聯式資料庫之詮釋資料(metadata)以獲得其屬性資料，使得無論是程式設計師、網頁開發人員、企劃人員、網路管理人員，只需要於建立資料庫的資料表之後，即可藉由本發明之互動式網頁程式自動產生方法於極短的時間內，輕鬆建立網際網路之的網頁表單與後端處理程式，藉以大幅降低網站所需開發時間者。

一般而言，企業尤其是中小企業之資訊服務業，因商務電子化程度較低，在建置網站的工作上，為求整體效率並期望能達到專業水準的要求上，通常會採取委外專案開發的方法；然而，對於日趨複雜、競爭激烈、商品服務變化快速的網路環境下，即時性及彈性往往是各商家決勝於網路虛擬空間的重要關鍵，資訊服務業者在規劃開發上須盡可能快速的建置電子化平台，達到產業電子化的順利整合應用，因此如果每次網頁改版都必須簽約委外處理，不僅增加營運成本外，在網頁建置的討論與溝通上亦花費時間。

再者，目前網頁開發者透過可連結資料庫的網頁編輯系統，使網頁提供連結資料庫系統查詢資料的功能，使用者藉由一般的網頁瀏覽器即可連結並查詢資料庫，避免了安裝和使用特定軟體的需求；而傳統的可連結資料庫的網頁編輯系統，會提供一網頁編輯模組，網頁開發者可使用網頁編輯介面啟動連結資料庫模組，送出讀取資料庫的資格要求，連結至資料庫並經過權限認證處理後，讀取並顯示一個或多個資料庫之內容，網頁開發者再透過選擇其中的各種資料並進行編輯，編輯系統會依各種設定將資料以表格、圖表或其他型態的表示方法呈現於網頁；然，在製作連結資料庫的網頁時，要產生資料動態連結的功能的工作十分複雜：一般而言，先要定義出在資料庫的資料間傳遞變數的規則指令，接著必須在網頁查詢資料時動態在資料上附加連結，同時要製作可以動態接受連結進行處理後更新資料的網頁；而一般所使用的編碼或編輯工具卻缺乏對應的功能，例如：提供定義傳收連結的規則，使建立、傳送及接收連結的能按一定的標準進行，並在網頁中植入程式碼，使網頁所在的伺服器端可以隨收到的參數進行各種工作；因此，上述工作必須要由熟悉網頁程式語言與資料庫的相關人士進行程式編碼和網頁程式碼編輯的工作；請參閱中華民國發明專利公告第507142號所揭露之『模組化之網頁編輯與即時轉換之網頁顯示系統與方法』，其係提供一種應用於網際網路上之網頁編輯與顯示的系統與方法，使得商家的網頁編輯者或是美編人員可以於伺服器主機下載模組化的檔案，來製作與編輯示意性質的網頁，完成後上傳儲存於伺服器主機；然，由於資料庫係已建置於伺服器主機，使得資料的輸入被限定在由伺服器程式所設定的網站架構下，且欲製作具備複雜查詢功能的網頁亦是十分困難的工作。

目前，針對網站網頁的編輯製作軟體有例如微軟的Front Page、Visual Studio，以及Adobe推出的Dreamweaver等，其需具備相關操作與程式設計知識，因此並非每個人皆能熟練地進行網頁編輯；而當編輯網頁時，各網頁頁面係皆由設計者從現有之檔案資料中逐一產生，因此傳統之網頁編輯相當耗時；舉例而言，一般的網站互動程式開發包含了網頁表單與網路服務程式(Web Service)，開發者在資料庫的資料表建立後，必須撰寫可處理新增、修改、刪除與查詢等互動程式；以網頁表單程式為例，表單中包含了一個資料表所需輸入欄位資料的輸入介面，並在送出後由後端程式接收且將資料寫入資料表中對應的欄位，開發過程相當繁瑣；此外，整個網站應用系統的開發包含了不下上千支的程式在其中，如果無法提供便利的維護方式及產生無Bug的程式碼，那麼開發者花在除錯及維護上的精力與時間會是開發系統的好幾倍，使得公司網站的開發流程往往無法符合在最短時間內滿足需求並配合其成長步調。

今，發明人即是鑑於上述之網頁程式開發方法存在有諸多缺失，於是乃一本孜孜不倦之精神，並藉由其豐富之專業知識及多年之實務經驗所輔佐，而加以改善，並據此研創出本發明。

本發明主要目的係為提供一種互動式網頁程式自動產生方法，尤其是指一種利用關聯式資料庫之詮釋資料所提供的欄位名稱與其屬性，再經由程式語言立即產出所要的網頁表單與後端處理程式，而具有可操作資料庫的新增、修改、刪除與查詢的互動程式，藉以免去網頁編輯系統開發者在製作連接至資料庫並具有資料動態連結功能網頁時的編輯工作，快速地自動產生網頁表單，使得網頁開發者不必逐行地建構連接資料庫程式，就能以最迅速、簡單的方式，來產生存取、更新即時性功能的網頁表單。

為了達到上述實施目的，本發明人提出一種互動式網頁程式自動產生方法，係適用於一具有關聯式資料庫之網頁編輯系統，其方法包括有：網頁開發者建立關聯式資料庫之屬性資料檔，其中屬性資料檔包括至少一屬性資料；接著，利用關聯式資料庫之詮釋資料獲得上述屬性資料，並以可存取關聯式資料庫之程式建立出複數網頁程式碼檔案；最後，複數網頁程式碼檔案於網頁編輯系統即可產生相對應之靜態或動態的網頁表單以及網路服務程式；藉此，利用關聯式資料庫之詮釋資料獲得屬性資料，能減少網頁編輯系統開發者在製作連接至資料庫並具有資料動態連結功能網頁時的編輯工作，提供有效率編輯網頁元件及連結的功能，進而製作出讓網頁使用者可以方便使用的網頁表單。

在本發明的一個實施例中，其中屬性資料可包括有一欄位名稱參數、一欄位長度參數、一資料型態參數、一主鍵參數、非無參數、唯一參數、二進位參數、無正負號參數、零填充參數，以及自動增號參數。

在本發明的一個實施例中，其中關聯式資料庫可為SQL Server、MySQL、DB2或Oracle等；且可存取關聯式資料庫之程式包括有編譯器和直譯器程式。

(1)‧‧‧網頁編輯系統

(11)‧‧‧關聯式資料庫

(111)‧‧‧屬性資料檔

(1111)‧‧‧屬性資料

(12)‧‧‧詮釋資料

(13)‧‧‧可存取關聯式資料庫之程式

(14)‧‧‧網頁程式碼檔案

(15)‧‧‧網頁表單

(16)‧‧‧網路服務程式

(2)‧‧‧網頁開發者

(S1)‧‧‧步驟一

(S2)‧‧‧步驟二

(S3)‧‧‧步驟三

第一圖：本發明互動式網頁程式自動產生方法較佳實施例之步驟流程圖

第二圖：適用於本發明互動式網頁程式自動產生方法之網頁編輯系統方塊示意圖

第三圖：本發明之關聯式資料庫介面電腦造影影像圖

第四圖：本發明網頁表單於前台網站呈現之網頁示意圖

第五圖：本發明網頁表單輸入完成後，於後台管理系統呈現之網頁示意圖

本發明之目的及其結構設計功能上的優點，將依據以下圖面所示之較佳實施例予以說明並清楚呈現，俾使審查委員能對本發明有更深入且具體之瞭解。

首先，本發明之互動式網頁程式自動產生方法係適用於一具有關聯式資料庫(11)之網頁編輯系統(1)，其中網頁編輯系統(1)可為習知具網頁編輯模組的網頁編輯系統，網頁開發者(2)可以選擇其中的各種資料並進行編輯，網頁編輯系統(1)則會依各種設定將資料以表格、圖表或其他型態的表示方法呈現於網頁，而關聯式資料庫(11)可例如但不限定為SQL Server、MySQL、DB2或Oracle其中之一，請參閱第一、二圖所示，分別為本發明互動式網頁程式自動產生方法較佳實施例之步驟流程圖以及適用於本發明互動式網頁程式自動產生方法之網頁編輯系統方塊示意圖，互動式網頁程式自動產生方法係包括有：步驟一：網頁開發者(2)建立關聯式資料庫(11)之屬性資料檔(111)，所述之屬性資料檔(111)可例如為一般熟知之資料表(Table)，而屬性資料檔(111)可包括至少一屬性資料(1111)；請一併參閱第三圖所示，為本發明之關聯式資料庫介面電腦造影影像圖，因無法參照工程製圖方法以墨線繪製圖式的情況下，且能直接再現並符合圖式所適用之其他規定，根據專利審查基準2-1-37頁，以照片取代之；此外，屬性資料(1111)可例如包括有一欄位名稱參數(Column Name)、一資料型態參數(Datatype)、一欄位長度參數(資料型態參數後之數值)、一主鍵參數(primary key，PK)、非無參數(not null，NN)、唯一參數(unique，UQ)、二位元參數(binary，BIN)、無正負號參數(unsigned，UN)、零填充參數(zero fill，ZF)，以及自動增號參數(auto increment，AI)等適用於資料欄位之型別；上述之資料型態參數可為整數、正整數僅到255的整數(TINYINT)、字元(VARCHAR)、時戳(TIMESTAMP)等；而於本具體實施例中，欄位名稱參數有idzNanE、Name、Email、Topic、Content、Sex、CreateDate、C1以及C2，且idzNanE欄位名稱參數為INT之資料型態，並適用於主鍵參數、非無參數以及自動增號參數；且吾人應瞭解上述之欄位名稱參數係為了說明方便起見，而非以本例所舉為限，因此，並不限定本具體實施例之欄位名稱參數；且在此值得注意的，上述之屬性資料(1111)所列出之參數係為所屬技術領域已知知識，且亦非本發明重點所在，其詳細機制及程式動作原理於此不再贅述；步驟二：利用關聯式資料庫(11)之詮釋資料(12)以獲得屬性資料(1111)，並以可存取關聯式資料庫之程式(13)建立出用以操作關聯式資料庫(11)的新增、修改、刪除與查詢的網頁程式碼檔案(14)；其中可存取關聯式資料庫之程式(13)可包括編譯器與直譯器程式，而編譯器程式可例如為C#語言、JAVA語言等，而直譯器程式可例如但不限定為PHP、JSP或ASP程式等；再者，上述之詮釋資料(12)係用以描述資料的資料(Data about Data)，指對數位資訊之內容、格式、結構、使用方式等之說明與描述，以作為電腦系統在存取、使用該數位資訊之依據，網頁開發者(2)藉以檢索到關聯式資料庫(11)適當的屬性資料(1111)(例如：欄位名稱參數、資料型態參數等)；此外，關聯式資料庫(11)之詮釋資料(12)亦可例如以結構化文件(如XML)的資料來源取代，亦即關聯式資料庫(11)記錄處理為結構化文件，再針對結構化文件作細部資料指定以擷取屬性值；以及步驟三：步驟二所產生之複數網頁程式碼檔案(14)即可於網頁編輯系統(1)產生相對應之靜態或動態的網頁表單(15)以及網路服務程式(16)；其中，網頁表單(15)一般係指具使用者介面(UI)之程式，而網路服務程式(16)是透過Web通訊協定及資料格式的開放式標準(例如HyperText Transfer Protocol，HTTP、eXtensible Markup Language，XML及Simple Object Access Protocol，SOAP等)來為其他的應用程式提供服務，因而可具有良好互通性，在不同平台上可輕易整合；本實施例中係以產生動態的網頁表單(15)為例，如第四圖所示，為本發明網頁表單於前台網站呈現之網頁示意圖，其中值得注意的，網頁表單(15)係利用特定之屬性資料(1111)參數定義規則，自動產生連結所需傳遞之參數，以有效率地進行網頁連結之編輯，並能提供動態結構化查詢語言功能，使網頁開發者(2)能製作出提供資料動態連結功能的網頁；再者，網頁表單(15)係可支援一標準瀏覽器，而標準瀏覽器之格式係選自於由ASP.NET、ASP、JSP、PHP、CFM、Word、Excel及Windows Form 所構成之群組。

此外，在使用者填寫如第四圖之前台網頁表單(15)並執行送出，所輸入資料會送至另一程式進行處理，該程式首先是接收資料與建立與關聯式資料庫(11)連線後，指定輸入資料的型態並寫入至指定的欄位，如此完成整個過程，其程式碼如下所示： Driver DriverRecordset1 = (Driver)Class.forName(MM_DRIVER).newInstance(); Connection ConnRecordset1 = DriverManager.getConnection(MM_STRING,MM_USERNAME,MM_PASSW ORD); String sql = "insert into znane (Name,Email,Topic,Content,Sex,CreateDate,C1,C2,isChecked,LanguageID) values (？,？,？,？,？,？,？,？,？,？)"; String Name = request.getParameter("Name"); String Email = request.getParameter("Email"); String Topic = request.getParameter("Topic"); String Content = request.getParameter("Content"); String Sex = request.getParameter("Sex"); String CreateDate = request.getParameter("CreateDate"); String C1 = request.getParameter("C1"); String C2 = request.getParameter("C2"); String isChecked = request.getParameter("isChecked"); String LanguageID = request.getParameter("LanguageID"); java.util.Date date= new java.util.Date(); Timestamp timestamp1 = new Timestamp(date.getTime()); PreparedStatement preparedStatement1 = ConnRecordset1.prepareStatement(sql); //Set the data into the prepare statement preparedStatement1.setString(1, !Name.equa1s("")？Name: ""); preparedStatement1.setString(2, !Emai1.equa1s("")？Email: ""); preparedStatement1.setString(3, !Topic.equals("")？Topic: ""); preparedStatement1.setString(4, !Content.equa1s("")？Content: ""); preparedStatement1.setInt(5, Sex != null？1 : 0); preparedStatement1.setTimestamp(6, timestamp1); preparedStatement1.setString(7, !C1.equals("")？C1: ""); preparedStatement1.setString(8, !C2.equals("")？C2: ""); preparedStatement1.setInt(9, isChecked != null？1 : 0); preparedStatement1.setInt(10, !LanguageID.equals("")？Integer.parseInt(LanguageID): 0); preparedStatement1.executeUpdate(); ConnRecordset1.close();如此，即可在後台管理系統呈現如第五圖之網頁示意圖，其中後台網頁具有新增、修改、刪除以及查詢之功能，例如可在查詢欄位中鍵入手機之前四碼0983，即可列出對應相關之資料欄位，若以習知方式處理完成整個過程，當資料表與欄位眾多時，其撰寫程式的過程勢必相當繁瑣。

此外，如前所述，本發明之互動式網頁程式自動產生方法可結合應用於硬體或軟體、適當處或其組合，因此本發明之方法，某些觀點或是其部分可能為嵌入實際媒體中之程式碼(亦即指令)，例如軟式磁碟、光碟機、硬碟機或是任何其他機器可讀儲存媒體，其中當程式碼被機器(例如一電腦)載入並執行時，此機器會變成一用以執行本發明之裝置，而在程式碼執行於可程式化電腦之情況中，此電腦裝置通常包含一處理器、一處理器可讀之儲存媒體(包含揮發性或非揮發性記憶體及/或儲存元件)、至少一輸入裝置以及至少一輸出裝置。

由上述之實施說明可知，本發明之互動式網頁程式自動產生方法與現有技術相較之下，本發明具有以下優點：

1.本發明互動式網頁程式自動產生方法係利用關聯式資料庫之詮釋資料(metadata)以獲得其屬性資料，其能減少網頁編輯系統開發者在製作連接至資料庫並具有資料動態連結功能網頁時的編輯工作，提供有效率編輯網頁元件及連結的功能，進而製作出讓網頁使用者可以方便使用的網頁表單。

2.本發明互動式網頁程式自動產生方法利用簡單的屬性資料之設定，即可快速自動產生網頁表單的網頁程式碼檔案，使得網頁開發者不必辛辛苦苦地逐行撰寫程式或逐一表單欄位地建構資料庫結構，就能以最迅速、簡單的方式，來產生存取、更新等即時性功能的網頁應用程式原始碼與資料庫，可簡化網站開發者及程式設計人員的開發流程及時程，大幅的降低研發成本並提升產品競爭力。

綜上所述，本發明之互動式網頁程式自動產生方法，的確能藉由上述所揭露之實施例，達到所預期之使用功效，且本發明亦未曾公開於申請前，誠已完全符合專利法之規定與要求。爰依法提出發明專利之申請，懇請惠予審查，並賜准專利，則實感德便。

惟，上述所揭之圖示及說明，僅為本發明之較佳實施例，非為限定本發明之保護範圍；大凡熟悉該項技藝之人士，其所依本發明之特徵範疇，所作之其它等效變化或修飾，皆應視為不脫離本發明之設計範疇。

Claims

一種互動式網頁程式自動產生方法，係適用於一具有關聯式資料庫之網頁編輯系統，互動式網頁程式自動產生方法包括下列步驟：步驟一：網頁開發者建立該關聯式資料庫之屬性資料檔，該屬性資料檔包括至少一屬性資料，該屬性資料包括有一欄位名稱參數、一欄位長度參數、一資料型態參數、一主鍵參數、非無參數、唯一參數、二位元參數、無正負號參數、零填充參數，以及自動增號參數；步驟二：利用該關聯式資料庫之詮釋資料(metadata)獲得該屬性資料，並以可存取該關聯式資料庫之程式建立出以操作該關聯式資料庫的新增、修改、刪除與查詢的網頁程式碼檔案，其中該可存取該關聯式資料庫之程式包括有編譯器和直譯器程式；以及步驟三：該等網頁程式碼檔案於網頁編輯系統即產生相對應之靜態或動態的網頁表單，以及網路服務程式。
如申請專利範圍第1項所述之互動式網頁程式自動產生方法，其中該關聯式資料庫係為SQL Server、MySQL、DB2或Oracle其中之一。
如申請專利範圍第1項所述之互動式網頁程式自動產生方法，其中該網頁表單係支援一標準瀏覽器，而該標準瀏覽器之格式係選自於由ASP.NET、ASP、JSP、PHP、CFM、Word、Excel及 Windows Form所構成之群組。