JP2000276396A - Web site construction system, its method and storage medium recording its processing program - Google Patents

Web site construction system, its method and storage medium recording its processing program

Info

Publication number
JP2000276396A
JP2000276396A JP11079870A JP7987099A JP2000276396A JP 2000276396 A JP2000276396 A JP 2000276396A JP 11079870 A JP11079870 A JP 11079870A JP 7987099 A JP7987099 A JP 7987099A JP 2000276396 A JP2000276396 A JP 2000276396A
Authority
JP
Japan
Prior art keywords
rdb
user
web site
www browser
setting
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
JP11079870A
Other languages
Japanese (ja)
Inventor
Koji Yatome
宏治 矢留
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.)
Hitachi Information Systems Ltd
Original Assignee
Hitachi Information Systems Ltd
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 Hitachi Information Systems Ltd filed Critical Hitachi Information Systems Ltd
Priority to JP11079870A priority Critical patent/JP2000276396A/en
Publication of JP2000276396A publication Critical patent/JP2000276396A/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 obtain web site construction system and method capable of constructing a web site cooperated with a data base without executing program ming and a storage medium recording a program for web site construction processing. SOLUTION: The system is provided with a web site construction tool 11 for preparing information for specifying a relational data base(RDB) and a table in the RDB on the basis of interactive operation with a user by a GUI and storing the prepared information in a site information file 14, a web page design tool 12 for preparing a web page file 13 displayed by a www browser on the basis of the interactive operation with the user by the GUI and padding DB information for specifying the table of the RDB which is to be operated from the browser in the file 13 and a CGI program 15 started from a web server program so as to execute processing for the table requested from the browser by accessing the RDB table specified by the DB information in the file 13. Thus the system constructs a web site for executing operation for the RDB by operation from the browser on the basis of the interactive operation with the user by the GUI.

Description

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

【0001】[0001]

【発明の属する技術分野】本発明は、インターネットあ
るいはイントラネットのWorld Wide Web(以下、「WW
W」と記載)によって情報を提供するWebサイトの構
築技術に係り、特に、ネットワーク上に存在するリレー
ショナル・データベースと連携するWebサイトを効率
的に構築するのに好適なWebサイト構築システムと方
法およびその処理プログラムを記録した記録媒体に関す
るものである。
The present invention relates to the World Wide Web (hereinafter referred to as "WW") of the Internet or an intranet.
W "), and in particular, a website construction system and method suitable for efficiently constructing a website that cooperates with a relational database existing on a network, and The present invention relates to a recording medium on which the processing program is recorded.

【0002】[0002]

【従来の技術】インターネット技術の普及に伴い、WW
Wによって多種多様な情報発信を行うWebサイトが数
多く構築されている。最近では、WWWとデータベース
管理システムとを連携させ、WWWサーバにアクセスす
るブラウザでデータベースに蓄積されたデータを表示し
たり、追加、更新、削除のデータメインテナンス処理を
可能にしたWebサイトも増えてきている。
2. Description of the Related Art With the spread of Internet technology, WW
Many websites for transmitting various kinds of information by W have been constructed. Recently, the number of Web sites that link the WWW with a database management system to display data stored in a database with a browser that accesses a WWW server and to enable data maintenance processing of addition, update, and deletion has been increasing. I have.

【0003】このWWWとデータベース管理システムと
を連携する技術としては、例えば、特開平10−198
596号公報に記載のものがある。この技術では、例え
ば、静的HTML(Hyper Text Markup Language)ファ
イルで表示されており、データベースで管理されている
商品情報のような情報があるとして、そのような情報
を、情報更新ツールを用いてDBMS(Data Base Mang
ement System)中のデータベースを更新する。
As a technique for linking the WWW with the database management system, for example, Japanese Patent Laid-Open No. 10-198
No. 596 is disclosed. In this technology, for example, it is assumed that there is information such as merchandise information which is displayed in a static HTML (Hyper Text Markup Language) file and is managed in a database, and such information is obtained by using an information updating tool. DBMS (Data Base Mang
ement System) to update the database.

【0004】この情報更新ツールは、情報を通常静的に
表示している静的HTMLファイルのテンプレートを呼
出して、更新されたデータによる新しい情報を埋め込ん
だ新しい静的HTMLファイルを作成し、これを今まで
のファイルと置換える。このようにしてデータベースの
最新の情報をブラウザで表示することを可能にしてい
る。
This information updating tool calls a template of a static HTML file which normally displays information statically, creates a new static HTML file in which new information based on updated data is embedded, and creates a new static HTML file. Replace with existing file. In this way, the latest information in the database can be displayed on the browser.

【0005】現在市場にあるリレーショナル・データベ
ース管理システムにおいては、データベース上のデータ
を、インターネットあるいは、イントラネットを介した
ウェブ・サーバ・データ・アクセスによりメンテナンス
(追加・更新・削除)する為の機能は提供されていな
い。
[0005] In relational database management systems currently on the market, a function for maintaining (adding, updating, deleting) data on a database by web server data access via the Internet or an intranet is provided. It has not been.

【0006】従って、インターネットあるいは、イント
ラネットを介してリレーショナル・データベース管理シ
ステム上のデータに対してメンテナンス(追加・更新・
削除)を行うWebサイトを構築するには、スクリプト
と呼ばれる処理手順を記述したテキスト(文字列)等を
使用してプログラミングすることにより実現しなければ
ならない。
Therefore, maintenance (addition / update / update) of data on a relational database management system is performed via the Internet or an intranet.
In order to construct a Web site for performing (deletion), it must be realized by programming using a text (character string) describing a processing procedure called a script.

【0007】このように、従来の連携したデータベース
のデータメンテナンスを行なうWebサイトの構築技術
では、プログラミングにより処理の追加が必要となる。
また、既存データの中から目的のデータを抽出するため
の検索用Webページや、一覧表示Webページなどを
追加する場合、プログラミングにより別途作成しなけれ
ばならない。
[0007] As described above, in the conventional Web site construction technology for performing data maintenance of the linked database, it is necessary to add processing by programming.
In addition, when a search Web page for extracting target data from existing data, a list display Web page, and the like are added, they must be separately created by programming.

