WaveMaker 網頁設計

WaveMaker打造優質網頁開發環境

2012-03-23
網頁設計技術不斷地推陳出新,因此撰寫網頁時,程式碼的複雜度也高出以往許多。若透過適當的工具來輔助設計網頁,不但事半功倍,也能降低系統出錯的機率,而WaveMaker就是一套為網頁設計人員所量身打造的網頁開發環境。
WaveMaker所建立的應用程式包含標準的網站架構,也內建許多元件,例如SpringSource這套應用程式開發套件,即為其中一例。藉由這些元件的輔助,WaveMaker便可以提供一套規模可以加以變化、效能強大,且易於移植的網頁開發環境。

執行WaveMaker時,系統會先執行一套名為WaveMaker Console的應用程式,並由此程式決定WaveMaker是否要進行運作。只要在WaveMaker Console的畫面中點選「Start」或「Stop」,即可執行或停正WaveMaker所整合的網頁伺服器。

如果希望修改WaveMaker本身的設定,也能透過WaveMaker Console進行處理,但只有在WaveMaker已經停止執行的情況下,使用者才能變更WaveMaker的設定值。

WaveMaker的設定值包括系統預設使用的瀏覽器、伺服器所使用的通訊埠等各種項目。如果想測試代理伺服器對網頁的影響,或是所在網路需要經由代理伺服器的輔助才能連到外部網路,亦可在設定頁面中指定代理伺服器的相關選項,以便讓系統能夠正常運作。

前面曾經提及,WaveMaker採用Tomcat作為預設的網頁伺服器,並使用網頁瀏覽器進行操作。除此之外,WaveMaker預設採用Hypersonic資料庫,並直接內建於WaveMaker之中。但WaveMaker並不僅限於使用Tomcat與Hypersonic資料庫,也不限制本身可執行的作業系統或版本。

以作業系統而言,WaveMaker支援Windows 7、Windows XP、Windows Vista、Mac OS X(包含10.5與10.6,但僅能在採用Intel CPU的機型上執行)、CentOS、Ubuntu、SUSE等各種系統。

資料庫方面,則支援PostgreSQL、MySQL、Microsoft SQL Server、IBM DB2等各種不同的資料庫系統,使用者可以自行選擇慣用的資料庫系統搭配WaveMaker使用。

在網頁伺服器方面,除了Tomcat之外,另外也支援JBoss、WebLogic、WebSphere、GlassFish等數種不同的網頁伺服器軟體。

WaveMaker是透過網頁瀏覽器來執行,但WaveMaker並未限制網頁瀏覽器的版本。無論使用者採用的是Google Chrome、Firefox、IE或Safari,都能用來操作WaveMaker。

WaveMaker主要特色

為了提供使用者一套直覺式的網頁應用程式開發環境,WaveMaker提供許多獨特的特色與功能,便讓WaveMaker的使用者可以在最短的時間內熟悉WaveMaker的使用方式,進而以更有效率的方式進行網頁設計的工作。

使用瀏覽器作為操作介面,更是WaveMaker的一大賣點。因為以瀏覽器直接進行操作,除了可以降低使用者的學習曲線外,另外一個優點是所有WaveMaker所建立出來的應用程式,其實在開發階段便已經同時在瀏覽器中執行測試過了。

如此一來,如果網頁在開發階段發生任何問題,大多都能在第一時間便被開發者察覺。假如是在系統正式上線之後才發現問題,事後要進行測試或除錯等相關工作,相對而言也簡單許多。

因為系統的運作與開發環境都是瀏覽器,在工作環境相同的情況下,等於減少一個影響系統運作的變數,自然可以更快地找到問題的解決方法。

在設計網頁時,如果設計工具可以提供較為完善的元件支援,對於網頁設計人員來說將有相當程度的幫助。WaveMaker主要使用Widgets作為網頁應用程式的建構元件,使用者可以利用這些系統內建的Widgets來設計網頁,以減少開發時程。

也因為WaveMaker是以Widgets作為開發元件使用,因此WaveMaker所建構出來的網頁應用程式,本身的使用者介面也是以Widgets與頁面(Page)的操作觀念為主,並且能夠用來提供預先建立的功能與行為模式。

WaveMaker包含許多不同種類、可自行加以設定的Widget,例如資料輸入表單、編輯器、按鈕等等。而這些Widget也能讓使用者可以與應用程式進行互動,以增加網頁瀏覽時的樂趣。

由於以WaveMaker設計網頁時,是否可以熟悉各種Widget元件的應用,將會直接影響設計成果的表現,因此WaveMaker的官方網站也針對此部分提供相當完善的文件。

如果想進一步了解Widget在WaveMaker系統之中所扮演的角色,可以參考官網「建立應用程式:基本概念」一文中的「Widget」段落說明(http://dev.wavemaker.com/wiki/bin/wmdoc_6.4/Essentials#HWidgets)。

若想理解每一種Widget的使用方式,則可以直接閱讀「使用Widgets」文章的說明(http://dev.wavemaker.com/wiki/bin/wmdoc_6.4/WebHome#HUsingWidgets)。這些文章不但清楚列出WaveMaker所提供的全部Widget型式,也針對其使用說明做了相當詳細的介紹。


▲WaveMake主要以瀏覽器進行操作,並大量使用Widget的觀念。

許多網頁都需要與資料庫進行互動,所以在網頁設計的同時,多半也需要與資料庫進行整合。WaveMaker使用了一個名為資料物件的元件類別,可以用來進行資料庫相關的處理工作。

在使用者建立新資料庫或是從既有的資料庫之中匯入資料時,WaveMaker都會自動建立相關的資料物件Widget,並用來代表資料庫中的所有表格。

有了資料物件的輔助,在建立相關的網頁表格時,便可以更輕易地完成資料庫處理相關的工作。例如,在資料庫內新增資料、讀取、更新、刪除等動作時,都能直接使用資料物件加以完成,完全不需要撰寫任何程式碼。


追蹤我們Featrue us

本站使用cookie及相關技術分析來改善使用者體驗。瞭解更多

我知道了!