JP2001125855A - Dynamic web page generation program - Google Patents

Dynamic web page generation program

Info

Publication number
JP2001125855A
JP2001125855A JP30324199A JP30324199A JP2001125855A JP 2001125855 A JP2001125855 A JP 2001125855A JP 30324199 A JP30324199 A JP 30324199A JP 30324199 A JP30324199 A JP 30324199A JP 2001125855 A JP2001125855 A JP 2001125855A
Authority
JP
Japan
Prior art keywords
web page
dynamic
program
dynamic web
dynamic change
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
JP30324199A
Other languages
Japanese (ja)
Inventor
Toshiya Machii
俊也 町井
Junji Torii
順次 鳥居
Tomonori Matsuba
知則 松葉
Yuji Hasegawa
裕司 長谷川
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
TWIN COMM Inc
TWIN COMMUNICATION Inc
Original Assignee
TWIN COMM Inc
TWIN COMMUNICATION Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by TWIN COMM Inc, TWIN COMMUNICATION Inc filed Critical TWIN COMM Inc
Priority to JP30324199A priority Critical patent/JP2001125855A/en
Publication of JP2001125855A publication Critical patent/JP2001125855A/en
Pending legal-status Critical Current

Links

Landscapes

  • Information Transfer Between Computers (AREA)
  • Computer And Data Communications (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

PROBLEM TO BE SOLVED: To provide a dynamic Web page generation program that a program work can be separated from a design work in the developing stage of a dynamic Web page in order to improve the efficiency and quality of the developing and maintaining work of the dynamic Web page. SOLUTION: A CGI program 7 and an HTML template 8 that a common replacement identifier is added to dynamic changing parts are prepared. At the time of generating a dynamic Web page, a dynamic Web page generation program 9 generates dynamic Web page by replacing the contents of the dynamic changing part of the HTML template 8 with contents decided by the CGI program 7 by using the displacement identifier.

Description

【発明の詳細な説明】DETAILED DESCRIPTION OF THE INVENTION

【0001】[0001]

【発明の属する技術分野】本発明は、操作者の入力操作
に応じて表示内容が変化する動的変化部を含む動的Web
ページを生成するための動的Webページ生成プログラム
に関する。
BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a dynamic Web system including a dynamic changing unit whose display content changes according to an input operation of an operator.
A dynamic Web page generation program for generating pages.

【0002】[0002]

【従来の技術】近年、インターネットの急速な普及によ
り、電子メールやホームページ(Webページ)を利用し
ての情報の伝達、配信及び収集が盛んに行われる状況と
なっている。Webページに関しては、多種多様なものが
開設され、その機能も様々であるが、一般的に、その機
能から静的Webページと動的Webページに大別することが
できる。
2. Description of the Related Art In recent years, with the rapid spread of the Internet, information transmission, distribution, and collection using electronic mails and homepages (Web pages) have been actively performed. Regarding web pages, a wide variety of web pages are established and their functions are also various, but in general, the functions can be broadly classified into static web pages and dynamic web pages.

【0003】静的Webページは、閲覧者(以下、操作者
と呼ぶ)へ提供する情報の内容が予め用意された固定的
なページであり、その作成はHTML(Hyper Text Markup L
anguage)などのマークアップ言語により比較的容易に行
うことができる。一方、動的Webページは、操作者のカ
スタマイズされた入力データ(カスタムデータ)に応じ
て、提供される(表示される)情報の内容がリアルタイ
ムに変化する部分(以下、動的変化部と呼ぶ)を含む対
話形式のページであり、その作成には何らかのプログラ
ム作業を必要とする。
[0003] A static Web page is a fixed page in which the content of information to be provided to a viewer (hereinafter, referred to as an operator) is prepared in advance, and is created using HTML (Hyper Text Markup L).
Anguage) and other markup languages make it relatively easy. On the other hand, a dynamic Web page is a portion where the content of information to be provided (displayed) changes in real time in accordance with an operator's customized input data (custom data) (hereinafter, referred to as a dynamic change portion). ) And requires some programming work to create it.

【0004】図9は、従来の静的Webページを配信する
場合のシステム構成例とその処理フローを示した図であ
る。概略の処理フローは、次のとおりである。まず、操
作者1のサイトにあるパーソナルコンピュータなどのク
ライアントシステム2上で、ブラウザ3を用いて操作者
1が閲覧したいWebページの表示指示を行う(図9の
)。ブラウザ3は、インターネットを介して指示され
たWebページの送信要求をサーバシステム4のWebサーバ
プログラム5へ伝える(図9の)。送信要求を受けた
Webサーバプログラム5は、要求のWebページに該当する
HTMLドキュメント11(例えば、図中のa)を検索し
(図9の)、それをブラウザ3へ返送する(図9の
)。ブラウザ3は、送られてきたHTMLドキュメントa
を解釈し、クライアントシステム2の画面上へWebペー
ジとして表示する(図9の)。
FIG. 9 is a diagram showing an example of a conventional system configuration for distributing a static Web page and a processing flow thereof. The general processing flow is as follows. First, on the client system 2 such as a personal computer at the site of the operator 1, an instruction to display a web page that the operator 1 wants to browse is issued by using the browser 3 (FIG. 9). The browser 3 transmits a Web page transmission request instructed via the Internet to the Web server program 5 of the server system 4 (FIG. 9). Received transmission request
Web server program 5 corresponds to the requested Web page
The HTML document 11 (for example, a in the figure) is searched (FIG. 9) and sent back to the browser 3 (FIG. 9). Browser 3 sends the sent HTML document a
Is interpreted and displayed as a Web page on the screen of the client system 2 (FIG. 9).

【0005】このように、静的Webページを配信する場
合には、配信するページをHTMLなどのマークアップ言語
で記述されたドキュメント(ファイル)として予め用意
しておき(図中のa,b,c,…)、それらを操作者1の指示
によって代わる代わる見せるだけである。従って、Web
ページの作成(開発)作業としては、HTMLなどのマーク
アップ言語によるドキュメントの作成のみであるが、前
述のような対話的な処理を行う機能は有していない。
As described above, when distributing a static Web page, the page to be distributed is prepared in advance as a document (file) described in a markup language such as HTML (a, b, c,...), and they are merely replaced by the instruction of the operator 1. Therefore, the Web
The only page creation (development) operation is to create a document in a markup language such as HTML, but does not have the function of performing the above-described interactive processing.

【0006】そこで、Webページ上において対話的な処
理を可能とし、より柔軟な情報提供を行うために前述の
動的Webページが望まれるようになった。従来、この動
的Webページをサーバシステム側で生成し配信する方法
として、主に二つの手法が用いられていた。その一つの
手法が、CGIプログラムを用いる方法である。CGIプログ
ラムは、Webサーバプログラムが他のアプリケーション
と通信するために用意されたインターフェースであるCG
I(Common Gateway Interface)を介して、操作者の要求
に対する対話的な処理を実行し、動的Webページを生成
するアプリケーションプログラムである。
[0006] Therefore, in order to enable interactive processing on a Web page and provide more flexible information, the aforementioned dynamic Web page has been desired. Conventionally, two methods have been mainly used as a method of generating and distributing this dynamic Web page on the server system side. One such method is to use a CGI program. CGI programs are CGs, which are interfaces provided for Web server programs to communicate with other applications.
It is an application program that executes an interactive process for an operator's request via I (Common Gateway Interface) and generates a dynamic Web page.

【0007】図10は、従来のCGIプログラムを用いた
場合のシステム構成例とその処理フローを示した図であ
る。まず、操作者1から対話的な処理の要求(カスタム
データの入力)があると(図10の)、ブラウザ3か
らそのリクエストがWebサーバプログラム5及びインタ
ーフェース(CGI)6を介してCGIプログラム7へ伝えら
れる(図10の及び)。
FIG. 10 is a diagram showing an example of a system configuration when a conventional CGI program is used and a processing flow thereof. First, when an interactive processing request (input of custom data) is received from the operator 1 (input of custom data) (FIG. 10), the request is transmitted from the browser 3 to the CGI program 7 via the Web server program 5 and the interface (CGI) 6. Conveyed (Figure 10 and).

