Paraselene - Java Webアプリケーションフレームワーク 3.tutorial3

チュートリアル1(モックアップ)

2009-10-16T12:20:22+00:00

今回はブログ(のようなもの)を作成します。画面が大きいので、動作は以下のようにします。 * 最近の記事は、最大５件を表示。 * 中央部の記事は３件まで表示。それより多い場合は、前へ、次へリンクで移動。 * ホームリンクは先頭へ戻る。 * 写真は上下、最大２ヶ所。 * ログインのパスワードは"pass"。 * 削除用投稿リストは、全件そのまま表示する。 * 新規投稿はできるが、修正機能は持たない。 * 本文はタグをそのまま書きこむようにする。改行も
と書かなくてはならない。 * アップロードするものは、拡張子が jpg でなければエラーとする。 * アップロードした画像は、"/tmp/blog/"の下に保存する。また、表示もそれを参照する。 * 画像は必須項目としない。カテゴリは最低１つ選ばせる。それ以外は必須項目。 * 例によって DB 等使わず、単純に変数上で管理する。…

チュートリアル2(スケルトン)

2009-10-16T12:29:51+00:00

ダウンロード専用クラスいつものようにスケルトンを生成しますが、up.jpg と down.jpg はサンプル用に入れているだけなので不要です。これらは削除してツールにかけます。その代わり、この写真を表示するためのロジックが必要です(/tmp/blog/ の下は、http アクセスで直接表示可能な場所ではない)。 html と同じ場所に、photo という名前の空ファイルを置いておきます。これは HTML テキストではなく、何らかのデータをダウンロードさせるためのクラスとなります。…

チュートリアル3(削除機能)

2009-10-16T12:39:07+00:00

まず、管理者画面の削除機能から実装します。 public class AdminHtml extends tutorial3.view.AdminHtml { private Line org_line; public void init(){ super.init(); // モックアップHTMLの内容と異なる内容で初期化したい場合は // super.init()の後に変更用の処理を記述して下さい。 // このメソッドは上記コンストラクタの中から呼ばれます。 // インスタンス発生はバックグラウンドで非同期に処理していますので // HTTPリクエスト発生よりずっと過去に初期化されます。 // このため、ユーザーのトランザクションに応じた条件分岐を設けても // 意図した振る舞いになりません。 org_line = getDeleteListTable().getLineReplica( 1 ); …

チュートリアル4(投稿フォーム)

2009-10-16T13:05:15+00:00

下部の投稿フォームを実装します。まずは初期化処理を記述します。 public void init(){ super.init(); // モックアップHTMLの内容と異なる内容で初期化したい場合は // super.init()の後に変更用の処理を記述して下さい。 // このメソッドは上記コンストラクタの中から呼ばれます。 // インスタンス発生はバックグラウンドで非同期に処理していますので // HTTPリクエスト発生よりずっと過去に初期化されます。 // このため、ユーザーのトランザクションに応じた条件分岐を設けても // 意図した振る舞いになりません。 org_line = getDeleteListTable().getLineReplica( 1 ); getTitleInput().setTitle( "タイトル" ); getTextTextarea().setTitle( "本…

チュートリアル5(ブログ画面)

2009-10-16T13:12:29+00:00

メインページ、ブログの画面を実装します。まずは簡単なログインから。 public Forward inputMain( RequestParameter req, Forward fw ) throws PageException { // fwにはモックアップと同じ遷移先が設定されています。 // 別の遷移先としたい場合は、新しくForwardインスタンスを生成して // リターンして下さい。 if ( getLoginInput().isClicked() ) { try { if ( !getPasswordInput().getValueString().equals( "pass" ) ) { throw new Exception(); } } catch( Exception e ) { …

チュートリアル6(記事生成)

2009-10-16T13:23:42+00:00

では記事生成部を作成します。記事は３つまでの繰り返しとなりますが、普通にやろうと思うと Paraselene では簡単に作成できません。name が被ると配列化を引き起こすため各

の特定が困難になります。そのため、BlogHtml インスタンスをもう１つ準備し、そこへ記事を書き込み、記事部分を丸ごと this へ複製する事で処理を実現する事にします。

チュートリアル7(ページ切替)

2009-10-16T13:40:53+00:00

リンクの設定続いて、ページ切り替え用のリンクを設けます。 private Tag makeLink( String str, int page_no, int article_no ) throws PageException { String query = "page=" + Integer.toString( page_no ); String fragment = null; article_no %= MAX_ARTICLE; if ( article_no > 0 ) { fragment = "jump" + Integer.toString( article_no ); } URIAttribute href = createPageToURI( "href", PageType.BLOG_HTML, fragment, query ); Tag tag = new Tag( "a", false ); …

チュートリアル8(Dawnloadable)

2009-10-16T13:57:58+00:00

スケルトンソース最後に画像表示部分を実装します。スケルトン生成時に指定した photo という空ファイルが元になった Photo クラスを使用します。 HTML ではないものをブラウザへ送信する役目を持ちます。実際のソースを確認してみます。

チュートリアル9(画像表示)

2009-10-16T14:06:04+00:00

ブログページの画像部分を実装します。 private void setImagePath( Attribute attr, int article_no, int image_no ) { Article article = Article.db.get( article_no ); String path = URIAttribute.pageToDownloadURI( PageType.PHOTO, new java.io.File( article.image[image_no] ).getName(), Photo.ARTICLE + "=" + Integer.toString( article_no ), Photo.IMAGE + "=" + Integer.toString( image_no ) ); attr.set( path ); }

アップロードダウンロード

2009-10-17T01:59:30+00:00

タグ用の画像ファイルをアップロードし、それを表示する例を使ったチュートリアルです。 * チュートリアル1(モックアップ) * チュートリアル2(スケルトン) * チュートリアル3(削除機能) * チュートリアル4(投稿フォーム) * チュートリアル5(ブログ画面) * チュートリアル6(記事生成) * チュートリアル7(ページ切替) * チュートリアル8(Dawnloadable) * チュートリアル9(画像表示)…

Paraselene - Java Webアプリケーション フレームワーク 3.tutorial3