Java開発者がScalaでPlay frameworkのビューを作るには：Javaの常識を変えるPlay framework入門（3）（3/3 ページ）

» 2012年08月23日 00時00分公開

[木村重昭, 多田丈晃，株式会社ビーブレイクシステムズ]

テンプレートを使ってDBの処理結果を表示

　この修正で今まで使っていたファイルを以下のような役割に変えます。

ファイル名	もともとの役割	修正後の役割
index.scala.html	main.scala.htmlの呼び出し	ベースとなる画面html定義とmain.scala.htmlの呼び出し
main.scala.html	ベースとなるhtml定義と渡されたコンテンツの出力	個々のParentの内容を出力
Application.java	DBから値を取り出し、出力する文字をまとめる	DBから値を取り出す

　まずは、index.scala.htmlです。

@(parents: List[models.Parent])
<!DOCTYPE html>
<html>
  <head>
    <title>DBの中身</title>
    <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
    <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
    <script src="@routes.Assets.at("javascripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
  </head>
  <body>
    @for(parent <- parents) {
        @main(parent)
    }
  </body>
</html>

　次に、main.scala.htmlです。

@(parent: models.Parent)
<div>@parent</div>
@for(child <- parent.children) {
    <div>└ @child</div>
}

　最後に、Application.javaです。

package controllers;
 
import java.util.List;
import models.Parent;
import play.db.ebean.Model.Finder;
import play.mvc.Controller;
import play.mvc.Result;
import views.html.index;
 
public class Application extends Controller {
 
    public static Result index() {
 
        // 現在のParentを全検索して表示
        Finder<Long, Parent> finder = new Finder<Long, Parent>(Long.class,
                Parent.class);
        List<Parent> parents = finder.all();
 
        return ok(index.render(parents));
    }
}

　index.scala.htmlの引数を変えているので、Application.javaを上記の通り修正するとEclipse上でコンパイルエラーになると思います。ここで、「http://localhost:9000/」にアクセスしコンパイルし直すとコンパイルエラーも解消されます。Webブラウザでは、このように表示されるはずです。

図4　修正後の表示結果

　一字一句同じにはならないですが、およそこの図のように表示されていれば修正成功です。

起こりやすい3つの問題と解消方法

　今回の修正を行うに際して、直面しやすい問題と解消方法をまとめました。

【1】テンプレートのインポートエラー解消方法

　テンプレートをインポートすると、Eclipse上でコンパイルエラーが表示されます。以下は「main.scala.html」というテンプレートを作成してJavaコードから呼び出した場合の例です。

　このままでもプロジェクトを実行できますが、Javaクラスファイルが格納される「target/scala-2.9.1/classes_managed」フォルダへのパスを通すとエラー表示を解消できます。上記例の場合、テンプレートのJavaクラスファイルは次の通り格納されます。

　次の手順を行うことでJavaクラスファイルへのパスを通し、コンパイルエラーを表示させないようにすることができます。

プロジェクトを右クリックして、［ビルド・パス］→［ビルド・パスの構成」を選択
［ライブラリー］を選択して［クラス・フォルダーの追加］を押す
「target/scala-2.9.1/classes_managed」を選択して［OK］を押す

　以上を1度行っておくことで、以降は、プロジェクトを実行してWebブラウザでアクセスすれば、コンパイルエラーが消えるようになります。それでもコンパイルエラーが消えないときは、targetフォルダやその配下のフォルダを右クリックして［リフレッシュ］するようにしてください。

【2】テンプレートの日本語の文字化け解消方法

　Eclipseでの開発時にテンプレートに文字化けが生じるときがあります。

　次のように文字化けを解消してください。

対象となるテンプレートを右クリックして、［プロパティー］を選択
［テキスト・ファイルのエンコード］で［デフォルト］がオンになっていたら、［その他］をオンにし、「UTF-8」を選択
［適用］→［OK］を押す

　また、<header>タグがあるテンプレートファイルであれば、以下のような<meta>タグでContent-Typeでエンコードを指定すると、なお良いでしょう。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

【3】Javaクラスファイルが最新化されない状況の解消方法

　プロジェクトを実行すると、クラスファイルなどを格納するtargetフォルダが自動的に更新されますが、「classes_managed」「src_managed」フォルダは正しく更新されないときがあります。

　エラーが発生したら、次の手順を行って最新化するようにしてください。

targetフォルダを右クリックして［リフレッシュ］を実行
target/scala-2.9.1フォルダ内の「classes_managed」と「src_managed」フォルダを削除。確認ダイアログ（［フォルダーの削除を確認］）が開く場合は［すべてはい］を選択
プロジェクトを実行
プロジェクトを右クリックして［リフレッシュ］すると、2で削除したフォルダが再度出現。フォルダが出現しない場合は、targetフォルダやその配下のフォルダを直接［リフレッシュ］