【0008】リクエストが伝えられると、CGIプログラ
ム7が操作者1の入力したカスタムデータに応じた処理
を実行し、前記動的変化部の表示内容(以下、表示値と
呼ぶ)を決定する。例えば、操作者1からの処理要求に
応答して、必要な情報を外部に位置するデータベース1
0から検索するなどの処理が行われる(図10の)。
さらに、CGIプログラム7では、決定された表示値を動
的変化部に挿入した返信用のHTMLドキュメント11(例
えば、図中のa1)を生成し、それをリクエストに対する
返答としてWebサーバプログラム5へ返す(図10の
)。返信用のHTMLドキュメントa1は、クライアントシ
ステム2へ返送され、ブラウザ3で表示される(図10
の及び)。
[0008] When the request is transmitted, the CGI program 7 executes a process according to the custom data input by the operator 1 and determines the display contents (hereinafter, referred to as display values) of the dynamic change unit. For example, in response to a processing request from the operator 1, necessary information is stored in an externally located database 1.
Processing such as searching from 0 is performed (FIG. 10).
Further, the CGI program 7 generates a return HTML document 11 (for example, a1 in the figure) in which the determined display value is inserted into the dynamic change part, and returns it to the Web server program 5 as a response to the request. (Of FIG. 10). The return HTML document a1 is returned to the client system 2 and displayed on the browser 3 (FIG. 10).
And).

【0009】このように、一つのCGIプログラム7によ
って、入力される様々なカスタムデータに対し、動的変
化部の表示値が異なる複数のHTMLドキュメント11(図
中のa1,a2,…)が生成できることとなり、動的Webペー
ジを実現している。この手法による動的Webページの開
発作業は、図10に示される通り、動的変化部の表示値
を決定する処理部分と、HTMLドキュメントのデザイン生
成部分dの両方を含んだCGIプログラム7をプログラミン
グする作業となる。
As described above, a single CGI program 7 generates a plurality of HTML documents 11 (a1, a2,... In the figure) having different display values of the dynamically changing parts for various input custom data. It is possible to realize a dynamic Web page. As shown in FIG. 10, the development of a dynamic Web page by this method involves programming a CGI program 7 including both a processing part for determining a display value of a dynamic change part and a design generation part d of an HTML document. Work.

【0010】図11は、動的Webページ生成のために良
く用いられているもう一つの手法であるサーバサイドス
クリプトを利用した場合の構成例とその処理フローを示
した図である。この手法は、表示するHTMLドキュメント
の動的変化部にその表示値を決定する処理プログラム
(サーバサイドスクリプト)を挿入したHTMLテンプレー
ト(A,B,…)を用意しておき、操作者1からのリクエス
トを受けると、その処理プログラムが実行され、挿入さ
れていた位置(動的変化部)に処理後の表示値が埋め込
まれて返信用HTMLドキュメントが生成されるものであ
る。
FIG. 11 is a diagram showing a configuration example and a processing flow when a server-side script, which is another method often used for generating a dynamic Web page, is used. In this method, an HTML template (A, B,...) In which a processing program (server-side script) for determining a display value is inserted in a dynamically changing portion of an HTML document to be displayed is prepared, and an operator 1 When a request is received, the processing program is executed, and the display value after processing is embedded in the inserted position (dynamic change part) to generate a return HTML document.

【0011】図10の場合と同様に、まずWebサーバプ
ログラム5が操作者1からのリクエストをブラウザ3を
介して受取り(図11の及び)、サーバシステム4
内に備えられた動的Webページ生成プログラム9へ伝え
る。動的Webページ生成プログラム9は該当するHTMLテ
ンプレート8(例えば、図中のA)の動的変化部に埋め
込まれた処理プログラムを実行する。例えばデータベー
ス10から所定のデータを検索するなどの処理を実行す
る(図11の)。動的Webページ生成プログラム9
は、前記HTMLテンプレートAにおいて、前記処理プログ
ラムが挿入されていた動的変化部に、処理結果として得
られる表示値を挿入することによって、返信用のHTMLド
キュメント11(例えば、図中のa1)を生成し、Webサ
ーバプログラム5へ返す(図11の)。以下、図10
の場合と同様に、返信用HTMLドキュメントa1が返信さ
れ、ブラウザ3で表示される(図11の及び)。
As in the case of FIG. 10, first, the Web server program 5 receives the request from the operator 1 via the browser 3 (and in FIG. 11), and
To the dynamic Web page generation program 9 provided in the server. The dynamic Web page generation program 9 executes a processing program embedded in a dynamic change section of the corresponding HTML template 8 (for example, A in the figure). For example, processing such as searching for predetermined data from the database 10 is executed (FIG. 11). Dynamic Web page generation program 9
In the HTML template A, the response HTML document 11 (for example, a1 in the figure) is inserted by inserting a display value obtained as a processing result into the dynamic change part in which the processing program has been inserted. Generated and returned to Web server program 5 (FIG. 11). Hereinafter, FIG.
As in the case of (1), the return HTML document a1 is returned and displayed on the browser 3 (and in FIG. 11).

【0012】このように、操作者のカスタムデータに応
じて、一つのHTMLテンプレート(図中のA)から、その
動的変化部の値が異なる複数のHTMLドキュメント(図中
のa1,a2など)が生成できることとなり、動的Webページ
を実現している。この手法における動的Webページの開
発作業は、前述のHTMLテンプレートを作成することであ
り、HTMLドキュメントの中の動的変化部においてプログ
ラミングを行う作業となる。言い換えれば、図11の下
部に示される通り、プログラムpを含んだHTMLドキュメ
ント(A,B,…)を作成することとなる。
As described above, according to the custom data of the operator, a plurality of HTML documents (such as a1 and a2 in the figure) having different values of the dynamically changing part from one HTML template (A in the figure) Can be generated, realizing a dynamic Web page. The task of developing a dynamic Web page in this method is to create the above-described HTML template, which is a task of performing programming in a dynamically changing part in an HTML document. In other words, as shown in the lower part of FIG. 11, an HTML document (A, B,...) Including the program p is created.

【0013】以上、説明したように、従来の動的Webペ
ージにおいては、一般に上述のいずれかの方法が用いら
れていた。
As described above, in the conventional dynamic Web page, one of the above-described methods is generally used.

【0014】[0014]

【発明が解決しようとする課題】しかしながら、上述の
いずれの従来法においても、動的Webページの開発段階
で作成すべき対象物に、動的変化を実行するためのプロ
グラム部と、Webページの構成と静的な部分を定義する
いわゆるデザイン生成部が混在しているという問題があ
った。前述のとおり、図10に示したCGIプログラムを
用いる手法においては、前記プログラム部に前記デザイ
ン生成部(図10のd部)を挿入したCGIプログラムを作
成する必要があり、一方、図11に示したサーバサイド
スクリプトを用いる場合においては、デザイン生成部で
あるHTMLドキュメントの中にプログラム部(図11のp
部)を埋め込んだHTMLテンプレートを作成する必要があ
った。
However, in any of the conventional methods described above, an object to be created at the stage of developing a dynamic Web page includes a program section for executing a dynamic change, and a Web page. There is a problem that a so-called design generation unit that defines a configuration and a static part is mixed. As described above, in the method using the CGI program shown in FIG. 10, it is necessary to create a CGI program in which the design generation unit (part d in FIG. 10) is inserted into the program unit. In the case of using a server-side script, a program part (p in FIG. 11) is included in an HTML document as a design generation part.
Part) was required to create an HTML template.

【0015】通常、このような動的Webページを開発す
る際には、プログラム部とデザイン部が、プログラマー
とデザイナーによる分業で作成される場合が多い。従っ
て、前述のとおり、作成対象物が一つのプログラムやド
キュメントで構成され、プログラム部とデザイン部が混
在している事は、作成効率と出来上がり品質の両面にお
いて好ましくない。例えば、CGIプログラムを用いる場
合においては、デザイナーは、プログラム全体が完成す
るまでそのデザイン部を確認することができず、また、
デザイン部の変更があった場合には、プログラマーがプ
ログラムの変更を行わなければならないなど非効率であ
る。さらに、デザイン部のみの変更がプログラム全体に
影響を及ぼしてしまう危険性があり、品質的にも問題が
ある。このような状況は、出来上がったWebページの保
守時においても同様である。
Usually, when such a dynamic Web page is developed, a program section and a design section are often created by division of work by a programmer and a designer. Therefore, as described above, it is not preferable that the creation target is composed of one program or document, and the program part and the design part are mixed in terms of both creation efficiency and finished quality. For example, when using a CGI program, the designer cannot check the design section until the entire program is completed,
If there is a change in the design department, it is inefficient that the programmer must change the program. Furthermore, there is a risk that a change in only the design section affects the entire program, and there is a quality problem. This situation is the same when maintaining the completed Web page.

