Oracle Application Express。 アプリケーションとページ

チュートリアルの続き。

このパートでは、Oracle APEXアプリケーションを作成し、アプリケーションでページを作成するプロセスについて説明します。

前のパート： Oracle Application Expressチュートリアル。 IDEの概要

目次

アプリケーション作成
デフォルトページ
アプリケーションの起動
ページ作成
メインページのコンポーネント
視覚要素
非視覚要素
要素の基本的なプロパティ
一般的なプロパティ
ページのプロパティ

アプリケーション作成

アプリケーションを作成するには、 App Builderに移動して「作成」ボタンをクリックする必要があります。

次に、アプリケーション作成ウィザードが起動します。 最初のステップでは、2番目の「新しいアプリケーション」を選択する必要があります-「名前」フィールドとアプリケーションID（アプリケーション番号）を入力するだけです。 名前は必須フィールドであり、 Application IDため、名前が必要になりApplication ID 。変更できないためです。 より正確には、（エクスポート/インポートを介して）可能ですが、長くて不便です。自動生成された頂点があなたに合わない場合は、すぐに希望の数を設定する方が良いです。 番号は一意である必要があります。 この番号は、アプリケーションアドレスの一部として使用されます。 典型的な頂点URLを見てみましょう：

 https://apex.oracle.com/pls/apex/f?p=123456:1:14675052744498::::: 

ここで、 123456はアプリケーションIDです。

ウィザードの残りのフィールドは無視できます。これらの設定はすべて後で変更できます。

その後、[アプリケーションの作成]をクリックする必要があります。apexはアプリケーションを作成し、アプリケーションページに自動的に移動します。

デフォルトページ

デフォルトでは、apexはアプリケーションに3ページを作成します。 アプリケーションと同様に、ページには番号とタイトルがあります。 この番号は、ページを識別するためにURLでも同じように使用されます。アプリケーションの番号の直後に続き、コロンで区切られます。 つまり、形式は次のとおりです。

 https://apex.oracle.com/pls/apex/f?p=APPLICATION_ID:PAGE_ID:<  url> 

作成されるデフォルトのページは次のとおりです。

• グローバルページ（ページID：0）
  これは、単独では使用されない特別なページですが、すべてのページに表示したい場合は要素を追加できます。

• ホームページ（ページID：1）
  これはアプリケーションの開始ページです。 アプリケーションにユーザー名とパスワードを入力した後、またはページとその他すべてを指定せずにアプリケーションのURLを指定した場合、つまり、次のようにデフォルトでアクセスできます。

  
  

   https://apex.oracle.com/pls/apex/f?p=123456 

  
  
• ログインページ（ページID：9999、バージョン4.x、5.xは101）
  これは明らかにログインページです。 ログインとパスワードを入力するためのフィールドがしばらく含まれています（バージョンに名前を付けることはできませんが、比較的最近です）-[ユーザー名を記憶する]チェックボックスと[サインイン]ボタン。

アプリケーションとページにも便利なAliasプロパティがあります。 アプリケーションの場合、このプロパティはアプリケーションプロパティ （「アプリケーションプロパティ」→「定義」→「名前」→「アプリケーションエイリアス」）で設定され、ページの場合は右側のプロパティパネルのページエディタで設定されます。 ページURLでは、番号の代わりにAliasを使用できます。 デフォルトのログインページはLOGIN_DESKTOP LOGIN_DESKTOPして作成され、ホームページはHOMEエイリアスを使用して作成されます。 アプリケーションエイリアスMY_APPを設定すると、次のログインページに移動できます。

 https://apex.oracle.com/pls/apex/f?p=MY_APP:LOGIN_DESKTOP 

アプリケーションの起動

これでアプリケーションが作成されたので、既に「起動」できます（まだ見ていないものはありません）。 これは、通常のアプリケーション（WindowsやLinuxなど）の起動とまったく同じではありません。 apexアプリケーションはIDE自体と同じエンジンによってレンダリングされるため、アプリケーションを作成するとすぐに使用できる状態になり、アドレスバーにアドレスを入力した人は誰でも使用できます。 実際、アプリケーション自体の起動は、開始ページ（番号1のページ）を開くための名前にすぎません。 アプリケーションはさまざまな方法で起動できます。