【0008】このことから、データベースのデータメン
テナンスを行なうWebサイトを構築するには、データ
ベースに関する知識やプログラミング技術、および、イ
ンターネットのWeb上で情報発信するための基本言語
であるHTMLの知識などが必要となり、これらの知
識、技術を持たないWebサイトの提供者には自分でこ
のようなWebサイトを構築することが困難である。
[0008] Therefore, in order to construct a Web site for performing data maintenance of a database, knowledge of the database, programming technology, and knowledge of HTML which is a basic language for transmitting information on the Internet Web are required. Therefore, it is difficult for a Web site provider who does not have such knowledge and technology to construct such a Web site by himself.

【0009】[0009]

【発明が解決しようとする課題】解決しようとする問題
点は、従来の技術では、データベースに関する知識やプ
ログラミング技術、およびHTMLの知識などを持って
いなければ、WWWサーバとデータベースとを連携させ
たWebサイトの構築およびメンテナンスを行なうこた
ができない点である。
The problem to be solved is that, in the prior art, unless the user has knowledge about a database, programming technology, and HTML, etc., the WWW server and the database are linked. The point is that the site cannot be constructed and maintained.

【0010】本発明の目的は、これら従来技術の課題を
解決し、プログラミングすることなく、データベースと
連携したWebサイトを構築することを可能とするWe
bサイト構築システムと方法およびその処理プログラム
を記録した記録媒体を提供することである。
An object of the present invention is to solve the problems of the prior art and to make it possible to construct a Web site linked to a database without programming.
It is an object of the present invention to provide a b-site construction system and method and a recording medium on which a processing program is recorded.

【0011】[0011]

【課題を解決するための手段】上記目的を達成するた
め、本発明のWebサイト構築システムと方法は、WW
WとRBDとを連携させ、WWWブラウザからの操作で
RDBに対する参照、更新、追加、削除を行なうWeb
サイトを構築する際、GUIによるユーザとの対話的操
作に基づきWebサイトを構築する。そのために、使用
するデータベースに関する情報や、接続情報などを、サ
イト情報ファイルとして保存し、Webサイトの作成
時、運用時に使用する。
In order to achieve the above object, a system and method for constructing a Web site according to the present invention comprises:
Web that links W and RBD and references, updates, adds and deletes RDB by operation from WWW browser
When constructing a site, a Web site is constructed based on an interactive operation with a user using a GUI. For this purpose, information on a database to be used, connection information, and the like are stored as a site information file, and are used when creating and operating a Web site.

【0012】[0012]

【発明の実施の形態】以下、本発明の実施の形態を、図
面により詳細に説明する。図1は、本発明のWebサイ
ト構築システムの本発明に係る構成の一実施例を示すブ
ロック図である。本図1において、1はデータメンテナ
ンスWebサイトを作成するユーザ、2は構築するWe
bサイト関連情報を収容するサーバマシン、3はサーバ
マシン2に構築されたWebサイトをWWWブラウザ1
7で参照、更新するクライアントマシンである。
Embodiments of the present invention will be described below in detail with reference to the drawings. FIG. 1 is a block diagram showing an embodiment of a configuration according to the present invention of a Web site construction system of the present invention. In FIG. 1, reference numeral 1 denotes a user who creates a data maintenance Web site;
b, a server machine for storing site-related information, and 3 a Web site constructed on the server machine 2 by a WWW browser 1.
7 is a client machine to be referenced and updated.

【0013】サーバマシン2には、データベース管理シ
ステムを含むデータメンテナンス対象の既存データベー
ス10と、Webサイト構築ツール11、ページデザイ
ンツール12、CGI(Common Gateway Interface)プ
ログラム15、WWWサーバプログラム16等が設けら
れ、これらは、図示していないCD−ROM(Compact
Disc - Read Only Memory)等の記録媒体に記録された
処理プログラムおよびデータをインストールして実装さ
れる。
The server machine 2 is provided with an existing database 10 for data maintenance including a database management system, a Web site construction tool 11, a page design tool 12, a CGI (Common Gateway Interface) program 15, a WWW server program 16, and the like. These are a CD-ROM (Compact) not shown.
It is installed by installing a processing program and data recorded on a recording medium such as a Disc-Read Only Memory).

【0014】Webサイト構築ツール11は、ユーザ1
と画面表示装置およびマウスやキーボードからなる入力
装置を使用して構築しようとするWebサイトについて
の各種定義情報をGUI(Graphical User Interface)
で入力し、その入力された定義情報をサイト情報ファイ
ル14として出力する。
[0014] The Web site construction tool 11
GUI (Graphical User Interface) for various definition information about a Web site to be constructed using an input device such as a screen display device and a mouse and a keyboard.
And outputs the input definition information as the site information file 14.

【0015】ページデザインツール12は、ユーザ1か
らの、クライアントマシン3のWWWブラウザ17で表
示されるWebページ構成および各Webページのレイ
アウト等の定義結果をHTMLファイル13として出力
する。
The page design tool 12 outputs, as an HTML file 13, a definition result from the user 1 such as a web page configuration displayed on the WWW browser 17 of the client machine 3 and a layout of each web page.

【0016】CGIプログラム15は、WWWブラウザ
17のリクエストを受信したWWWサーバプログラム1
6から起動され、WWWブラウザ17の表示画面データ
を作成する。以下、図2を用いて、Webサイト構築ツ
ール11について、その詳細を説明する。
[0016] The CGI program 15 is a WWW server program 1 that has received a request from the WWW browser 17.
6 and generates display screen data of the WWW browser 17. Hereinafter, the Web site construction tool 11 will be described in detail with reference to FIG.

【0017】図2は、図1におけるWebサイト構築ツ
ールの処理動作例を示す説明図である。本例は、図1の
Webサイト構築ツール11におけるGUIの例を示し
ている。ユーザ1は対話形式でWebサイト構築ツール
11から要求された順に、候補リストから定義すべき事
項を選択あるいは入力する。
FIG. 2 is an explanatory diagram showing an example of the processing operation of the Web site construction tool in FIG. This example shows an example of a GUI in the website construction tool 11 of FIG. The user 1 selects or inputs items to be defined from the candidate list in the order requested by the Web site construction tool 11 in an interactive manner.