【0016】そこで、本発明の目的は、動的Webページ
の開発・保守作業の効率と品質の向上を図るために、動
的Webページの開発段階においてプログラム作業とデザ
イン作業を分離することのできる動的Webページ生成プ
ログラムを提供することである。
Therefore, an object of the present invention is to separate the program work and the design work in the development stage of the dynamic Web page in order to improve the efficiency and quality of the development and maintenance work of the dynamic Web page. To provide a dynamic Web page generation program.

【0017】[0017]

【課題を解決するための手段】上記の目的を達成するた
めに、本発明の一つの側面は、動的変化部に共通の置換
識別子を用いたCGIプログラムとマークアップ言語で記
述されたテンプレートとを別々に用意しておき、動的We
bページの生成時には、前記置換識別子を利用して、前
記テンプレートの動的変化部の内容を前記CGIプログラ
ムが決定した内容に置換することにより、動的Webペー
ジを生成することである。従って、本発明によれば、動
的Webページの開発段階において、動的変化部の内容を
決定するCGIプログラムを作成するプログラミング作業
と、動的Webページの構成を画定するテンプレートを作
成するデザイン作業とを分離することができる。
In order to achieve the above object, one aspect of the present invention is to provide a CGI program using a common replacement identifier for a dynamic change part and a template described in a markup language. Are prepared separately, and dynamic We
In generating the b-page, a dynamic Web page is generated by replacing the content of the dynamic change part of the template with the content determined by the CGI program using the replacement identifier. Therefore, according to the present invention, in the development stage of a dynamic Web page, a programming operation for creating a CGI program for determining the contents of the dynamic change portion and a design operation for creating a template for defining the structure of the dynamic Web page And can be separated.

【0018】上記の目的を達成するために、本発明の別
の側面は、操作者の入力操作に応じて表示内容が変化す
る動的変化部を有する動的Webページの前記動的変化部
の表示内容をCGIプログラムによって決定する動的Webペ
ージ生成プログラムを記録した記憶媒体であって、前記
動的Webページの構成がマークアップ言語により記述さ
れ、前記動的変化部には前記CGIプログラムに埋め込ま
れた置換識別子と同一の置換識別子が付されている予め
作成されたテンプレートに対して、前記置換識別子に基
づいて、前記テンプレート内の前記動的変化部の内容を
前記CGIプログラムで決定した前記動的変化部の表示内
容に置換し、返信用の前記動的Webページのマークアッ
プ言語で記述されたドキュメントを生成するステップを
コンピュータに実行させることを特徴とする。
In order to achieve the above object, another aspect of the present invention provides a dynamic Web page having a dynamic change section whose display content changes in response to an input operation by an operator. A storage medium storing a dynamic Web page generation program for determining display contents by a CGI program, wherein a configuration of the dynamic Web page is described in a markup language, and the dynamic change unit is embedded in the CGI program. For a template created in advance, to which the same replacement identifier is assigned, the content of the dynamic change unit in the template is determined by the CGI program based on the replacement identifier. Causing the computer to execute a step of generating a document described in a markup language of the dynamic Web page for a reply by replacing the display content of the dynamic change section with the display content of the dynamic change section And it features.

【0019】更に、上記の発明において、その好ましい
態様は、前記テンプレートの動的変化部に付されている
置換識別子が、当該動的変化部のタグ内に記述されてい
ることを特徴とする。
In a preferred aspect of the present invention, the replacement identifier attached to the dynamic change portion of the template is described in a tag of the dynamic change portion.

【0020】更に、上記の発明において、別の態様は、
前記動的変化部の表示内容を決定する機能を有し、予め
ライブラリとして登録されているプログラムモジュール
群を、前記動的Webページの生成時に、前記CGIプログラ
ムの指示に基づいてコンピュータに実行させることを特
徴とする。
Further, in the above invention, another aspect is as follows.
Having a function of determining the display content of the dynamic change unit, and causing a computer to execute a program module group registered in advance as a library based on an instruction of the CGI program when the dynamic Web page is generated. It is characterized by.

【0021】上記の目的を達成するために、本発明の更
に別の側面は、操作者の入力操作に応じて表示内容が変
化する動的変化部を有する動的Webページの生成方法に
おいて、予め作成されたCGIプログラムにより、前記操
作者の入力操作に応じて前記動的変化部の表示内容を決
定する第一のステップと、前記動的Webページの構成が
マークアップ言語により記述され、前記動的変化部には
前記CGIプログラムに埋め込まれた置換識別子と同一の
置換識別子が付されている予め作成されたテンプレート
の前記動的変化部の内容を、前記置換識別子に基づいて
前記第一のステップで決定された表示内容に置換するこ
とにより、返信用の前記動的Webページのマークアップ
言語で記述されたドキュメントを生成する第二のステッ
プを有することを特徴とする。
In order to achieve the above object, still another aspect of the present invention relates to a method for generating a dynamic Web page having a dynamic change section whose display content changes according to an input operation of an operator. A first step of determining display contents of the dynamic change unit according to the input operation of the operator by the created CGI program; and a configuration of the dynamic Web page is described in a markup language, and the dynamic In the dynamic change unit, the content of the dynamic change unit of a pre-created template to which the same replacement identifier as the replacement identifier embedded in the CGI program is attached, based on the replacement identifier, the first step Replacing the display content with the display content determined in step 2 to generate a document described in the markup language of the dynamic web page for reply.

【0022】更に、上記の発明において、その好ましい
態様は、前記第一のステップにおける動的変化部の表示
内容の決定が、前記CGIプログラムの指示に基づいて、
予め前記動的変化部の表示内容を決定するために開発さ
れライブラリとして登録されているプログラムモジュー
ル群を、呼び出して実行させることにより行われること
を特徴とする。
In a preferred aspect of the present invention, the determination of the display content of the dynamic change unit in the first step is based on an instruction of the CGI program.
This is performed by calling and executing a program module group that has been developed in advance and registered as a library to determine the display content of the dynamic change unit.

【0023】上記の目的を達成するために、本発明の更
に別の側面は、操作者の入力操作に応じて表示内容が変
化する動的変化部を有する動的Webページの開発方法に
おいて、前記操作者の入力操作に応じて前記動的変化部
の表示内容を決定するCGIプログラムをプログラミング
するステップと、前記CGIプログラムとは別個のテンプ
レートであって、前記動的Webページの構成を定義し、
前記動的変化部には前記CGIプログラムに埋め込まれた
置換識別子と同一の置換識別子が付されるテンプレート
をマークアップ言語で記述するステップを有することを
特徴とする。
In order to achieve the above object, still another aspect of the present invention is a method for developing a dynamic Web page having a dynamic change section whose display content changes according to an input operation of an operator. Programming a CGI program to determine the display content of the dynamic change unit according to the input operation of the operator, and the CGI program is a separate template, defining the configuration of the dynamic Web page,
The dynamic change unit includes a step of describing, in a markup language, a template to which the same replacement identifier as the replacement identifier embedded in the CGI program is attached.

【0024】更に、上記の発明において、その好ましい
態様は、前記CGIプログラムをプログラミングするステ
ップが、前記動的変化部の表示内容を決定するために開
発され、予めライブラリとして登録されているプログラ
ムモジュール群を利用して行われることを特徴とする。
Further, in the above-mentioned invention, in a preferred aspect, the step of programming the CGI program is a program module group which is developed for determining display contents of the dynamic change unit and is registered in advance as a library. It is characterized by being performed using

【0025】本発明の更なる目的及び、特徴は、以下に
説明する発明の実施の形態から明らかになる。
Further objects and features of the present invention will become apparent from the embodiments of the present invention described below.

【0026】[0026]

【発明の実施の形態】以下、図面を参照して本発明の実
施の形態例を説明する。しかしながら、かかる実施の形
態例が、本発明の技術的範囲を限定するものではない。
なお、図において、同一又は類似のものには同一の参照
番号又は参照記号を付して説明する。
Embodiments of the present invention will be described below with reference to the drawings. However, such embodiments do not limit the technical scope of the present invention.
In the drawings, the same or similar components are denoted by the same reference numerals or reference symbols.

