2007 年 3 月 30 日 23 時 0 分

デザインの続き


このアーカイブは同期化されません。 mixi の日記が更新されても、このアーカイブには反映されません。


[写真]


他にも適当に画面を作っていこう。

まずは上の「編集」ボタンを押した際に遷移する、
情報の編集画面を作る。

========== /WEB-INF/pages/filter/edit-info.jsp ==========
<?xml version="1.0" encoding="UTF-8" ?>

<%@ page contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" %>

<%@ taglib prefix="html"
        uri="http://struts.apache.org/tags-html" %>

<!DOCTYPE html PUBLIC
        "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html:html xhtml="true">

<head>
    <meta http-equiv="Content-type"
            content="text/html; charset=UTF-8" />
    <title>パケットフィルタ: 編集</title>
</head>

<body>
    <h1>パケットフィルタ: 編集</h1>
    <form action="./update-info">
        <p>
            既定の処理:
            <input type="radio" name="v1"
                    value="" checked="checked" />許可
            <input type="radio" name="v1"
                    value="" />拒否
        </p>
        <p>
            <input size="60" name="v2" />
        </p>
        <p>
            <input type="submit" value="更新" />
            <input type="submit" value="キャンセル" />
        </p>
    </form>
</body>

</html:html>
========== end of /WEB-INF/pages/filter/edit-info.jsp ==========

んで、次は下の「編集」ボタンを押した際に遷移する、
フィルタルール情報の編集画面を作る。

========== /WEB-INF/pages/filter/edit-rule.jsp ==========
<?xml version="1.0" encoding="UTF-8" ?>

<%@ page contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" %>

<%@ taglib prefix="html"
        uri="http://struts.apache.org/tags-html" %>

<!DOCTYPE html PUBLIC
        "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html:html xhtml="true">

<head>
    <meta http-equiv="Content-type"
            content="text/html; charset=UTF-8" />
    <style>
        table {
            border: 1px solid gray;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid gray;
            padding: 2px;
        }
    </style>
    <title>パケットフィルタ: ルールの編集</title>
</head>

<body>
    <h1>パケットフィルタ: ルールの編集</h1>
    <form action="./update-rule">
        <table>
            <tr>
                <td>有効</td>
                <td>
                    <input type="checkbox" name="v1" value="" />
                </td>
            </tr>
            <tr>
                <td>処理</td>
                <td>
                    <input type="radio" name="v2"
                            value="" checked="checked" />許可
                    <input type="radio" name="v2"
                            value="" />拒否
                </td>
            </tr>
            <tr>
                <td>プロトコル</td>
                <td>
                    <input type="checkbox" name="v3"
                            value="" />TCP
                    <input type="checkbox" name="v3"
                            value="" />UDP
                </td>
            </tr>
            <tr>
                <td>発信アドレス</td>
                <td>
                    <input name="v4" value="" />
                </td>
            </tr>
            <tr>
                <td>発信ポート</td>
                <td>
                    <input name="v5" value="" />
                </td>
            </tr>
            <tr>
                <td>宛先アドレス</td>
                <td>
                    <input name="v5" value="" />
                </td>
            </tr>
            <tr>
                <td>宛先ポート</td>
                <td>
                    <input name="v6" value="" />
                </td>
            </tr>
            <tr>
                <td>備考</td>
                <td>
                    <input name="v7" size="60" value="" />
                </td>
            </tr>
        </table>
        <p>
            <html:submit>更新</html:submit>
            <html:cancel>キャンセル</html:cancel>
        </p>
    </form>
</body>

</html:html>
========== end of /WEB-INF/pages/filter/edit-rule.jsp ==========

テスト用のマッピングを追加して画面を確認しよう。

<action path="/filter/edit-info"
forward="/WEB-INF/pages/filter/edit-info.jsp" />

<action path="/filter/edit-rule"
forward="/WEB-INF/pages/filter/edit-rule.jsp" />

http://localhost:8080/struts-test/filter/edit-info.do
http://localhost:8080/struts-test/filter/edit-rule.do

よし、とりあえず View としては、昨日の分を合わせて、
合計 3 枚あれば十分かな。



Copyright (c) 1994-2007 Project Loafer. All rights reserved.