• App Builderのアプリケーションリストには、各アプリケーションの反対側にボタンがある「実行」列があります。
• アプリケーションページには、大きな「アプリケーションの実行」ボタンがあります。
• アプリケーションだけでなく、非ダイアログページも「起動」できます（ダイアログは通常のページからのみ呼び出すことができます）。アプリケーションページのリストには、「実行」ボタンの列もあります。
• 右上隅のボタンをクリックすると、ページエディタから現在のページを開始できます。
• そして最後に、右上隅にそのようなボタンがある場合、ページを開始できます。

これらの2つのボタンは、IDEのほぼすべてのセクションにあります。 左側には、ページエディタで開いた最後のページの番号が含まれています。 それをクリックすると、このページの編集に進み、右ボタンをクリックすると、このページが起動します。

発売後はどうなりますか？ 起動されたページへのアクセスが制限されている場合、ユーザーは最初にログインページにリダイレクトされます。 ユーザーがすでにログインしている場合、または設定ページがパブリックとして指定されている場合、このページが開きます。
デフォルトでは、ページは制限されたアクセスで作成されます。 ページプロパティには2つの設定があります（ページエディター -右パネル-[セキュリティ]-[認証]プロパティグループ）：

• Page Requires Authentication ：ページはセッション中にログインしたユーザーのみが利用できます。
• Page is Public ：登録済みおよび未登録のユーザーに表示される公開ページ。

ページ作成

アプリケーションページにページを作成できます 。 [作成]をクリックすると、ページ作成ウィザードが起動します。 ウィザードの手順：

1. （現時点では）12のタイプからページタイプを選択します。一部のタイプにはサブタイプもあります（サブタイプがある場合は、次のステップで表示されます）。 リストの最初のタイプは「空白ページ」、つまり、すべてのない空白ページです。 残りのタイプは、レポート、入力フォーム、グラフなど、データベースを操作するための一般的なページオプションです。ここでは、空白ページの作成プロセスについて説明し、残りのタイプには別の記事があります。
2. ページ番号とタイトルを入力します。 上記の数字について話しました。 このステップで番号が設定されると、変更できなくなるため、注意して監視してください。 開発者はページをグループに分割し（機能的な目的などで）、各グループに番号の範囲を予約することがあるため、プロジェクトでこれを使用する場合は注意が必要です。 すぐにページのタイプを選択する必要があります：通常、モーダルダイアログ、モードレスダイアログ。
3. ナビゲーション項目をカスタマイズします。 スキップ（[次へ]をクリック）して後で構成できます（ただし、何らかのナビゲーションシステムが既に組み込まれている場合は、このステップですべてを設定し、スチームバスを使用しない方が便利です）。
4. 作成の確認。

その後、ページが作成され、使用できる状態になります。

メインページのコンポーネント

視覚要素

視覚要素は、画面に何らかの形で表示される要素です。 これは：

• トップメニュー。 アプリケーションの名前、ロゴ、ユーザー名、リンク「ログアウト」が含まれます（ユーザーがログインしている場合）。 そこで他の要素を追加できます。
• 左側のナビゲーションメニュー。 アプリケーションをナビゲートするために使用できます。たとえば、アプリケーションセクションの階層構造を作成できます。
• 地域（通常ロシア語では「地域」と呼ばれます）：要素のコンテナー。 レポート、グラフ、入力フィールド、ボタン、その他の地域が含まれる場合があります。
• アイテム（ロシア語への定評のある翻訳はありません。誰が何であるかを言います。通常、アイテム、フィールド、そして単にアイテムという言葉を使用します）：これらはユーザー入力用のさまざまなフィールドです。
• ボタン（ボタン）：まあ、これらは普通のボタンです、要するに、私は他に何を言うことができます;）
• レポート：SQLクエリに基づいたデータを含むテーブル。
• グラフ/チャート：SQLクエリにも基づいた、データベースからの情報のグラフィカル表示。

レポートとグラフはさまざまな地域（技術的には）と見なすことができますが、同時に、独自の動作、プロパティなどを備えた非常に独立したエンティティです。