【0027】図1は、本発明を適用した動的Webページ
生成プログラムを利用した動的Webページ配信システム
の一実施の形態例を示した図である。本実施の形態例に
おける動的Webページ生成プログラム9は、主としてWeb
ページのデザインを画定し、動的変化部には共通の置換
識別子が埋め込まれたHTMLテンプレート8と、デザイン
部を有さず主として動的変化部の変化内容を生成し、共
通の置換識別子によってHTMLテンプレート8にリンクさ
れるCGIプログラム7とから、操作者1のリクエストに
応じた動的Webページを生成しようとするものである。
FIG. 1 is a diagram showing an embodiment of a dynamic Web page distribution system using a dynamic Web page generation program to which the present invention is applied. The dynamic Web page generation program 9 in this embodiment is mainly a Web
An HTML template 8 that defines the page design and has a common replacement identifier embedded in the dynamic change part, and generates the change content of the dynamic change part mainly without the design part, and uses the common replacement identifier to generate the HTML. A dynamic Web page corresponding to the request of the operator 1 is generated from the CGI program 7 linked to the template 8.

【0028】図2は、図1に示した形態例の処理フロー
を示した図である。また、図3から図6は、本実施の形
態例を利用して配信される動的Webページの一例に関す
る図である。図3から図6に示す例は、操作者の指示に
より、操作者に対するユーティリティの利用明細(請求
金額)を表示するものである。(以下、利用明細ページ
と呼ぶ)具体的には、操作者の識別番号など(カスタム
データ)に対して、データベースに格納された請求金額
のデータの中から操作者に該当するデータを検索し、We
bページの金額表示部(動的変化部)Xにそのデータを表
示して返す、簡単な動的Webページの例である。図3
が、テンプレート8によってデザインされた初期画面
(Webページ)を表しており、図中X部が動的変化部であ
る。デザイナーにより設計されたテンプレートの初期画
面では、動的変化部Xにダミーの値(図中のx0)が表示
されている。図4は、操作者の指示に対して動的にカス
タマイズされて返答されたWebページの一例であり、動
的変化部Xの表示値がデータベースから検索された値
(図中のx1)に変化している。
FIG. 2 is a diagram showing a processing flow of the embodiment shown in FIG. FIGS. 3 to 6 are diagrams related to an example of a dynamic Web page distributed using the present embodiment. The examples shown in FIGS. 3 to 6 show the usage details (charged amount) of the utility for the operator in accordance with the instruction of the operator. Specifically, for the identification number of the operator (custom data) and the like, the data corresponding to the operator is searched from the data of the billing amount stored in the database, We
This is an example of a simple dynamic Web page in which the data is displayed and returned in the amount display section (dynamic change section) X on page b. FIG.
Represents an initial screen (Web page) designed by the template 8, and an X part in the figure is a dynamic change part. On the initial screen of the template designed by the designer, a dummy value (x0 in the figure) is displayed in the dynamic change part X. FIG. 4 is an example of a web page that is dynamically customized and responded to the operator's instruction, and the display value of the dynamically changing part X changes to a value retrieved from the database (x1 in the figure). are doing.

【0029】以下、図1から図6に基づいて、本実施の
形態例に係る動的Webページの開発時及び生成時におけ
る各部の内容について説明する。
Hereinafter, the contents of each part at the time of development and generation of the dynamic Web page according to the present embodiment will be described with reference to FIGS.

【0030】まず、開発時においては、図1に示すCGI
プログラム7とHTMLテンプレート8を作成しておく。CG
Iプログラム7は、インターフェース(CGI)6を介して
Webサーバプログラム5と連携する点において従来技術
で説明したものと同一であるが、プログラミングされる
内容に相違がある。本実施の形態例の場合のCGIプログ
ラム7は、主に、後述する動的Webページ生成プログラ
ム9への指示を行う機能と、動的変化部の表示値を決定
する機能で構成されており、前述のいわゆるデザイン生
成部を含んでいない。また、動的変化部の表示値を代替
する名称として、次に説明するHTMLテンプレート8と同
一の置換識別子が用いられている。
First, at the time of development, the CGI shown in FIG.
A program 7 and an HTML template 8 are created in advance. CG
The I program 7 is connected via the interface (CGI) 6
Although it is the same as that described in the related art in cooperating with the Web server program 5, there is a difference in the programmed contents. The CGI program 7 in the case of the present embodiment is mainly composed of a function of giving an instruction to a dynamic Web page generation program 9 to be described later and a function of determining a display value of a dynamic change unit. It does not include the aforementioned so-called design generation unit. Further, the same replacement identifier as the HTML template 8 described below is used as a name that substitutes the display value of the dynamic change unit.

【0031】図5は、前記利用明細ページ用に作成され
たCGIプログラム7であり、ここではPerl言語で記述さ
れた例を示している。図中のロ部に示すプログラムコー
ドが、データベースから該当金額データを抽出する部分
であり、動的変化部の表示値を決定する機能を有するプ
ログラム部である。また、図中のy部に示された"Charge
List"が、動的変化部(図3のX部)の表示値を代替する
置換識別子である。従って、図5の例では、ロ部のプロ
グラムコードによって、操作者1から与えられた識別番
号に対応する料金データがデータベース10から抽出さ
れ、ハ部のプログラムコードによって置換識別子"Charg
eList"に対して、その抽出結果が渡される。
FIG. 5 shows a CGI program 7 created for the usage statement page, and shows an example described in Perl language. The program code shown in (b) in the figure is a part for extracting the corresponding amount data from the database, and is a program part having a function of determining the display value of the dynamic change part. Also, "Charge shown in the y part of the figure
List "is a replacement identifier that substitutes for the display value of the dynamically changing part (the X part in FIG. 3). Therefore, in the example of FIG. 5, the identification number given by the operator 1 by the program code of the part B Is extracted from the database 10 and the replacement identifier "Charg" is
The extraction result is passed to eList ".

【0032】一方、開発時に作成されるHTMLテンプレー
ト8は、動的Webページのデザインを画定している通常
のHTMLドキュメントであるが、動的変化部には、HTMLで
ルール化されその意味が定められている標準タグ以外の
いわゆる意味無しタグを利用してname属性として前述の
置換識別子が付された上、ダミーデータが挿入されてい
る点に特徴がある。
On the other hand, the HTML template 8 created at the time of development is a normal HTML document that defines the design of a dynamic Web page. It is characterized in that the above-mentioned replacement identifier is added as a name attribute using a so-called meaningless tag other than the standard tag, and dummy data is inserted.

【0033】図6は、前記利用明細ページ用に作成され
たHTMLテンプレート8の例である。図に示されている通
り、ここでは、HTMLでルール化されWebページの構成
(デザイン)を定める<HEAD>,<BODY>,<p>などの
標準タグにより、図3及び図4に示すWebページの画面
がデザインされている。その中で、X部が動的変化部、x
0部がそのダミーデータであり、それぞれ図3のX部及び
x0部と対応している。また、y部に示すとおり、動的変
化部Xには、前記の標準タグとは異なり、Webページのデ
ザインに影響を与えない意味無しタグであるSPANタグを
利用して、CGIプログラム7と同一の置換識別子"Charge
List"がname属性として埋め込まれている。このよう
に、HTMLテンプレート8は、動的Webページの構成と静
的な部分を定義しており、全体がデザイン生成機能を有
するということができる。なお、この例では、動的変化
部にSPANタグを用いたが、前述のいわゆる意味無しタグ
であれば、他のタグを用いてもかまわない。更に、name
属性を埋め込むことができるタグであれば、標準タグを
利用してもよい。
FIG. 6 shows an example of the HTML template 8 created for the usage statement page. As shown in the figure, here, the standardized tags such as <HEAD>, <BODY>, and <p> that define the structure (design) of the Web page by making rules in HTML are used to display the Web shown in FIGS. The screen of the page is designed. X part is the dynamic change part, x
The 0 part is the dummy data, and the X part and the
Corresponds to x0 part. Also, as shown in the y section, the dynamic change section X uses the SPAN tag, which is a meaningless tag that does not affect the design of the web page, unlike the above-described standard tag, and is the same as the CGI program 7. Replacement identifier for "Charge
List "is embedded as a name attribute. As described above, the HTML template 8 defines the structure of the dynamic Web page and the static part, and it can be said that the whole has a design generation function. In this example, the SPAN tag is used for the dynamic change unit, but any other tag may be used as long as it is the above-mentioned meaningless tag.
A standard tag may be used as long as the attribute can be embedded.