【0018】この入力情報は、入力順に以下のとおりと
なる。 (1)Webサイトのタイプ:既存データベース10上
のテーブルに対して、参照のみを行う参照系のWebサ
イトにする、あるいは、メンテナンス機能(データの追
加、更新、削除)を付加した更新系のWebサイトにす
るかを決定する。 (2)Webサイトページ構成:システムで準備した数
種類のWebページ構成の中から適当な構成タイプを選
択しWebサイトのスタイル決定する。
The input information is as follows in the order of input. (1) Web site type: A reference Web site that performs only reference to a table on the existing database 10, or an update Web site to which a maintenance function (data addition, update, and deletion) is added. Decide if you want a site. (2) Web site page configuration: An appropriate configuration type is selected from several types of Web page configurations prepared by the system, and the style of the Web site is determined.

【0019】(3)接続(連携)するデータベース情
報:図2のGUI画面11aを介して、既存データベー
ス10にアクセスするためのODBCデータソース名の
選択と、データベース種別(データベース10のデータ
ベース管理システムの名称)の選択をする。尚、ODB
Cとは、Open DataBase Connecti
vityの略であり、米マイクロソフト社が提唱するデ
ータベースへの接続規格であり、各種アプリケーション
ソフトから各種データベースファイルや、サーバ上にあ
るデータベースエンジンへアクセスする仕組みを標準化
しようとするものである。
(3) Database information to be connected (cooperated): An ODBC data source name for accessing the existing database 10 is selected via the GUI screen 11a of FIG. 2, and a database type (for the database management system of the database 10). Name). ODB
C is Open DataBase Connecti
It is an abbreviation of "vitity" and is a database connection standard proposed by Microsoft Corporation in the United States. It aims to standardize a mechanism for accessing various database files from various application software and a database engine on a server.

【0020】(4)ユーザ名、パスワードの設定:デー
タベースにアクセスするためのユーザ名、パスワードを
入力する。 (5)使用するテーブルの選択:図2のGUI画面11
bを介して、使用するデータベースのテーブル構成にお
いてメインとなるテーブルを1つ選択する。ここで設定
したテーブルに対してデータの検索や追加、更新を行
う。
(4) Setting of user name and password: A user name and password for accessing the database are input. (5) Selection of table to be used: GUI screen 11 in FIG.
Through b, one main table in the table structure of the database to be used is selected. Search, add, or update data for the table set here.

【0021】(6)関連テーブルの設定:関連テーブル
が存在するとき、ここでメインテーブルとその関連テー
ブルとの関連情報を定義する。 (7)サイト名、サイトディレクトリの設定:図2のG
UI画面11cを介して、作成するWebサイトの名称
とWebサイトを構成するファイル(HTMLファイル
等)が配置されるディレクトリ名の指定をする。
(6) Setting of a related table: When a related table exists, related information between the main table and the related table is defined here. (7) Setting of site name and site directory: G in FIG.
Through the UI screen 11c, the user specifies the name of the Web site to be created and the name of the directory in which files (HTML files and the like) constituting the Web site are located.

【0022】そして、Webサイト構築ツール11は、
入力された各情報をサイト情報ファイル14に新規We
bサイトとして登録を行い、サーバマシン2の物理ディ
スク上に、ユーザ1から指定されたディレクトリを作成
し、WWWサーバプログラム16に対して、指定された
名称でWebサイトの登録を行う。
Then, the Web site construction tool 11
The entered information is added to the site information file 14 as a new Web
Registration is performed as a site b, a directory specified by the user 1 is created on the physical disk of the server machine 2, and a Web site is registered in the WWW server program 16 with the specified name.

