KeyWeb Creator 概要 What s KeyWeb Creator? 動的なホームページを作成するためのツール!! 従来の Web ページ DB を利用した Web ページ <HTML> <HEAD> <TITLE>show_book</TITLE> </HEAD> <BODY> <DI

Size: px

Start display at page:

Download "KeyWeb Creator 概要 What s KeyWeb Creator? 動的なホームページを作成するためのツール!! 従来の Web ページ DB を利用した Web ページ <HTML> <HEAD> <TITLE>show_book</TITLE> </HEAD> <BODY> <DI"

ひろとかたいわ
5 years ago
Views:

1 KeyWeb Creator R3.0 Beta 日本オラクル株式会社システム製品マーケティング部 1

2 KeyWeb Creator 概要 What s KeyWeb Creator? 動的なホームページを作成するためのツール!! 従来の Web ページ DB を利用した Web ページ <HTML> <HEAD> <TITLE>show_book</TITLE> </HEAD> <BODY> <DIV ALIGN=CENTER> <BIG><BIG><BIG><I><B> 検索結果ページ </B></I></BIG></BIG></BIG> <BR> </DIV> <DIV ALIGN=CENTER> <TABLE BORDER="1"> <TR> <TD> オラクル実践活用ガイド97</TD> <TD> オラクル実践活用ガイドの1997 年度版 </TD> <TD>1700 円 </TD> <TD> 株式会社リックテレコム </TD> </TR> <TR> <TD> 最新オラクル製品実践ガイド 97</TD> <TD> インターネットからデータウエアハウスまで </TD> <TD>1400 円 </TD> <TD> 日経 BP 社 </TD> </HTMl> これからは 2

3 特徴 HTML エディタ感覚で動的ページを開発 HTML エディタ SQL 編集機能 Oracle9i Application Server との連携アプリケーション登録 (New!!) ポートレット作成 (New!!) WebCache 対応ページ作成 DB を利用した Web ページ作成 create or replace procedure KWC.miracle_update1 is begin htp.htmlopen; htp.headopen; htp.print('<title>miracle_update1</title>'); htp.headclose; htp.bodyopen(cbackground=>'/ba.gif'); htp.script(cscript=>'function imageup(eid) { var loc = "miracle_photo?id=" + Eid; window.open(loc,"","scrollbars,height=400,width=300"); };', clanguage=>'javascript'); htp.print(' ' htf.img(curl=>'/miracle/image/miracle.gif')); htp.nl; htp.line; htp.print('<form ACTION="miracle_update2" METHOD="POST"> <B> 社員情報更新削除 </B>'); htp.tableopen(cborder=>'border="1"'); htp.tablerowopen; htp.print('<th>'); htp.print(' 社員番号 </TH><TH>'); htp.print(' 名前 </TH><TH>'); PL/SQL コーディング htp.print(' かな </TH><TH>'); htp.print('e_mail</th><th>'); htp.print(' 担当業務 </TH><TH>'); htp.print(' 内線番号 </TH><TH>'); htp.print(' 実行 </TH>'); htp.tablerowclose; declare KSX_RECORD1_ROWS integer; KSX_RECORD1_DATA integer; cursor KSX_CURSOR1 is SELECT T4." 社員番号 " C1, T4." 名前 " C2, T4." かな " C3, T4."E_MAIL" C4, T4." 担当業務 " C5, T4." 内線番号 " C6 FROM "KWC"." ミラクル社員 " T4; begin KSX_RECORD1_ROWS := 0; KSX_RECORD1_DATA := 0; for KSX_RECORD1 in KSX_CURSOR1 loop KSX_RECORD1_ROWS := KSX_RECORD1_ROWS + 1; KSX_RECORD1_DATA := KSX_RECORD1_DATA + 1; htp.tablerowopen; htp.print('<th>');....end; 3

$gif'); htp.script(cscript=>'function imageup(eid) { var loc = "miracle_photo?id=" + Eid; window.open(loc,"","scrollbars,height=400,width=300"); };', clanguage=>'javascript'); htp.print(' ' htf.$