【0034】以上、説明したように、本実施の形態例に
おいては、開発段階で作成する対象物が、同一の置換識
別子でリンクされた、いわゆるプログラム部であるCGI
プログラム7と、いわゆるデザイン生成部であるHTMLテ
ンプレート8に分離されており、プログラマーとデザイ
ナーの分業を可能としている。HTMLテンプレート8にダ
ミーデータx0が表示されることで、デザイナーは実際に
再現される画面をCGIプログラム7と独立して確認する
ことができ、納得のいくデザインを追及することができ
る。また、一方で、プログラマーはWebページのデザイ
ンを気にすることなく、デザインが変更されてもCGIプ
ログラム7を変更する必要はない。
As described above, in the present embodiment, the object created in the development stage is a so-called program unit linked by the same replacement identifier.
It is separated into a program 7 and an HTML template 8 which is a so-called design generation unit, which enables division of work between a programmer and a designer. By displaying the dummy data x0 in the HTML template 8, the designer can check the screen actually reproduced independently of the CGI program 7, and can pursue a satisfactory design. On the other hand, the programmer does not need to change the CGI program 7 even if the design is changed without worrying about the design of the Web page.

【0035】次に、本実施の形態例における動的Webペ
ージの生成時の内容について説明する。生成時には、ま
ず、図1及び図2に示す様に操作者1によりリクエスト
(カスタムデータ)が入力される(図1及び図2のS
1)。前述の利用明細ページの例では、操作者1による
識別番号などの入力がこれに該当する。次に、このリク
エストが、ブラウザ3、Webサーバプログラム5、及び
インターフェース(CGI)6を介して、CGIプログラム7
へ伝えられる(図1及び図2のS2)。ここまでは、従
来技術で説明したCGIプログラムによる方法と同様であ
る。
Next, a description will be given of the contents at the time of generating a dynamic Web page in this embodiment. At the time of generation, first, a request (custom data) is input by the operator 1 as shown in FIGS. 1 and 2 (S in FIG. 1 and FIG. 2).
1). In the above-described example of the usage statement page, the input of the identification number and the like by the operator 1 corresponds to this. Next, the request is transmitted to the CGI program 7 via the browser 3, the Web server program 5, and the interface (CGI) 6.
(S2 in FIGS. 1 and 2). Up to this point, the method is the same as the method using the CGI program described in the related art.

【0036】リクエストを受取ったCGIプログラム7
は、リクエストに対する返答用のページデザインを定義
したHTMLテンプレート8(例えば、図1のA)の読込み
を、動的Webページ生成プログラム9へ指示する(図1
及び図2のS3)。利用明細ページの例では、図5に示
したCGIプログラム7において、イ部のプログラムコー
ドがこれに該当する部分であり、この例では、"Result.
html"というHTMLテンプレート8の読込みを指示してい
る。すなわち、画面に表示されると図3の様に表示され
る図6に示すHTMLテンプレート8が読込まれる。
CGI program 7 that received the request
Instructs the dynamic Web page generation program 9 to read an HTML template 8 (for example, A in FIG. 1) defining a page design for responding to a request (FIG. 1).
And S3 in FIG. 2). In the example of the usage details page, in the CGI program 7 shown in FIG. 5, the program code of part A corresponds to this, and in this example, "Result.
html ". That is, the HTML template 8 shown in FIG. 6, which is displayed as shown in FIG. 3 when displayed on the screen, is read.

【0037】次に、動的Webページ生成プログラム9は
前記指示に従って、HTMLテンプレートAを読込み(図1
及び図2のS4)、その構文解釈を実行する(図1及び
図2のS5)。ここで行われる構文解釈は、後述する動
的変化部の値を置換する際に、前記置換識別子が付され
た動的変化部の位置をすばやく検出するための作業であ
る。
Next, the dynamic Web page generation program 9 reads the HTML template A according to the above-mentioned instruction (FIG. 1).
And S4 in FIG. 2 and execute the syntax interpretation (S5 in FIGS. 1 and 2). The syntax interpretation performed here is an operation for quickly detecting the position of the dynamic change unit to which the replacement identifier is added when replacing the value of the dynamic change unit described later.

【0038】CGIプログラム7では、前記HTMLテンプレ
ートAの読込み指示後、操作者1のリクエストに応じた
動的変化部の表示値(返答する値)を決定する処理を行
う。いわゆるデザイン生成部に対比した意味でのプログ
ラム部の処理を実行する。例えば、外部データベース1
0に格納されたデータの中から、操作者1のカスタムデ
ータにより該当するデータを抽出するなどの処理が行わ
れる。処理の結果、動的変化部の表示値が決定すると、
HTMLテンプレートAの動的変化部をその表示値に置き換
え、返信用のHTMLドキュメント11(例えば、図1のa
1)を生成する旨の指示を動的Webページ生成プログラム
9へ行う。すなわち、動的変化部に付されたHTMLテンプ
レートAと同一の置換識別子の値が決定された表示値で
あるとして、返信用のHTMLドキュメントa1を生成するよ
う指示を行う(図1及び図2のS6)。
After instructing the reading of the HTML template A, the CGI program 7 performs a process of determining a display value (a value to be replied to) of the dynamic change unit according to the request of the operator 1. The processing of the program section is executed in a sense as compared with a so-called design generation section. For example, external database 1
Processing such as extracting the corresponding data from the data stored in 0 according to the custom data of the operator 1 is performed. When the display value of the dynamic change part is determined as a result of the processing,
The dynamic change part of the HTML template A is replaced with the display value, and the HTML document 11 for reply (for example,
An instruction to generate 1) is issued to the dynamic Web page generation program 9. That is, assuming that the same replacement identifier value as the HTML template A attached to the dynamic change unit is the determined display value, an instruction is given to generate a return HTML document a1 (see FIGS. 1 and 2). S6).

【0039】この部分は、利用明細ページの例において
は、操作者1によって入力された識別番号等のカスタム
データに対応した請求金額をデータベース10から抽出
し、その金額データを動的変化部の値とすることに該当
する。図5のCGIプログラム7において、ロ部のプログ
ラムコードがデータベース10からの該当金額データの
抽出を実行し、ハ部のプログラムコードが、動的変化部
の置換識別子"ChargeList"の値を、抽出した該当金額デ
ータ(図4のx1)の値に置き換える。 そして、ニ部の
プログラムコードが、HTMLテンプレート"Result.html"
の動的変化部("ChargeList")を該当金額データx1に置
き換えた返信用HTMLドキュメント11の生成指示部であ
る。なお、動的変化部Xの表示内容(金額データ)は、
図3及び図4のx0、x1に示す通り、料金項目とその金額
の両方を含んでおり、操作者1(の識別番号)によって
は、料金項目自体が変化する場合もある。
In this example, in the example of the usage details page, the charge amount corresponding to the custom data such as the identification number input by the operator 1 is extracted from the database 10, and the charge amount data is stored in the value of the dynamic change unit. It corresponds to. In the CGI program 7 of FIG. 5, the program code in section B executes extraction of the corresponding amount data from the database 10, and the program code in section C extracts the value of the replacement identifier "ChargeList" of the dynamic change section. Replace with the value of the corresponding amount data (x1 in FIG. 4). And the program code of the second part is HTML template "Result.html"
Is a generation instructing unit of the return HTML document 11 in which the dynamic change unit ("ChargeList") of the is replaced with the corresponding amount data x1. The display contents (amount data) of the dynamic change part X are as follows.
As shown by x0 and x1 in FIG. 3 and FIG. 4, both the charge item and the amount are included, and the charge item itself may change depending on (the identification number of) the operator 1.

【0040】次に、動的Webページ生成プログラム9で
は、上記指示に従い、前述のとおり既に読込んであるHT
MLテンプレートAにおいて、置き換えが指示された置換
識別子が付されている場所(動的変化部X)を検出し、
その値を元のダミーデータx0からCGIプログラム7で決
定された表示値x1に置き換え、返信用HTMLドキュメント
a1を生成する(図1及び図2のS7)。利用明細ページ
の例では、図6に示すHTMLテンプレート"Result.html"
において、置き換えが指示された置換識別子"ChargeLis
t"が付されている動的変化部Xの内容が、ダミーデータx
0から表示値(図4のx1)へ置換されて、返信用のHTML
ドキュメント11が生成される。
Next, in the dynamic Web page generation program 9, according to the above-mentioned instruction, the already read HT
In the ML template A, a place (dynamic change part X) to which the replacement identifier instructed to be replaced is attached is detected,
Replace the value from the original dummy data x0 with the display value x1 determined by the CGI program 7, and return the HTML document
a1 is generated (S7 in FIGS. 1 and 2). In the example of the usage statement page, the HTML template "Result.html" shown in FIG.
In, the replacement identifier "ChargeLis instructed to be replaced
The content of the dynamic change part X marked with "t" is the dummy data x
HTML for reply, replaced from 0 to display value (x1 in Fig. 4)
Document 11 is generated.

