手順 手順 手順
手順 1: ログイン・ページの作成 ログイン・ページの作成 ログイン・ページの作成 ログイン・ページの作成
この手順では、ユーザー資格証明を受け入れるログイン・ページを作成し、保護されたページ へのアクセスを許可します（図8-2）。このページは、認証されていないユーザーにも表示され ます。
図図
図図8-2「「「「Login」ページ」ページ」ページ」ページ
1. アプリケーション・ナビゲータで、「「「「ViewController」」」」を右クリックし、「新規」「新規」「新規」を選択し「新規」
ます。
2. 「カテゴリ」ペインで、「Web Tier」の下の「「「JSP」「 」」」をクリックします。
ここでは、Facesページのライフサイクルの複雑さを避けるため、ログイン・ページを
JavaServer Faces（JSF）ページではなく標準的なJSPとして実装することにします。他の
アプリケーションでは、アプリケーションにスキニングやポートレットなどの拡張機能が 必要になることもあります。Facesベースのログイン・ページの詳細は、『Oracle
WebCenter Framework開発者ガイド』を参照してください。
3. 「項目」で「「「「JSP」」」」をクリックし、「「「OK」「 」」をクリックします。」 4. 「次へ」「次へ」をクリックして、「ようこそ」ページをスキップします。「次へ」「次へ」
5. 「ファイル名」フィールドにLogin.jspxを入力します。
6. 「タイプ」で、「「「「JSPドキュメントドキュメントドキュメントドキュメント(*.jspx)」」」」を選択します。
これによって、JSPページ（.jspx）のXML表示が作成されます。必要に応じて、他のアプ リケーション内にJSPページとしてのログイン・ページを作成することもできます。
7. 「次へ」「次へ」をクリックし、再度「次へ」「次へ」「次へ」 「次へ」「次へ」「次へ」をクリックして、エラー・ページ・オプションをス キップします。
8. 「タグ・ライブラリ」ページでは、何も選択しません。必要な場合、「タグ・ライブラリ」
ページで二重矢印を使用して、「選択済のライブラリ」「選択済のライブラリ」「選択済のライブラリ」ペインからライブラリを削除しま「選択済のライブラリ」
す。
9. 「次へ」「次へ」をクリックします。「次へ」「次へ」
10.「終了」「終了」をクリックして、「終了」「終了」 Login.jspxを表示します。
11.「ソース」「ソース」タブをクリックします。「ソース」「ソース」
手順1: ログイン・ページの作成
12. 空のボディ・タグ<body></body>を、例8-1に示したコードで置き換えます。
例 例 例
例8-1 ログイン・フォームのコードログイン・フォームのコードログイン・フォームのコードログイン・フォームのコード
<body>
<h1>Login</h1>
<p>Enter your user name and password to log in:</p>
<form action='j_security_check' method='post'>
<table align="center">
<tr> <td>Name:</td>
<td> <input type='text' name='j_username'></input> </td>
</tr>
<tr>
<td>Password:</td>
<td> <input type='password' name='j_password' size='8'></input> </td>
</tr>
<tr> <td></td>
<td> <input type='submit' value='Login'></input> </td>
</tr>
</table>
<br></br>
</form>
</body>
13.「設計」「設計」タブをクリックして、ログイン・フォームを表示します（図「設計」「設計」 8-4）。
図図
図図8-3 ログイン・フォームを備えたログイン・フォームを備えたログイン・フォームを備えたログイン・フォームを備えたLogin.jspx
手順1: ログイン・ページの作成
14. 今度は、スタイルシートをログイン・ページに適用します。コンポーネント・パレットの プルダウン・メニューから、「「「「CSS」」」を選択します。」
15.「「「「JDeveloper」」をドラッグしてページ上にドロップします。」」
ログイン・ページはリフレッシュされ、新しいスタイルシートが適用されます（図8-4を 参照）。
図 図 図
図8-4 JDeveloperスタイルシートが適用されたスタイルシートが適用されたスタイルシートが適用されたスタイルシートが適用されたLogin.jspx
次に、Login.jspxを実行して、ブラウザでページを表示します。
16. JDeveloperのツールバーで、「すべて保存」「すべて保存」「すべて保存」アイコンをクリックします。「すべて保存」
ログイン・フォーム ログイン・フォーム ログイン・フォーム
ログイン・フォーム 名前名前名前名前/値値値値
Form Action j_security_check
Name（テキスト・フィールド） j_username
Password（テキスト・フィールド） j_password
Login（送信ボタン） submit