【0023】次に、図1におけるページデザインツール
12について説明する。ページデザインツール12で
は、ユーザ1とのGUIによる対話的な操作に基づき、
ブラウザ表示画面に既存データベース10のデータを表
示する部分のデザインや、構成されるWebページ(W
ebサイト構築ツール11において、作成するWebサ
イトのスタイルで選択されたページ構成に属するペー
ジ)間のリンクなどの設定を行う。
Next, the page design tool 12 in FIG. 1 will be described. In the page design tool 12, based on an interactive operation by the GUI with the user 1,
The design of the part for displaying the data of the existing database 10 on the browser display screen and the Web page (W
In the website construction tool 11, a link between pages (pages belonging to the page configuration selected in the style of the website to be created) is set.

【0024】この時、ページデザインツール12は、サ
イト情報ファイル14から、作成対象となるWebサイ
トの情報を読み出し、その情報に基づきデータベース1
0にアクセスして、Webページ作成において選択可能
な「列」の一覧を、GUI画面上に表示する。
At this time, the page design tool 12 reads out the information of the Web site to be created from the site information file 14, and based on the information, the database 1
0, and a list of “columns” that can be selected in creating a web page is displayed on the GUI screen.

【0025】ここで「列」とは、データベース上のテー
ブルに含まれる項目のことである。つまり、テーブルに
格納する情報の種類の1つ1つが列になる。従って、ペ
ージデザインツール12のGUI画面上に表示される列
の一覧は、データベース上の指定したテーブルに含まれ
るデータ項目の一覧になる。
Here, "column" means an item included in a table on the database. That is, each of the types of information stored in the table is a column. Therefore, the list of columns displayed on the GUI screen of the page design tool 12 is a list of data items included in the specified table on the database.

【0026】図3は、図1におけるページデザインツー
ルの処理動作例を示す説明図である。本例は、図1のペ
ージデザインツール12におけるGUI画面の表示例を
示している。ユーザ1は、各Webページ毎に、そのW
ebページ内において使用する列を、GUI画面12a
における画面左側の選択対象列リストから、画面右側の
ページ作成対象列リスト内へコピーすることで選択の処
理を行う(GUI画面12b)。
FIG. 3 is an explanatory diagram showing an example of the processing operation of the page design tool in FIG. This example shows a display example of a GUI screen in the page design tool 12 of FIG. The user 1 uses the W
The column used in the eb page is displayed on the GUI screen 12a.
The selection process is performed by copying from the selection target column list on the left side of the screen to the page creation target column list on the right side of the screen (GUI screen 12b).

【0027】そしてページデザインツール12は、この
ように選択された列の情報を元にHTMLファイル13
の作成を行う。この時、ページデザインツール12は、
CGIプログラム15が実行するHTMLコードによる
処理記述を、タグ(<#…>マーク)を付加して、作成
するHTMLファイル13に埋め込む。
Then, the page design tool 12 generates an HTML file 13 based on the information of the column selected in this manner.
Create. At this time, the page design tool 12
A process description in HTML code executed by the CGI program 15 is embedded in the created HTML file 13 with a tag (<# ...> mark) added.

【0028】このように、ユーザ1がWebサイト構築
ツール11とページデザインツール12、2つのツール
プログラムのGUI操作を行うことにより、目的のWe
bサイトを定義、構築できたことになる。その構築され
たWebサイトに関する定義情報は、サイト情報ファイ
ル14とHTMLファイル13とCGIプログラム15
の中に作成されている。
As described above, when the user 1 performs the GUI operation of the Web site construction tool 11, the page design tool 12, and the two tool programs, the target Web
This means that the site b has been defined and constructed. The definition information on the constructed Web site includes a site information file 14, an HTML file 13, and a CGI program 15.
Is created inside.

【0029】次に、このようにして構築したWebサイ
トを、図1におけるクライアントマシン21のWWWブ
ラウザ23から表示する場合の処理動作について説明す
る。まず、WWWブラウザ23から、サーバマシン2上
にあるWebサイトに対して、処理の実行、あるいは、
次に閲覧するWebページをWWWブラウザ23上に表
示させるリクエストを送信する。
Next, the processing operation when the Web site constructed in this way is displayed from the WWW browser 23 of the client machine 21 in FIG. 1 will be described. First, processing is executed from the WWW browser 23 to a Web site on the server machine 2, or
Next, a request to display a web page to be browsed on the WWW browser 23 is transmitted.

【0030】サーバマシン2では、WWWブラウザ23
から送信されたリクエストをWWWサーバプログラム1
6で受信すると、このWWWサーバプログラム16がC
GIプログラム15を起動する。
In the server machine 2, the WWW browser 23
Request sent from WWW server program 1
6, the WWW server program 16
The GI program 15 is started.

【0031】CGIプログラム15は、次に閲覧するW
ebページのHTMLファイル13と、サイト情報ファ
イル14を参照し、データベース10に対して検索、デ
ータの新規追加・更新・削除等の処理を実行する。検索
の場合には、その検索結果のデータを、また、新規追
加、更新、削除の場合には、成功したか否かの結果を、
参照しているHTMLファイル13上に出力する。
The CGI program 15 reads the next W
With reference to the HTML page 13 of the web page and the site information file 14, the database 10 is searched, and processing such as new addition / update / deletion of data is executed. In the case of a search, the data of the search result, and in the case of a new addition, update, or deletion, the result of success or failure,
Output to the referenced HTML file 13.

【0032】WWWサーバプログラム16は、CGIプ
ログラム15の処理結果が反映されたHTMLファイル
13を、WWWブラウザ23に対してリクエストの応答
として返信する。以下、図4を用いて、このような図1
におけるWebサイト構築システムの処理動作例を説明
する。
The WWW server program 16 returns the HTML file 13 on which the processing result of the CGI program 15 is reflected to the WWW browser 23 as a response to the request. Hereinafter, such FIG. 1 will be described with reference to FIG.
An example of the processing operation of the Web site construction system in FIG.

【0033】図4は、図1におけるWebサイト構築シ
ステムの本発明に係る処理動作例を示すフローチャート
である。本例は、WWWサーバプログラム16とCGI
プログラム15における処理を示したものであり、ステ
ップ101,102,109がWWWサーバプログラム
16の処理、また、ステップ103〜108までの処理
がCGIプログラム15の処理である。
FIG. 4 is a flowchart showing an example of a processing operation according to the present invention of the Web site construction system in FIG. In this example, the WWW server program 16 and the CGI
The processing in the program 15 is shown. Steps 101, 102, and 109 are the processing of the WWW server program 16, and the processing of steps 103 to 108 is the processing of the CGI program 15.

【0034】ステップ102においては、図1のWWW
サーバプログラム16が、リクエストを受信した時に渡
された引数であるサイト名と対象のHTMLファイル1
3の名称を使用して、CGIプログラム15を起動す
る。ステップ103〜107においては、対象HTML
ファイル13を解析する。
In step 102, the WWW shown in FIG.
The server name and the target HTML file 1 which are the arguments passed when the server program 16 receives the request
The CGI program 15 is started using the name of the CGI. In steps 103 to 107, the target HTML
The file 13 is analyzed.

【0035】すなわち、ステップ104においては、C
GIプログラム15が処理対象とする印である“<#…
>"のタグがあるか否かを判断し、無い場合には、ステ
ップ107において、全てを読込んだか否かを判断す
る。また、ステップ104においてタグが存在した場合
には、まずステップ105で、そのタグの指示に従いC
GIプログラム15内で処理を実行する。
That is, in step 104, C
"<# ..." which is a mark to be processed by the GI program 15
It is determined whether or not there is a tag of >>. If not, it is determined in step 107 whether or not all tags have been read. , Follow the instructions of the tag
The processing is executed in the GI program 15.

【0036】その際、データベース10のテーブルに対
して、検索、新規追加、更新、削除のデータ処理を実行
する。そして、ステップ106において、このステップ
105での結果を、対象HTMLファイル13の該当す
る位置に、HTMLのフォーマットに従い記述する。
At this time, data processing of search, new addition, update, and deletion is performed on the table of the database 10. Then, in step 106, the result of step 105 is described in a corresponding position of the target HTML file 13 according to the HTML format.

【0037】ステップ107において、対象HTMLフ
ァイル内の全ての行を読み込み、一連の処理が終了した
後、ステップ108で、対象HTMLファイル13をW
WWサーバプログラム16に返す。WWWサーバプログ
ラム16は、このHTMLファイル13を、リクエスト
元であるクライアントマシン3のWWWブラウザ17に
送信する(ステップ109)。
In step 107, all the lines in the target HTML file are read, and after a series of processing is completed, in step 108, the target HTML file 13
Return to WW server program 16. The WWW server program 16 transmits the HTML file 13 to the WWW browser 17 of the client machine 3 that has made the request (Step 109).

【0038】以下、図5〜図8を用いて、図1における
Webサイト構築ツール11で表示する各GUI画面例
を説明する。図5は、図1におけるWebサイト構築ツ
ールが表示する第1のGUI画面例を示す説明図であ
る。本例は、接続するデータベースとそのデータベース
のDBMS名をリスト表示して、ユーザがそのリストか
ら選択したデータベースとDBMS名を設定するための
GUI画面である。
Hereinafter, examples of GUI screens displayed by the Web site construction tool 11 in FIG. 1 will be described with reference to FIGS. FIG. 5 is an explanatory diagram showing a first GUI screen example displayed by the website construction tool in FIG. This example is a GUI screen for displaying a list of databases to be connected and DBMS names of the databases, and setting a database and a DBMS name selected by the user from the list.

【0039】図6は、図1におけるWebサイト構築ツ
ールが表示する第2のGUI画面例を示す説明図であ
る。本例は、図5のGUI画面で選択設定されたデータ
ベース内のテーブルをリスト表示して、ユーザがそのリ
ストから選択したテーブルを設定するためのGUI画面
である。
FIG. 6 is an explanatory diagram showing an example of the second GUI screen displayed by the Web site construction tool in FIG. This example is a GUI screen for displaying a list of tables in the database selected and set on the GUI screen in FIG. 5 and setting the table selected by the user from the list.

【0040】図7は、図1におけるWebサイト構築ツ
ールが表示する第3のGUI画面例を示す説明図であ
る。本例のGUI画面は、図6のGUI画面で選択設定
されたテーブルに対して、関連するテーブルがある場合
に、その関係情報を定義するためのものであり、関連す
るテーブル名とその項目名とをリスト表示して、ユーザ
がそのリストから選択したテーブルと項目を設定する。
FIG. 7 is an explanatory diagram showing a third GUI screen example displayed by the Web site construction tool in FIG. The GUI screen of this example is used to define, when there is a related table with respect to the table selected and set on the GUI screen of FIG. 6, the related information, and the related table name and its item name. Are displayed in a list, and the table and items selected by the user from the list are set.

【0041】図8は、図1におけるWebサイト構築ツ
ールが表示する第4のGUI画面例を示す説明図であ
る。本例は、新規に作成されたWebサイトの格納先を
設定するGUI画面であり、ユーザが入力したサイト名
で、ユーザが入力したディレクトリ名のディレクトリ
に、そのWebサイトを構成する各ファイルを格納す
る。
FIG. 8 is an explanatory diagram showing a fourth GUI screen example displayed by the Web site construction tool in FIG. This example is a GUI screen for setting a storage destination of a newly created Web site, and stores files constituting the Web site in a directory having a site name input by the user and a directory name input by the user. I do.

【0042】以上、図1〜図8を用いて説明したよう
に、本例のWebサイト構築システムと方法では、We
bサイトの定義、構築を全てGUIを通して行うことが
でき、Webサイトの作成、またWebサイトを構成す
るHTMLページの作成をプログラミング無しに行うこ
とが可能となる。
As described above with reference to FIGS. 1 to 8, in the Web site construction system and method of this embodiment,
The definition and construction of the b-site can all be performed through the GUI, and the creation of the Web site and the creation of the HTML page constituting the Web site can be performed without programming.

【0043】その結果、データベースに関する知識やプ
ログラミング技術、およびHTMLの知識の不足してい
るユーザーでも、容易にデータベースと連携したWeb
サイトを構築することが可能となる。
As a result, even a user who lacks knowledge about a database, programming technology, and HTML, can easily link a Web with a database.
It is possible to build a site.

【0044】尚、本発明は、図1〜図8を用いて説明し
た例に限定されるものではなく、その要旨を逸脱しない
範囲において種々変更可能である。例えば、本例で説明
したWebサイト構築ツール11とページデザインツー
ル12、CGIプログラム15をCD−ROM等の記録
媒体からインストールしているが、サーバマシン2にネ
ットワークを介して接続された他のコンピュータからプ
ログラムをロードすることでも良い。
The present invention is not limited to the examples described with reference to FIGS. 1 to 8, and can be variously modified without departing from the gist thereof. For example, the Web site construction tool 11, the page design tool 12, and the CGI program 15 described in the present embodiment are installed from a recording medium such as a CD-ROM, but other computers connected to the server machine 2 via a network. You can also load the program from.

【0045】[0045]

【発明の効果】本発明によれば、データベースに関する
知識やプログラミング技術、およびHTMLの知識など
を持っていなくとも、WWWサーバとデータベースとを
連携させたWebサイトの構築およびメンテナンスを行
なうこたができ、このようなデータベースと連携したW
ebサイトの効率的な運用が可能となる。
According to the present invention, it is possible to construct and maintain a Web site in which a WWW server and a database are linked, even if the user does not have knowledge about a database, programming technology, and HTML. , W linked with such a database
Efficient operation of the web site becomes possible.

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

【図1】本発明のWebサイト構築システムの本発明に
係る構成の一実施例を示すブロック図である。
FIG. 1 is a block diagram showing one embodiment of a configuration according to the present invention of a Web site construction system of the present invention.

【図2】図1におけるWebサイト構築ツールの処理動
作例を示す説明図である。
FIG. 2 is an explanatory diagram showing a processing operation example of a Web site construction tool in FIG. 1;

【図3】図1におけるページデザインツールの処理動作
例を示す説明図である。
FIG. 3 is an explanatory diagram illustrating an example of a processing operation of a page design tool in FIG. 1;

【図4】図1におけるWebサイト構築システムの本発
明に係る処理動作例を示すフローチャートである。
FIG. 4 is a flowchart showing an example of a processing operation according to the present invention of the Web site construction system in FIG. 1;

【図5】図1におけるWebサイト構築ツールが表示す
る第1のGUI画面例を示す説明図である。
FIG. 5 is an explanatory diagram showing a first GUI screen example displayed by the website construction tool in FIG. 1;

【図6】図1におけるWebサイト構築ツールが表示す
る第2のGUI画面例を示す説明図である。
FIG. 6 is an explanatory diagram showing a second GUI screen example displayed by the website construction tool in FIG. 1;

【図7】図1におけるWebサイト構築ツールが表示す
る第3のGUI画面例を示す説明図である。
FIG. 7 is an explanatory diagram showing a third GUI screen example displayed by the website construction tool in FIG. 1;

【図8】図1におけるWebサイト構築ツールが表示す
る第4のGUI画面例を示す説明図である。
FIG. 8 is an explanatory diagram showing a fourth GUI screen example displayed by the website construction tool in FIG. 1;

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

1:ユーザ、2:サーバマシン、3:クライアントマシ
ン、10:既存データベース、11:Webサイト構築
ツール、11a〜11c:GUI画面(Webサイト構
築ツール)、12:ページデザインツール、12a,1
2b:GUI画面(ページデザインツール)、13:H
TMLファイル、14:サイト情報ファイル、15:C
GIプログラム、16:WWWサーバプログラム、1
7:WWWブラウザ。
1: User, 2: Server machine, 3: Client machine, 10: Existing database, 11: Web site construction tool, 11a to 11c: GUI screen (Web site construction tool), 12: Page design tool, 12a, 1
2b: GUI screen (page design tool), 13: H
TML file, 14: site information file, 15: C
GI program, 16: WWW server program, 1
7: WWW browser.

Claims (7)

【特許請求の範囲】[Claims] 【請求項1】 WWW(World Wide Web)とRBD(リ
レーショナル・データベース)とを連携させ、WWWブ
ラウザからの操作で上記RDBに対する参照、更新、追
加、削除を行なうWebサイトの構築システムであっ
て、GUIによるユーザとの対話的操作に基づき、上記
RDBおよび該RDB内のテーブルを特定する情報を作
成してサイト情報ファイルに保存するWebサイト構築
手段と、GUIによるユーザとの対話的操作に基づき、
上記WWWブラウザで表示されるWebページ用ファイ
ルを作成すると共に、該Webページ用ファイルに、上
記WWWブラウザからの操作対象となる上記RDBのテ
ーブルを指定するDB情報を埋め込みむWebページデ
ザイン手段と、上記WWWブラウザからのアクセスを受
けたWebサーバプログラムから起動され、上記Web
ページ用ファイルに埋め込まれた上記DB情報を検出
し、該DB情報で指定される上記RDBのテーブルにア
クセスして、上記WWWブラウザから要求された上記R
DBのテーブルに対する処理を行なうCGIプログラム
処理手段とを有し、上記WWWブラウザからの操作で上
記RDBに対する参照、更新、追加、削除を行なうWe
bサイトを、GUIによるユーザとの対話的操作に基づ
き構築することを特徴とするWebサイト構築システ
ム。
1. A system for constructing a Web site in which a WWW (World Wide Web) and an RBD (Relational Database) are linked, and a reference, update, addition, and deletion of the RDB is performed by an operation from a WWW browser. On the basis of the interactive operation with the user by the GUI, based on the interactive operation with the user, the Web site construction means for creating the information specifying the RDB and the table in the RDB and storing the information in the site information file;
Web page design means for creating a Web page file to be displayed on the WWW browser and embedding DB information for specifying the RDB table to be operated from the WWW browser in the Web page file; It is started from the Web server program accessed from the WWW browser, and the Web server
The DB information embedded in the page file is detected, the RDB table specified by the DB information is accessed, and the R request from the WWW browser is made.
CGI program processing means for performing processing on the DB table, and referencing, updating, adding, and deleting the RDB by operation from the WWW browser
A Web site construction system for constructing a site b based on an interactive operation with a user using a GUI.
【請求項2】 請求項1に記載のWebサイト構築シス
テムにおいて、上記Webサイト構築手段は、上記WW
Wブラウザから要求される上記RDBのテーブルに対す
る処理を、参照あるいは更新のいずれに設定するをユー
ザに選択させるサイトタイプ設定GUI画面と、上記W
WWブラウザからの操作対象として設定する上記RDB
の候補郡を表示してユーザに選択させるRDB設定GU
I画面と、上記操作対象のRDBにログインするために
設定するユーザアカウント名とパスワードをユーザに入
力させるログイン設定GUI画面と、上記WWWブラウ
ザからの操作対象として設定する上記RDBのテーブル
の候補郡を表示してユーザに選択させるテーブル設定G
UI画面と、該テーブル設定GUI画面で設定したテー
ブルに関連するテーブルをユーザに設定させる関連テー
ブル設定GUI画面と、構築するWebサイトの名称と
格納先ディレクト名をユーザに設定させるディレクトリ
設定GUI画面とを有することを特徴とするWebサイ
ト構築システム。
2. The Web site construction system according to claim 1, wherein said Web site construction means comprises:
A site type setting GUI screen that allows the user to select whether to set the processing of the RDB table requested by the W browser to reference or update;
The above RDB set as an operation target from the WW browser
RDB setting GU that displays the candidate counties and allows the user to select
I screen, a login setting GUI screen for allowing a user to enter a user account name and a password set to log in to the RDB to be operated, and a candidate group in the RDB table to be set as an operation target from the WWW browser. Table setting G to be displayed and selected by the user
A UI screen, a related table setting GUI screen that allows the user to set a table related to the table set on the table setting GUI screen, and a directory setting GUI screen that allows the user to set the name of the Web site to be built and the storage destination directory name. Web site construction system characterized by having.
【請求項3】 請求項1、もしくは、請求項2のいずれ
かに記載のWebサイト構築システムにおいて、上記W
ebページデザイン手段は、上記WWWブラウザからの
操作対象の候補となる上記RDBのテーブル群を表示す
る第1のウィンドウと、上記WWWブラウザからの操作
対象として決定される上記RDBのテーブルを表示する
第2のウンドウとからなり、ユーザに、上記第1のウィ
ンドウに表示されたテーブル群を上記第2のウィンドウ
にラッグアンドドロップさせて上記WWWブラウザから
の操作対象の候補となる上記RDBのテーブルを設定さ
せるテーブル設定GUI画面を有することを特徴とする
Webサイト構築システム。
3. The Web site construction system according to claim 1, wherein the W
The web page design means includes a first window for displaying a group of tables of the RDB that are candidates for an operation target from the WWW browser, and a second window for displaying a table of the RDB determined as an operation target from the WWW browser. The user can drag and drop the table group displayed in the first window to the second window to set the RDB table that is a candidate for operation from the WWW browser. A web site construction system having a table setting GUI screen for allowing the user to make a setting.
【請求項4】 WWW(World Wide Web)とRBD(リ
レーショナル・データベース)とを連携させ、WWWブ
ラウザからの操作で上記RDBに対する参照、更新、追
加、削除を行なうWebサイトを構築するシステムのW
ebサイト構築方法であって、GUIによるユーザとの
対話的操作に基づき、上記RDBおよび該RDB内のテ
ーブルを特定する情報を作成してサイト情報ファイルに
保存するWebサイト構築ステップと、GUIによるユ
ーザとの対話的操作に基づき、上記WWWブラウザで表
示されるWebページ用ファイルを作成すると共に、該
Webページ用ファイルに、上記WWWブラウザからの
操作対象となる上記RDBのテーブルを指定するDB情
報を埋め込みむWebページデザイン作成ステップと、
上記WWWブラウザからのアクセスを受けたWebサー
バプログラムから起動され、上記Webページ用ファイ
ルに埋め込まれた上記DB情報を検出し、該DB情報で
指定される上記RDBのテーブルにアクセスして、上記
WWWブラウザから要求された上記RDBのテーブルに
対する処理を行なうCGI処理ステップとを有し、上記
WWWブラウザからの操作で上記RDBに対する参照、
更新、追加、削除を行なうWebサイトを、GUIによ
るユーザとの対話的操作に基づき構築することを特徴と
するWebサイト構築方法。
4. A system for linking a WWW (World Wide Web) and an RBD (relational database) and operating a WWW browser to construct a Web site for referencing, updating, adding, and deleting the RDB.
a web site building method for creating information for specifying the RDB and a table in the RDB based on an interactive operation with the user using a GUI and storing the information in a site information file; Based on the interactive operation with the Web server, a Web page file to be displayed on the WWW browser is created, and DB information for specifying the RDB table to be operated from the WWW browser is stored in the Web page file. Web page design creation step to embed,
The Web server program accessed from the WWW browser is activated, detects the DB information embedded in the Web page file, accesses the RDB table specified by the DB information, and executes the WWW. A CGI processing step of performing a process on the table of the RDB requested by the browser, and referring to the RDB by an operation from the WWW browser;
A website construction method for constructing a website to be updated, added, or deleted based on a GUI interactive operation with a user.
【請求項5】 請求項4に記載のWebサイト構築方法
において、上記Webサイト構築ステップは、上記WW
Wブラウザから要求される上記RDBのテーブルに対す
る処理を、参照あるいは更新のいずれに設定するをユー
ザに選択させるサイトタイプ設定GUI画面を表示して
ユーザからの選択操作に基づき、上記RDBのテーブル
に対する処理を参照あるいは更新のいずれかに設定する
ステップと、上記WWWブラウザからの操作対象として
設定する上記RDBの候補郡を表示してユーザに選択さ
せるRDB設定GUI画面を表示してユーザからの選択
操作に基づき、上記WWWブラウザからの操作対象とな
るRDBを設定するステップと、上記操作対象のRDB
にログインするために設定するユーザアカウント名とパ
スワードをユーザに入力させるログイン設定GUI画面
を表示してユーザからの入力操作に基づき、上記操作対
象のRDBにログインするためのユーザアカウント名と
パスワードを設定するステップと、上記WWWブラウザ
からの操作対象として設定する上記RDBのテーブルの
候補郡を表示してユーザに選択させるテーブル設定GU
I画面を表示してユーザからの選択操作に基づき、上記
WWWブラウザからの操作対象となるテーブルを設定す
るステップと、上記テーブル設定GUI画面を介して設
定されたテーブルに関連するテーブルをユーザに設定さ
せる関連テーブル設定GUI画面を表示してユーザから
の設定操作に基づき、上記WWWブラウザからの操作対
象となるテーブルに関連するテーブルを設定するステッ
プと、構築するWebサイトの名称と格納先ディレクト
名をユーザに設定させるディレクトリ設定GUI画面を
表示してユーザからの設定操作に基づき、上記構築する
Webサイトの名称と格納先ディレクト名を設定するス
テップとを有することを特徴とするWebサイト構築方
法。
5. The Web site construction method according to claim 4, wherein the Web site construction step comprises:
A process for the RDB table requested by the W browser is displayed based on a selection operation from the user by displaying a site type setting GUI screen that allows the user to select whether to set the process of the RDB table to reference or update. And displaying the RDB setting GUI screen for allowing the user to select and display the candidate group of the RDB to be set as an operation target from the WWW browser and to perform a selection operation from the user. Setting an RDB to be operated from the WWW browser based on the
Displays a login setting GUI screen that allows the user to enter the user account name and password to be set to log in to the server, and sets the user account name and password to log in to the RDB to be operated based on the input operation from the user And a table setting GU for displaying a candidate group of the table of the RDB set as an operation target from the WWW browser and allowing the user to select the group.
Displaying an I screen and setting a table to be operated from the WWW browser based on a selection operation from the user; and setting a table related to the table set via the table setting GUI screen to the user Displaying a related table setting GUI screen to set a table related to a table to be operated from the WWW browser based on a setting operation by a user; and setting a name of a Web site to be constructed and a storage destination directory name. Displaying a directory setting GUI screen to be set by the user and setting the name of the web site to be built and the storage directory name based on the setting operation from the user.
【請求項6】 請求項4、もしくは、請求項5のいずれ
かに記載のWebサイト構築方法において、上記Web
ページデザイン作成ステップは、上記WWWブラウザか
らの操作対象の候補となる上記RDBのテーブル群を表
示する第1のウィンドウと、上記WWWブラウザからの
操作対象として決定される上記RDBのテーブルを表示
する第2のウンドウとからなるテーブル設定GUI画面
を表示して、ユーザに、上記第1のウィンドウに表示さ
れたテーブル群を上記第2のウィンドウにラッグアンド
ドロップさせて上記WWWブラウザからの操作対象の候
補となる上記RDBのテーブルを設定させるステップを
有することを特徴とするWebサイト構築方法。
6. The Web site construction method according to claim 4, wherein the Web site
The page design creating step includes a first window for displaying a group of tables of the RDB that are candidates for an operation target from the WWW browser, and a second window for displaying a table of the RDB determined as an operation target from the WWW browser. 2 displays a table setting GUI screen including windows and allows the user to drag and drop the table group displayed in the first window to the second window, and to operate the candidate from the WWW browser. A step of setting a table of the RDB as follows.
【請求項7】 コンピュータが読み取り可能なプログラ
ムおよびデータを記録する記録媒体であって、請求項4
から請求項6のいずれかに記載の各ステップの処理をコ
ンピュータに実行させるためのプログラムを記録したこ
とを特徴とする記録媒体。
7. A recording medium for recording a program and data readable by a computer, wherein the recording medium is a computer readable recording medium.
A recording medium on which a program for causing a computer to execute the processing of each step according to any one of claims 1 to 6 is recorded.
JP11079870A 1999-03-24 1999-03-24 Web site construction system, its method and storage medium recording its processing program Pending JP2000276396A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP11079870A JP2000276396A (en) 1999-03-24 1999-03-24 Web site construction system, its method and storage medium recording its processing program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP11079870A JP2000276396A (en) 1999-03-24 1999-03-24 Web site construction system, its method and storage medium recording its processing program

Publications (1)

Publication Number Publication Date
JP2000276396A true JP2000276396A (en) 2000-10-06

Family

ID=13702261

Family Applications (1)

Application Number Title Priority Date Filing Date
JP11079870A Pending JP2000276396A (en) 1999-03-24 1999-03-24 Web site construction system, its method and storage medium recording its processing program

Country Status (1)

Country Link
JP (1) JP2000276396A (en)

Cited By (3)

* 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
US7356507B2 (en) 2000-10-30 2008-04-08 Amazon.Com, Inc. Network based user-to-user payment service
US7536351B2 (en) 2000-10-30 2009-05-19 Amazon.Com, Inc. User-to-user payment service with payee-specific pay pages

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09237274A (en) * 1996-02-29 1997-09-09 Toshiba Corp Method and device for generating html file for www
JPH10198596A (en) * 1997-01-14 1998-07-31 Oki Electric Ind Co Ltd Information transmitting device/method
JPH1153391A (en) * 1997-08-08 1999-02-26 Mitsubishi Electric Corp Database access method

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09237274A (en) * 1996-02-29 1997-09-09 Toshiba Corp Method and device for generating html file for www
JPH10198596A (en) * 1997-01-14 1998-07-31 Oki Electric Ind Co Ltd Information transmitting device/method
JPH1153391A (en) * 1997-08-08 1999-02-26 Mitsubishi Electric Corp Database access method

Cited By (4)

* 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
US7356507B2 (en) 2000-10-30 2008-04-08 Amazon.Com, Inc. Network based user-to-user payment service
US7536351B2 (en) 2000-10-30 2009-05-19 Amazon.Com, Inc. User-to-user payment service with payee-specific pay pages
US8612343B2 (en) 2000-10-30 2013-12-17 Amazon.Com, Inc. Network based payment service capable of generating coding for adding payment objects to pages of external sites

Similar Documents

Publication Publication Date Title
US8495053B2 (en) Method and system for advanced downloading of URLs for WEB navigation
US6581061B2 (en) Remote web site authoring system and method
US9159040B2 (en) Accessing a ERP application over the internet using strongly typed declarative language files
US7039860B1 (en) Creating web pages category list prior to the list being served to a browser
US5835712A (en) Client-server system using embedded hypertext tags for application and database development
US20100251143A1 (en) Method, system and computer program for creating and editing a website
JP2003050964A (en) Web server system and web system for spread sheet
JP2003288143A (en) Method for automatically generating user interface
JPH10340252A (en) Format generating method
WO2002042928A1 (en) Information processing system and method, and recorded medium on which information processing software is recorded
US20030217076A1 (en) System and method for rapid generation of one or more autonomous websites
JPH11502346A (en) Computer system and computer execution process for creating and maintaining online services
US7062492B1 (en) Remote web site authoring system and method
JP3590726B2 (en) Database search system, search server device, client terminal, and server program recording medium
JP2003186911A (en) Data display device
JP2000276396A (en) Web site construction system, its method and storage medium recording its processing program
JPH1115724A (en) Method and device for managing document
JP2008203965A (en) Method and program for creating web page
JPH11288412A (en) Method and system for preparing document, and computer readable recording medium for recording document preparation program
Cisco Creating Web Page Transformations
EP1255207A2 (en) Method and apparatus for automatically searching hypertext structure
JP3587512B2 (en) Website creation support system
JP2003186788A (en) Method and system for providing translation web site and program
KR101175169B1 (en) Information providing system for excluding web page&#39;s some contents in screen display and method thereof
JPH11120047A (en) Db table generation system for html form

Legal Events

Date Code Title Description
A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20040716

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20041109