【0041】生成された返信用HTMLドキュメントa1は、
操作者1のリクエストに対する返答として、CGIプログ
ラム7の指示によりWebサーバプログラム5に返信され
る(図1及び図2のS8)。図7のCGIプログラム7で
は、ホ部のプログラムコードがこれに該当する。HTMLド
キュメントa1は、従来と同様に、インターフェース(CG
I)6、Webサーバプログラム5、及びブラウザ3を介し
て、操作者1のクライアントシステム2へ送られ、その
画面上に動的に変化した返答のWebページが表示され
る。(図1及び図2のS9)。利用明細ページの例で
は、前述のとおり図4がその返答されたページの一例で
あり、操作者1のリクエストに応じた金額データ(図中
のx1)が表示されている。
The generated response HTML document a1 is
As a response to the request of the operator 1, a reply is sent to the Web server program 5 in accordance with the instruction of the CGI program 7 (S8 in FIGS. 1 and 2). In the CGI program 7 in FIG. 7, the program code in the section E corresponds thereto. HTML document a1 uses the same interface (CG
I) It is sent to the client system 2 of the operator 1 via the Web server program 5 and the browser 3, and the dynamically changed web page of the response is displayed on the screen. (S9 in FIGS. 1 and 2). In the example of the usage details page, FIG. 4 is an example of the page returned as described above, and money amount data (x1 in the figure) according to the request of the operator 1 is displayed.

【0042】以上、説明したような処理が、操作者1か
らのリクエストの度に実行されて、同じデザインのペー
ジであっても、その動的変化部に表示される値がインタ
ラクティブに変化するような動的Webページが実現され
る。
The above-described processing is executed every time a request is made from the operator 1, so that the value displayed in the dynamically changing portion of the page having the same design changes interactively. Dynamic web page is realized.

【0043】なお、図7及び図8は、それぞれ、従来技
術で説明したCGIプログラムあるいはサーバサイドスク
リプトを用いて、上記の利用明細ページを作成した場合
のCGIプログラム及びHTMLテンプレートの例である。図
7に示すCGIプログラムの例では、データベースから該
当金額データを抽出するプログラムの中に、返信用ペー
ジのいわゆるデザイン生成部(図中のd部)が埋め込ま
れる形となっている。また、図8に示すHTMLテンプレー
トの例では、それとは反対に、返信用ページを定義する
HTMLドキュメントの中に、データベースから該当金額デ
ータを抽出するいわゆるプログラム部(図中のp部)が
埋め込まれている。従って、いずれの場合においても、
開発対象物の中に、プログラム部とデザイン生成部が混
在していることがわかる。
FIGS. 7 and 8 show examples of the CGI program and the HTML template when the above-mentioned usage details page is created by using the CGI program or the server-side script described in the related art, respectively. In the example of the CGI program shown in FIG. 7, a so-called design generation unit (part d in the figure) of a reply page is embedded in a program for extracting the corresponding amount data from the database. In the example of the HTML template shown in FIG. 8, on the contrary, a reply page is defined.
In the HTML document, a so-called program section (p section in the figure) for extracting the corresponding amount data from the database is embedded. Therefore, in either case,
It can be seen that the program part and the design generation part are mixed in the development object.

【0044】以上、説明したように、本実施の形態例で
は、開発時に、デザイン生成部を含まないで動的変化部
に置換識別子を付したCGIプログラム7と、プログラム
部を含まないでCGIプログラム7と同一の置換識別子を
いわゆる意味無しタグに埋め込んだHTMLテンプレート8
を作成しておく。そして、Webページの生成時には、動
的Webページ生成プログラム9が、その置換識別子に基
づいて、HTMLテンプレート8の動的変化部の値を、CGI
プログラム7で決定された表示値に置換する役割を果た
すことで、動的Webページを実現している。このよう
に、本実施の形態例では、従来法とは異なり、動的Web
ページの開発対象物がプログラム部とデザイン部に分離
されているため、プログラマーとデザイナーの効率的な
分業が可能となる。
As described above, in the present embodiment, at the time of development, the CGI program 7 in which the replacement identifier is added to the dynamic change unit without including the design generation unit, and the CGI program without the program unit HTML template 8 with the same replacement identifier embedded in so-called meaningless tag 7
Is created. Then, at the time of generating a Web page, the dynamic Web page generation program 9 sets the value of the dynamic change part of the HTML template 8 based on the replacement identifier in the CGI format.
A dynamic Web page is realized by replacing the display value determined by the program 7 with the display value. Thus, in the present embodiment, unlike the conventional method, the dynamic Web
Because the development target of the page is separated into the program section and the design section, the programmer and the designer can be efficiently divided.

【0045】また、CGIプログラム7の中に含まれる動
的変化部の表示内容を決定するプログラムの機能が、汎
用的であり、他の動的Webページ(アプリケーション)
においても頻繁に使用できる場合がある。そのような場
合には、かかる汎用プログラムの部分を動的Webページ
生成プログラム9にライブラリ91として登録してお
き、他のアプリケーションの開発時に、CGIプログラム
7において流用できるようにしてもよい。
The function of the program for deciding the display contents of the dynamic change section included in the CGI program 7 is general-purpose, and is used for other dynamic Web pages (applications).
May be used frequently. In such a case, the part of the general-purpose program may be registered as a library 91 in the dynamic Web page generation program 9 so that the CGI program 7 can use the part when developing another application.

【0046】例えば、前記利用明細ページにおけるデー
タベースからの料金データ抽出機能が、他のアプリケー
ションにおいても頻繁に利用される場合には、その部分
のコード(プログラム)を動的Webページ生成プログラ
ム9のライブラリ91に一つのプログラムモジュールと
して登録しておく。そして、他のアプリケーション開発
時にその機能を使用したい場合には、CGIプログラム7
に、当該プログラムモジュールを呼び出して実行するよ
うに動的Webページ生成プログラム9へ指示するコード
のみを含める。動的Webページの生成時には、CGIプログ
ラム7の指示に基づいて、動的Webページ生成プログラ
ム9が当該ライブラリ化されたプログラムモジュールを
呼び出し、当該プログラムモジュールが実行されて、動
的変化部の表示内容が決定される。このように、登録さ
れたプログラムモジュールを流用することにより、同じ
機能を実行するためのプログラミングを繰り返し行うこ
とが不要となる。
For example, when the function of extracting the charge data from the database on the usage statement page is frequently used in other applications, the code (program) of that part is transferred to the library of the dynamic Web page generation program 9. The program module 91 is registered as one program module. If you want to use that function when developing other applications,
Includes only a code for instructing the dynamic Web page generation program 9 to call and execute the program module. When a dynamic Web page is generated, the dynamic Web page generation program 9 calls the library-ized program module based on an instruction of the CGI program 7, and the program module is executed to display the dynamic change unit. Is determined. In this way, by diverting the registered program modules, it is not necessary to repeatedly perform programming for executing the same function.

【0047】上記利用明細ページの例では、登録するプ
ログラムモジュールのコードが短いが、より複雑な機能
を有し、コーディング量が多い場合には、上記の様にラ
イブラリ化して流用できるようにすることで、動的Web
ページの開発作業の効率と品質を更に向上させることが
できる。ライブラリ化するプログラムモジュールの例と
しては、カレンダー機能や決済機能等を有したものが、
汎用的であり有益であると考えられる。
In the above example of the usage details page, the code of the program module to be registered is short, but it has more complicated functions and if the amount of coding is large, it should be made into a library as described above so that it can be used. And dynamic web
The efficiency and quality of page development work can be further improved. As an example of a program module to be made into a library, one having a calendar function, a payment function, and the like,
It is considered versatile and useful.

【0048】なお、本実施の形態例においては、Webペ
ージを定義するマークアップ言語として、HTMLを用いた
が、他のマークアップ言語を用いてもよい。また、CGI
プログラム7が決定する動的変化部の表示内容を表示値
と表現したが、表示内容を数字や文字に限定するもので
はなく、例えば画像等であってもよい。本発明の保護範
囲は、上記の実施の形態に限定されず、特許請求の範囲
に記載された発明とその均等物に及ぶものである。
In this embodiment, HTML is used as a markup language for defining a Web page, but another markup language may be used. Also, CGI
Although the display content of the dynamic change unit determined by the program 7 is expressed as a display value, the display content is not limited to numbers or characters, and may be, for example, an image. The protection scope of the present invention is not limited to the above embodiments, but extends to the inventions described in the claims and their equivalents.

