用於動態網頁內容產製之元件基礎環境

Abstract

隨著網際網路的快速發展，動態網頁內容的需求也日益增多。對動態網頁程式設計，通常由美工人員負責版面呈現邏輯、程式設計師負責系統程式邏輯。然而動態網頁通常需要經常更新，現有的開發方法如CGI、SAPI、SPL、Templates Engine及Tag Libraries等等，皆會對動態網頁結構作較大幅度的改變，使得美工人員較難再自行修改版面。程式設計師與美工人員無法有效地分工，成為動態網頁發展過程中的關鍵瓶頸。 本篇論文針對這個問題，提出一個用於動態網頁內容產製的元件基礎環境，並提供一個視覺化的工具來輔助這項工作。利用元件標示及對應的方法，僅在版面動態內容區域最上層的標籤加入一個ID屬性。由於這方式對動態網頁結構可以維持大致不變，正可讓美工人員得以隨時利用網頁編輯軟體修改版面，使得程式設計師與美工人員各司其職，降低維護成本。以元件的方式來建構動態網頁內容，能將動態網頁內容的系統程式邏輯與版面呈現邏輯接合起來。而基於此元件基礎環境所開發的元件，不僅可重覆使用，更可有效幫助日後動態網頁內容的維護及更新。

With the rapid growth of Internet, dynamic web content generation becomes more and more important. For dynamic web programming, art workers are responsible for presentation logic, and programmers are responsible for programming logic. The dynamic web pages usually need to modify frequently. The existing technology such as CGI, SAPI, Templates Engine, Tag Libraries etc. may change most of structures of dynamic web pages. This made art workers hard to modify the layouts of web pages by themselves. Programmers and art workers can’t work together efficiently. This becomes the critical bottleneck of processes of dynamic web page development. In this thesis, we propose a component-based environment for dynamic web content generation for the issue we just mentioned, and provide a visualization tool to assist this job. The method of marking and mapping component only add an “ID” attribute to the tag of dynamic content region on the page. Most of structures of dynamic web pages can be kept in this way; so art workers can use the editor software of web page to modify layouts directly. The new components based this environment not only can be reused, but also can help the maintenance and modification of dynamic web content in the future.