NetBeansでページレイアウト（作成）

netbeans Java

NetBeansのページレイアウトをカスタマイズしたいので、作ってみよう。
　　1.まずチュートリアルのまま作成
　　2.次に、メニューなどフラグメントにしたバージョンで作成
の予定。


以下は、いきなり２を実施して失敗中の記録。上記２ステップでやり直すことに作戦変更したところ。

CSSベースのページレイアウトを作成

Netbeans6のドキュメントを見ながら、CSSベースのページレイアウトを作成する。

  • JSP:DIVタグにIDをつける。
  • CSS:IDにスタイルを設定する。#[id]
    • container
    • header
    • leftBar
    • content
    • rightBar
    • footer

containerが外枠、以外が中身。
leftBar、content、rightBarのそれぞれにスタイルfloat（left,left,right）がついており、contentの幅いっぱいに３つの要素を配置しているのがポイント。
ブラウザで表示されるものとデザイン画面の表示がかけ離れているので、気になったが、Netbeansのキャッシュの問題らしい。JSPファイルを開きなおすと、デザイナの表示もイメージ通りとなった。


ページレイアウトをもとにテンプレートを作成

Winstonさんのサイト見ながら作成。
めっちゃ簡単や言うてるけど、ウソや。

モジュールを作成する

「新規プロジェクト」-「NetBeansモジュール」-「Module」

  • プロジェクト名：MyPageLayoutTemplates
  • コードベース：com.sample.pagelayouts（作ったページレイアウト）
  • モジュール名：My Page Layout Templates

こんな感じにつくられた。ナルホド。src以下にcom.saple.pagelayoutsフォルダができ、Bundle.properties,layer.xmlが作られた。


フォルダを作成し、必要なファイルをコピーする（レイアウトを作成したプロジェクトで）

1.ファイルペインで、新規フォルダ作成(resourcesという名前にした）
2.ページのJavaファイル、jspファイルをコピー
3.コピーしたファイルをリネーム（PageLayout1.java.template, PageLayout1.jsp.template)※OSの機能でリネーム
4.PageLayout1で使用しているリソースファイル（CSSとイメージファイル）をPageLayout1-resources.zipに圧縮して、さきほど作ったresourcesフォルダにコピーする。
⇒作業後のMyPageLayoutTemplate/src以下

テンプレートに変換する

Winstonさんのサイトを見ながら編集。
1.Javaクラス

  • パッケージ名をインスタンス作成時に決まるように変更
  • クラス名、コンストラクタ名を変数に変更

2.JSPファイル

3.layerファイル

4.bundleファイル

プラグインモジュールのインストール

モジュールプロジェクトの右クリックで「開発中IDEでのインストール/再読み込み」

⇒「ツール」-「プラグイン」の「インストール済」の一番下に「MyPageLayoutTemplates」があるのを確認した。

テンプレートをテストする

1.Visual Web JavaServer Facesフレームワークを使用するWebApplicationを作成する。
2.新しい Visulal Web JSF ページ を作成する。この際、ページレイアウトを指定する。
※Visulal Web JSF ページ の作成ウィザードに、「ステップ3.ページレイアウトを選択」ができている！

⇒失敗。MyPageLayoutTemplatesを選択して「完了」すると、警告アイコンがでる。



URL nbresloc:/com/sample/pagelayouts/resources/        PageLayout1-resources.zipに接続できませんでした。リソースが見つかりません。

パスはあっているか？ファイル名はあっているか？など確認しよう。

所用で中断。