【0049】[0049]

【発明の効果】以上、本発明によれば、Webページ上の
動的変化部の表示内容を求めるCGIプログラムとWebペー
ジのデザインを画定するマークアップ言語で記述された
テンプレートとを別々に用意しておき、動的Webページ
の生成時には、両者をリンクする置換識別子を利用し
て、前記テンプレートの動的変化部の内容を前記CGIプ
ログラムが決定した内容に置換することにより、動的We
bページを生成する。従って、動的Webページの開発段階
において、動的変化部の内容を決定するCGIプログラム
と、それとは別個の動的Webページの構成を定義するテ
ンプレートを別々に開発することが可能となり、プログ
ラマーとデザイナーの作業を分離することができる。よ
って、動的Webページの開発作業及びその後の変更・更新
等保守作業の効率と品質の向上を図ることが可能とな
る。
As described above, according to the present invention, a CGI program for determining the display content of a dynamically changing portion on a Web page and a template described in a markup language for defining the design of the Web page are separately prepared. In addition, at the time of generation of the dynamic Web page, the content of the dynamically changing part of the template is replaced with the content determined by the CGI program using the replacement identifier linking the two, so that the dynamic Web page is replaced.
Generate b page. Therefore, in the development stage of the dynamic Web page, it is possible to separately develop a CGI program that determines the contents of the dynamic change part and a template that defines the structure of the dynamic Web page separately from the CGI program. Separate the work of the designer. Therefore, it is possible to improve the efficiency and quality of the maintenance work such as the development work of the dynamic Web page and the subsequent change / update.

【0050】更に、動的変化部の表示内容を決定するプ
ログラムモジュール群を、ライブラリとして登録し、他
の動的Webページのアプリケーションにおいても流用で
きるようにすることにより、動的Webページの開発にお
ける効率と品質をより向上させることが可能となる。
Furthermore, by registering a group of program modules for determining the display contents of the dynamic change section as a library so that they can be used in other dynamic Web page applications, a dynamic Web page can be used. Efficiency and quality can be further improved.

【図面の簡単な説明】[Brief description of the drawings]

【図1】本発明を適用した動的Webページ生成プログラ
ムを利用した動的Webページ配信システムの一実施の形
態例を示した図である。
FIG. 1 is a diagram showing an embodiment of a dynamic Web page distribution system using a dynamic Web page generation program to which the present invention is applied.

【図2】図1に示した実施の形態例の処理フローを示し
た図である。
FIG. 2 is a diagram showing a processing flow of the embodiment shown in FIG. 1;

【図3】例として用いた利用明細ページの初期画面(We
bページ)を表した図である。
FIG. 3 is an initial screen (We
b).

【図4】利用明細ページの動的にカスタマイズされて返
答された画面(Webページ)の一例である。
FIG. 4 is an example of a screen (Web page) that is dynamically customized and returned on a usage statement page.

【図5】利用明細ページ用に作成されたCGIプログラム
7の例である。
FIG. 5 is an example of a CGI program 7 created for a usage statement page.

【図6】利用明細ページ用に作成されたHTMLテンプレー
ト8の例である。
FIG. 6 is an example of an HTML template 8 created for a usage statement page.

【図7】従来技術で利用明細ページを作成した場合のCG
Iプログラムの例である。
FIG. 7 is a CG when a usage statement page is created by a conventional technique.
This is an example of an I program.

【図8】従来技術で利用明細ページを作成した場合のHT
MLテンプレートの例である。
FIG. 8 is an HT when a usage statement page is created by a conventional technique.
It is an example of an ML template.

【図9】従来の静的Webページを配信する場合のシステ
ム構成例とその処理フローを示した図である。
FIG. 9 is a diagram showing an example of a system configuration when a conventional static Web page is distributed and a processing flow thereof.

【図10】従来のCGIプログラムを用いた場合のシステ
ム構成例とその処理フローを示した図である。
FIG. 10 is a diagram showing an example of a system configuration when a conventional CGI program is used and a processing flow thereof.

【図11】従来のサーバサイドスクリプトを利用した場
合のシステム構成例とその処理フローを示した図であ
る。
FIG. 11 is a diagram showing a system configuration example and a processing flow when a conventional server-side script is used.

【符号の説明】[Explanation of symbols]

1 操作者 2 クライアントシステム 3 ブラウザ 4 サーバシステム 5 Webサーバプログラム 6 CGI 7 CGIプログラム 8 HTMLテンプレート 9 動的Webページ生成プログラム 10 データベース 11 HTMLドキュメント 91 ライブラリ 1 Operator 2 Client System 3 Browser 4 Server System 5 Web Server Program 6 CGI 7 CGI Program 8 HTML Template 9 Dynamic Web Page Generator 10 Database 11 HTML Document 91 Library

───────────────────────────────────────────────────── フロントページの続き (72)発明者 松葉 知則 東京都中央区日本橋本町4−6−10 株式 会社トゥインコミュニケーション内 (72)発明者 長谷川 裕司 東京都目黒区中央町2−6−8 セントラ ルシャトー203号室 Fターム(参考) 5B082 EA07 GA02 GA16 HA08 5B089 GB03 JA23 JB02 KA10  ──────────────────────────────────────────────────続 き Continuing on the front page (72) Inventor Tomonori Matsuba 4-6-10 Nihonbashi Honmachi, Chuo-ku, Tokyo Inside Twin Communication Co., Ltd. (72) Inventor Yuji 2-6-8 Chuo-cho, Meguro-ku, Tokyo Centra Le Chateau Room 203 F-term (reference) 5B082 EA07 GA02 GA16 HA08 5B089 GB03 JA23 JB02 KA10

Claims (7)