4 DB を利用した Web ページ作成 create or replace procedure KWC.miracle_update1 is begin htp.htmlopen; htp.headopen; htp.print('<title>miracle_update1</title>'); htp.headclose; htp.bodyopen(cbackground=>'/ba.gif'); htp.script(cscript=>'function imageup(eid) { var loc = "miracle_photo?id=" + Eid; window.open(loc,"","scrollbars,height=400,width=300"); };', clanguage=>'javascript'); htp.print(' ' htf.img(curl=>'/miracle/image/miracle.gif')); htp.nl; htp.line; htp.print('<form ACTION="miracle_update2" METHOD="POST"> <B> 社員情報更新削除 </B>'); htp.tableopen(cborder=>'border="1"'); htp.tablerowopen; htp.print('<th>'); htp.print(' 社員番号 </TH><TH>'); htp.print(' 名前 </TH><TH>'); WYSIWYG PL/SQL コーディング型編集画面によって htp.print(' かな </TH><TH>'); htp.print('e_mail</th><th>'); htp.print(' 担当業務 </TH><TH>'); htp.print(' 内線番号 </TH><TH>'); htp.print(' 実行 </TH>'); ビジュアルに作成 htp.tablerowclose; declare KSX_RECORD1_ROWS integer; KSX_RECORD1_DATA integer; cursor KSX_CURSOR1 is SELECT T4." 社員番号 " C1, T4." 名前 " C2, T4." かな " C3, T4."E_MAIL" C4, T4." 担当業務 " C5, T4." 内線番号 " C6 FROM "KWC"." ミラクル社員 " T4; begin KSX_RECORD1_ROWS := 0; KSX_RECORD1_DATA := 0; for KSX_RECORD1 in KSX_CURSOR1 loop KSX_RECORD1_ROWS := KSX_RECORD1_ROWS + 1; KSX_RECORD1_DATA := KSX_RECORD1_DATA + 1; htp.tablerowopen; htp.print('<th>');....end; KeyWeb Creator による開発手法 Step1. ページの作成 HTML 編集 Step2. SQL 部品で動的データを貼り付け col1 col2 col3 Step3. イメージボタンなどを加え仕上げイメージ SQL 部品 col1 col2 col3 OK Cancel 4

5 画面構成 Web スペースナビゲータ作成したページの情報を管理します HTML 編集画面 HTML エディタの感覚で編集できます ToolBox 編集画面上にドラッグ & ドロップ操作で使用できるオブジェクト群それぞれのプロパティではタグのアトリビュートに SQL 選択列を使用できるなどさらなる DB 連携を実現 5

6 SQL 設定画面ツリー型 SQL 設定画面ドラッグ & ドロップ操作で選択列条件等を設定アプリケーション登録 & 実行 KeyWeb CreatorからボタンひとつでDBへアプリケーション登録できます Oracle9iAS で作成した動的ページを実行できます開発環境ページの登録実行環境 Oracle9i Application Server 6

7 KeyWeb Creator の機能 HTML 編集ビジュアル編集 (WYSIWYG ( 型 ) HTML テキスト編集ページウィザード SQL 編集ビジュアル編集 (GUI) ( リポジトリベース開発設計情報の DB への保存チーム開発部品生成呼び出し再利用 PL/SQL プログラム生成コード自動生成 DB への登録 R3.0 新機能 7

8 R3.0 新機能 Oracle9iAS Portal 用ポートレット作成作成したページをポートレット化することができます Oracle9iAS WebCache トリガーコード生成 DB 連携ページに対して WebCache 用のトリガーコードを発行できますこれらの方法については通常のページ作成ステップを理解した後インストレーションガイドの手順に従って行うことができます通常のページ作成ステップについては KeyWeb Creator R3.0B によるアプリケーション開発を参照してくださいその他の改善機能新規作成ウィザードの改善よりフレンドリなインターフェースに変更されていますウィザードはベータ版では一部のみ利用できますナビゲータでのページ関連情報の表示各ページに関連したリンクフォーム引数の情報を Web スペースナビゲータで確認できます KeySQL 型 SQL 編集インターフェースツリー型 SQL 編集画面だけでなく KeySQL でおなじみの SQL 編集画面も用意されています好みのほうを利用できますタブページによる HTMLビュー HTMLソース TAGツリー編集画面の切り替え 8

9 ベータ版では実装されていない機能 1 ページセット作成ウィザード一連のページセットの作成ウィザードはベータ版では使用できません製品版では検索条件結果更新ページ確認などのページセットをまとめて作成するウィザードが利用可能になる予定です更新系ページの作成ページセットウィザードでの更新ページではデータの整合性チェックを行う更新処理コードが生成される予定ですベータ版では実装されていない機能 2 ポートレット開発に関してベータ版では各ページ単位でひとつのポートレットかつポートレットプロバイダになります製品版ではポートレットとポートレットプロバイダを分割してデザインすることができるようになる予定です検索条件結果のような複数ページでのアプリケーションの場合ベータ版では最初のページだけがポートレットになります製品版では一連のページセットでひとつのポートレットとすることができるようになりますポートレットプロバイダを登録する機能はベータ版にはありません Oracle9iAS Portal から登録してください 9

10 この文書はあくまでも参考資料であり掲載されている情報は予告なしに変更されることがあります万一誤植などにお気づきの場合は日本オラクル株式会社までお知らせ下さい日本オラクル株式会社は本書の内容に関していかなる保証もしませんまた本書の内容に関連したいかなる損害についても責任を負いかねます本書で使用している製品やサービス名の名称は各社の商標または登録商標です 10

9iAS_DEV.PDF

9iAS_DEV.PDF Oracle9i Application Server for Windows NT 1.0.2.0.0 2001.2.1 1 1 PL/SQL...3 1.1...3 1.2 PL/SQL Web Toolkit...5 1.3 Database Access Descriptor...6 1.4 PL/SQL...8 1.5 PL/SQL...10 1.6 PL/SQL...12 2 SERVLET...13