非視覚要素

これらは、アプリケーションのロジックを保証する要素です。 ユーザーには文字通り表示されませんが、実際には非常に多様な要素があります。 主なタイプは次のとおりです。

• プロセス：原則として、ユーザーのアクションに応じてサーバーで実行されるPL / SQLコード。
• 検証：ユーザー入力を検証するプロセスのタイプ。
• ダイナミックアクション（確立された翻訳はありません。通常、誰もがそのように記述します-ダイナミックアクションまたは単にDAで、レイアウトを切り替えるのが面倒な場合、スピーカーはアクションを書き込むかYES）：ブラウザによって実行されるプロセス。 最終的に、DAはいくつかのjavascriptイベントのハンドラーです。 javascriptを知ることはオプションですが、知っていれば（同時にCSSセレクターも）、不思議なことができます。
• ブランチ（確立された翻訳なし）：いくつかの条件に応じて他のページにリダイレクトします。

要素の基本的なプロパティ

一般的なプロパティ

要素の各（またはほぼすべての）タイプに特徴的なプロパティのメイングループ。 これらは、ページエディタで表示および編集できます。 ここでそれらの目的を簡単に説明し（あなたが何を探すべきかを知ることができるように）、さらに詳細に他の記事で説明します。

• Identification ：要素の名前と追加のプロパティを設定します（タイプによって異なります）。
• Appearance ：視覚要素の外観を担当するプロパティ。 要素のタイプごとにテンプレートのセットがあり、ここでTemplate 1つを選択できます（ Templateプロパティ）。 また、テンプレートには追加の設定があります（ Template Options -ボタンをクリックすると、設定のあるウィンドウが開きます）。
• Layout ：ページ上の視覚要素の位置を調整します。 要素は12列のグリッドに配置されます。ここで、要素の配置方法を指定できます。
• Source ：領域およびアイテム用-表示用のデータソース、プロセス用-プロセスコード。
• Server-side Condition ：サーバー上でチェックされる条件（そのような要素やそのような値を持つ単純なものから、任意のPL / SQLコードまで、膨大な条件があります）。 この条件が満たされている場合、要素はページに表示され、そうでない場合はそうではありません。 さらに、非表示ではなく、単にレンダリングされません。
• Client-side Condition （ Dynamic Action ）：クライアントでチェックされる条件（サーバーにアクセスせずに）。 DAは、条件が満たされると満たされます。
• Read only ： Server-side Conditionと同じように機能し、要素の有無を制御するのではなく、値を変更する機能を制御します。 このプロパティは、アイテム、リージョン、およびページ用です。 アイテムの場合、アイテム自体に適用され、リージョン/ページには、対応するリージョン/ページ内のすべてのアイテムに適用されます。
• Security ：アイテムへのアクセスを制御します。 原則として、 Server-side Conditionでも同じことができますが、 Server-side Condition Server-side Condition -アプリケーションロジックの場合、 Security -アクセス権に応じて表示する場合を区別することをお勧めします。
• Configuration ： Build Optionを有効/無効にします。 非常に非自明なことですが、非常に便利です。アプリケーションの個々の機能を有効または無効にできます。これは、いくつかの異なるリリースで機能を並行して開発する場合に非常に便利です。
• Comments ：他の開発者Comments 。
• Help （視覚要素の場合）：アプリケーションのエンドユーザーのヘルプ。

ページのプロパティ

ページ固有のプロパティ：

• Navigation ：このグループには2つのプロパティがあります。 Cursor Focusは、読み込み直後にページ上の入力フィールドにフォーカスを転送するかどうかを示します（オプション-ページの最初のフィールドに送信または転送しない）。 未保存のWarn on Unsaved Changes保存のデータがある場合にユーザーがページを離れるWarn on Unsaved Changesます。
• JavaScript ：JavaScriptコードをページに追加できます。 ファイルへのパスを指定するか、ページにコードを直接追加できます。
• CSS ： CSSでも同じです。 このページのみに何らかのローカルCSS設定が必要な場合は、ファイルを含めるか、ページに追加します。
• Advanced ：フォームの再送信に対する保護を有効または無効にできます。