【特許請求の範囲】[Claims] 【請求項1】操作者の入力操作に応じて表示内容が変化
する動的変化部を有する動的Webページの該動的変化部
の表示内容をCGIプログラムによって決定する動的Webペ
ージ生成プログラムを記録した記憶媒体であって、 該動的Webページの構成がマークアップ言語により記述
され、該動的変化部には該CGIプログラムに埋め込まれ
た置換識別子と同一の置換識別子が付されている予め作
成されたテンプレートに対して、該置換識別子に基づい
て、該テンプレート内の該動的変化部の内容を該CGIプ
ログラムで決定した該動的変化部の表示内容に置換し、
返信用の該動的Webページのマークアップ言語で記述さ
れたドキュメントを生成するステップをコンピュータに
実行させることを特徴とする動的Webページ生成プログ
ラムを記録した記憶媒体。
1. A dynamic Web page generating program for determining a display content of a dynamic change section of a dynamic Web page having a dynamic change section whose display content changes according to an input operation of an operator by a CGI program. A storage medium in which the structure of the dynamic Web page is described in a markup language, and the dynamic change unit has the same replacement identifier as the replacement identifier embedded in the CGI program. For the created template, based on the replacement identifier, replace the content of the dynamic change portion in the template with the display content of the dynamic change portion determined by the CGI program,
A storage medium storing a dynamic Web page generation program, which causes a computer to execute a step of generating a document described in a markup language of the dynamic Web page for a reply.
【請求項2】請求項1において、 前記テンプレートの動的変化部に付されている置換識別
子が、当該動的変化部のタグ内に記述されていることを
特徴とする動的Webページ生成プログラムを記録した記
憶媒体。
2. The dynamic Web page generation program according to claim 1, wherein a replacement identifier attached to the dynamic change part of the template is described in a tag of the dynamic change part. Storage medium on which is recorded.
【請求項3】請求項1あるいは請求項2において、更
に、 前記動的変化部の表示内容を決定する機能を有し、予め
ライブラリとして登録されているプログラムモジュール
群を、前記動的Webページの生成時に、前記CGIプログラ
ムの指示に基づいてコンピュータに実行させることを特
徴とする動的Webページ生成プログラムを記録した記憶
媒体。
3. The dynamic Web page according to claim 1, further comprising a function of deciding display contents of said dynamic change unit, wherein said program module group is registered in advance as a library. A storage medium storing a dynamic Web page generation program, which is executed by a computer at the time of generation based on an instruction of the CGI program.
【請求項4】操作者の入力操作に応じて表示内容が変化
する動的変化部を有する動的Webページの生成方法にお
いて、 予め作成されたCGIプログラムにより、該操作者の入力
操作に応じて該動的変化部の表示内容を決定する第一の
ステップと、 該動的Webページの構成がマークアップ言語により記述
され、該動的変化部には該CGIプログラムに埋め込まれ
た置換識別子と同一の置換識別子が付されている予め作
成されたテンプレートの該動的変化部の内容を、該置換
識別子に基づいて該第一のステップで決定された表示内
容に置換することにより、返信用の該動的Webページの
マークアップ言語で記述されたドキュメントを生成する
第二のステップを有することを特徴とする動的Webペー
ジの生成方法。
4. A method for generating a dynamic Web page having a dynamic change part whose display content changes in response to an input operation by an operator, the method comprising the steps of: A first step of determining the display content of the dynamic change unit; and a configuration of the dynamic Web page is described in a markup language, and the dynamic change unit has the same replacement identifier embedded in the CGI program. By replacing the content of the dynamic change portion of the pre-created template with the replacement identifier with the display content determined in the first step based on the replacement identifier, the A method for generating a dynamic Web page, comprising a second step of generating a document described in a dynamic Web page markup language.
【請求項5】請求項4において、 前記第一のステップにおける動的変化部の表示内容の決
定が、 前記CGIプログラムの指示に基づいて、予め前記動的変
化部の表示内容を決定するために開発されライブラリと
して登録されているプログラムモジュール群を、呼び出
して実行させることにより行われることを特徴とする動
的Webページの生成方法。
5. The method according to claim 4, wherein the determination of the display content of the dynamic change unit in the first step is performed based on an instruction of the CGI program. A method of generating a dynamic Web page, which is performed by calling and executing a group of program modules developed and registered as a library.
【請求項6】操作者の入力操作に応じて表示内容が変化
する動的変化部を有する動的Webページの開発方法にお
いて、 該操作者の入力操作に応じて該動的変化部の表示内容を
決定するCGIプログラムをプログラミングするステップ
と、 該CGIプログラムとは別個のテンプレートであって、該
動的Webページの構成を定義し、該動的変化部には該CGI
プログラムに埋め込まれた置換識別子と同一の置換識別
子が付されるテンプレートをマークアップ言語で記述す
るステップを有することを特徴とする動的Webページの
開発方法。
6. A method for developing a dynamic Web page having a dynamic change section whose display content changes in response to an input operation of an operator, the display content of the dynamic change section in response to an input operation of the operator Programming a CGI program that determines the configuration of the dynamic Web page, wherein the template is separate from the CGI program and defines the structure of the dynamic Web page.
A method for developing a dynamic Web page, comprising a step of describing, in a markup language, a template to which the same replacement identifier as a replacement identifier embedded in a program is attached.
【請求項7】請求項6において、 前記CGIプログラムをプログラミングするステップが、 前記動的変化部の表示内容を決定するために開発され、
予めライブラリとして登録されているプログラムモジュ
ール群を利用して行われることを特徴とする動的Webペ
ージの開発方法。
7. The method of claim 6, wherein the step of programming the CGI program is developed to determine display content of the dynamic changer,
A method for developing a dynamic Web page, wherein the method is performed by using a group of program modules registered as a library in advance.
JP30324199A 1999-10-26 1999-10-26 Dynamic web page generation program Pending JP2001125855A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP30324199A JP2001125855A (en) 1999-10-26 1999-10-26 Dynamic web page generation program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP30324199A JP2001125855A (en) 1999-10-26 1999-10-26 Dynamic web page generation program

Publications (1)

Publication Number Publication Date
JP2001125855A true JP2001125855A (en) 2001-05-11

Family

ID=17918584

Family Applications (1)

Application Number Title Priority Date Filing Date
JP30324199A Pending JP2001125855A (en) 1999-10-26 1999-10-26 Dynamic web page generation program

Country Status (1)

Country Link
JP (1) JP2001125855A (en)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002007271A (en) * 2000-06-22 2002-01-11 Tyd:Kk Method and device for assisting homepage opening, and recording medium recorded with homepage opening assisting program
FR2823332A1 (en) * 2001-04-05 2002-10-11 Smart Brochure Informative data file displays for enriching a telecommunication network connected electronic catalogue, uses a two argument connector link comprising identifier and name to access external data
JP2004259276A (en) * 2003-02-24 2004-09-16 Microsoft Corp System, method, and medium for generating contents item
US7171455B1 (en) * 2000-08-22 2007-01-30 International Business Machines Corporation Object oriented based, business class methodology for generating quasi-static web pages at periodic intervals
JP2007094780A (en) * 2005-09-29 2007-04-12 Nomura Research Institute Ltd Screen information providing server, screen information providing method and program
JP2007233923A (en) * 2006-03-03 2007-09-13 Nomura Research Institute Ltd Screen information producing method, screen information producing system, and screen information producing program
US7765464B2 (en) 2007-01-12 2010-07-27 International Business Machines Corporation Method and system for dynamically assembling presentations of web pages
JP2011090573A (en) * 2009-10-23 2011-05-06 Rakuten Inc Information providing device, method, and program
US8126901B2 (en) 2006-10-19 2012-02-28 International Business Machines Corporation Method and apparatus for generating a dynamic web page
CN112559100A (en) * 2020-12-08 2021-03-26 北京航天云路有限公司 User-defined configuration dynamic webpage generation method

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002007271A (en) * 2000-06-22 2002-01-11 Tyd:Kk Method and device for assisting homepage opening, and recording medium recorded with homepage opening assisting program
US7171455B1 (en) * 2000-08-22 2007-01-30 International Business Machines Corporation Object oriented based, business class methodology for generating quasi-static web pages at periodic intervals
US7925719B2 (en) 2000-08-22 2011-04-12 International Business Machines Corporation Object oriented based, business class methodology for generating quasi-static web pages at periodic intervals
FR2823332A1 (en) * 2001-04-05 2002-10-11 Smart Brochure Informative data file displays for enriching a telecommunication network connected electronic catalogue, uses a two argument connector link comprising identifier and name to access external data
JP2004259276A (en) * 2003-02-24 2004-09-16 Microsoft Corp System, method, and medium for generating contents item
JP2007094780A (en) * 2005-09-29 2007-04-12 Nomura Research Institute Ltd Screen information providing server, screen information providing method and program
JP2007233923A (en) * 2006-03-03 2007-09-13 Nomura Research Institute Ltd Screen information producing method, screen information producing system, and screen information producing program
US8126901B2 (en) 2006-10-19 2012-02-28 International Business Machines Corporation Method and apparatus for generating a dynamic web page
US7765464B2 (en) 2007-01-12 2010-07-27 International Business Machines Corporation Method and system for dynamically assembling presentations of web pages
JP2011090573A (en) * 2009-10-23 2011-05-06 Rakuten Inc Information providing device, method, and program
CN112559100A (en) * 2020-12-08 2021-03-26 北京航天云路有限公司 User-defined configuration dynamic webpage generation method

Similar Documents

Publication Publication Date Title
US10445411B2 (en) Document automation systems
US8055997B2 (en) System and method for implementing dynamic forms
CN100504766C (en) Method for implementing programming interface and computer system
US20030037076A1 (en) Method, computer program and system for style sheet generation
CN100440222C (en) System and method for text legibility enhancement
US7836119B2 (en) Distributed execution model for cross-organizational declarative web applications
US6282539B1 (en) Method and system for database publishing
US20040221233A1 (en) Systems and methods for report design and generation
US8839192B2 (en) System and method for presentation of cross organizational applications
CN101661512A (en) System and method for identifying traditional form information and establishing corresponding Web form
CN110020307A (en) A kind of method for drafting and device of client&#39;s end-view
KR20090005097A (en) Systems and methods of transforming data for web communities and web applications
CN109710250B (en) Visualization engine system and method for constructing user interface
US20050108681A1 (en) Method and system for applying user interface elements to data
JP2001125855A (en) Dynamic web page generation program
US20070094289A1 (en) Dynamic, hierarchical data exchange system
US20050138547A1 (en) Managing address identification information in a software application
CN102142004B (en) Service processing method and service engine
KR100902193B1 (en) A System For Composing Report, A Method ? A System For Providing A Made-To-Order Report, And A Storage Medium
CN114968220A (en) Dynamic portal design method and device
Tallis et al. The Briefing Associate: A Role for COTS applications in the Semantic Web.
CN111949266B (en) Webpage generation method and device and electronic equipment
US20050080608A1 (en) Simulator for request/response systems
Frank Enhancing object-oriented modeling with concepts to integrate electronic documents
JP6331307B2 (en) Information processing apparatus, information processing apparatus control method, and program