チュートリアル1(実行例)

以下のモックアップ HTML から作成しています。今回のサイトは、ショッピングカートのようなものです。

shop.html

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>商品</title>
</head>
<body>
<form method="POST" action="cart.html">
<table name="list">
  <tbody>
    <tr>
      <td>A4ノート</td>
      <td>&nbsp;</td>
      <td align="right">189円</td>
      <td>&nbsp;</td>
      <td>数量<input size="3" type="text" name="count"></td>
      <td><input type="submit" name="buy" value="カートに入れる"></td>
    </tr>
  </tbody>
</table>
</form>
<p name="error"><font color="#ff0000">数量は1以上を指定して下さい。</font></p>
</body>
</html>

数量は1以上を指定して下さい。

cart.html

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>カート</title>
</head>
<body>
<form action="cart.html">
<table border="1" name="list">
  <tbody>
    <tr>
      <th>商品</th>
      <th>単価</th>
      <th>数量</th>
      <th>合計金額</th>
      <th>キャンセル</th>
    </tr>
    <tr>
      <td>A4ノート</td>
      <td align="right">189円</td>
      <td align="right">1</td>
      <td align="right">189円</td>
      <td><input type="submit" name="cancel" value="キャンセル"></td>
    </tr>
    <tr>
      <td colspan="3" align="right">計</td>
      <td align="right" name="sum">189円</td>
      <td align="right"></td>
    </tr>
  </tbody>
</table>
</form>
<form action="shop.html">
<input type="submit" name="return" value="買い物を続ける"> &nbsp; &nbsp; 
<input type="submit" name="buy" value="決済"></form>
</body>
</html>

商品	単価	数量	合計金額	キャンセル
A4ノート	189円	1	189円
計			189円

logicクラス一覧
No	モックアップファイル名	ページタイトル	クラス名	PageID	実行時URL ※getAliasURI()が優先されます。	特記
1	/cart.html	カート	test.logic.CartHtml	test.base.PageType.CART_HTML	on.6m2719.na
2	/shop.html	商品	test.logic.ShopHtml	test.base.PageType.SHOP_HTML	on.q3ppe5.na

以下は実行例です。

チュートリアル2(ソース)へ