掲示板を作るその1
せっかくなのでBBSを作ります。
多分何かを作れば昨日の疑問点を
解決できるであろうと信じて・・・
機能
記事を・投稿する
記事を・削除する
記事を・閲覧する
以上
さて、
とりあえず、
S2JSF Blank 1.1.0 Beta3
をサイトからダウンロードして
展開。
フォルダ名を
S2BBSに変更
.project、.tomcatpluginも修正。
eclipse(3.1)にインポートして、kijimuna、Tomcatプラグインなどの設定をチェック。
packageRootをhoge.mokkouyou.bbs
として、
web,dto,dao,logicのサブパッケを作成。
目的語が「記事」なので細かいのはなしで・・・
pagesディレクトリを作成し、bbs.htmlを(S2JSFプラグインで作成)
とりあえずはタグは含めません。
イメージちいさっ><
ソース載せるとテーブルが解釈されてしまうし(pre効かず)
方法がわからないのでとりあえず雰囲気だけ載せておきます。
インラインフレームのような表示方法がわかりませんので
とりあえずベタで・・・
とりあえずtextareaで
<html xmlns:m="http://www.seasar.org/maya"> <head> <title>S2BBS</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-31j"/> <link rel="stylesheet" type="text/css" href="../css/style.css"/> </head> <body> <div class="title">S2BBS</div> <form name="inputForm" class="inputForm"> <table class="inputTable"> <tr> <td class="tableLeft">項目</td> <td class="tableRight">値</td> </tr> <tr> <td class="tableLeft">名前</td> <td class="tableRight"><input type="text" name="name" value="名前を入力"></input></td> </tr> <tr> <td class="tableLeft">メールアドレス</td> <td class="tableRight"><input type="text" name="mail" value="メールアドレス"></input></td> </tr> <tr> <td class="tableLeft">タイトル</td> <td class="tableRight"><input type="text" name="title" value="タイトル"></input></td> </tr> <tr> <td class="tableLeft">本文</td> <td class="tableRight"><textarea name="message">本文を入力</textarea></td> </tr> <tr> <td class="tableLeft">削除用パスワード</td> <td class="tableRight"><input type="password" name="passwd" value="1234"></input></td> </tr> <tr> <td class="tableLeft">文字色</td> <td class="tableRight"> <input type="radio" name="color" value="black" checked><font color="black">■</font></input> <input type="radio" name="color" value="red"><font color="red">■</font></input> <input type="radio" name="color" value="blue"><font color="blue">■</font></input> <input type="radio" name="color" value="green"><font color="green">■</font></input> </td> </tr> </table> <input type="submit" name="submitBtn" value="投稿"></input> </form> <hr/> <table class="resultTable"> <tr> <td class="tableLeft">項目</td> <td class="tableRight">値</td> </tr> <tr> <td class="tableLeft">名前</td> <td class="tableRight">木工用td> </tr> <tr> <td class="tableLeft">メールアドレス</td> <td class="tableRight">hoge@hoge</td> </tr> <tr> <td class="tableLeft">タイトル</td> <td class="tableRight">初投稿</td> </tr> <tr> <td class="tableLeft">本文</td> <td class="tableRight"><font color="red">なんというか<br/>あれだよね</font></td> </tr> <tr> <td class="tableLeft">削除用パスワード</td> <td class="tableRight"><input type="password" name="passwd"></input> <input type="submit" name="deleteBtn" value="削除"></input></td> </tr> </table> <p/> <table class="resultTable"> <tr> <td class="tableLeft">項目</td> <td class="tableRight">値</td> </tr> <tr> <td class="tableLeft">名前</td> <td class="tableRight">木工用2</td> </tr> <tr> <td class="tableLeft">メールアドレス</td> <td class="tableRight">hoge2@hoge</td> </tr> <tr> <td class="tableLeft">タイトル</td> <td class="tableRight">テスト投稿</td> </tr> <tr> <td class="tableLeft">本文</td> <td class="tableRight"><font color="green">テスト</font></td> </tr> <tr> <td class="tableLeft">削除用パスワード</td> <td class="tableRight"><input type="password" name="passwd"></input> <input type="submit" name="deleteBtn" value="削除"></input></td> </tr> </table> </body> </html>