2007 年 3 月 29 日 23 時 37 分

画面をデザインする


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


[写真]


まずは画面のデザインを考えてみる。
デザインといっても凝ったことをする気はないので、
単に HTML を適当に書いて画面の表示を確認するのが目的だ。

========== /WEB-INF/pages/filter/list.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="./edit-info.do">
        <p>
            既定の処理: 拒否<br />
            備考: 内向きフィルタ
        </p>
        <p>
            <input type="submit" value="編集" />
        </p>
    </form>
    <form action="./manage-rules.do">
        <table>
            <caption>フィルタルール</caption>
            <tr>
                <th rowspan="2"></th>
                <th rowspan="2">有効</th>
                <th rowspan="2">処理</th>
                <th rowspan="2">プロトコル</th>
                <th colspan="2">発信</th>
                <th colspan="2">宛先</th>
                <th rowspan="2">備考</th>
                <th rowspan="2"></th>
            </tr>
            <tr>
                <th>アドレス</th>
                <th>ポート</th>
                <th>アドレス</th>
                <th>ポート</th>
            </tr>
            <tr>
                <td><input type="checkbox" name="select" value="" /></td>
                <td>○</td>
                <td>許可</td>
                <td>TCP</td>
                <td>*</td>
                <td>*</td>
                <td>192.168.0.240</td>
                <td>80</td>
                <td>Web サーバ</td>
                <td><input type="submit" value="編集" /></td>
            </tr>
            <tr>
                <td><input type="checkbox" name="select" value="" /></td>
                <td>○</td>
                <td>許可</td>
                <td>TCP,UDP</td>
                <td>*</td>
                <td>*</td>
                <td>192.168.0.241</td>
                <td>53</td>
                <td>DNS サーバ</td>
                <td><input type="submit" value="編集" /></td>
            </tr>
            <tr>
                <td><input type="checkbox" name="select" value="" /></td>
                <td>○</td>
                <td>許可</td>
                <td>UDP</td>
                <td>*</td>
                <td>53</td>
                <td>*</td>
                <td>*</td>
                <td>DNS 応答</td>
                <td><input type="submit" value="編集" /></td>
            </tr>
        </table>
        <p>
            <input type="submit" value="追加" />
            |
            <input type="submit" value="上へ" />
            <input type="submit" value="下へ" />
            <input type="submit" value="有効" />
            <input type="submit" value="無効" />
            <input type="submit" value="削除" />
        </p>
    </form>

</body>

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

struts-config.xml に確認用のマッピングを追加する。

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

ブラウザで確認。
http://localhost:8080/struts-test/filter/list.do

まあ、こんなもんかな。



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