欢迎页面welcome.jsp

3、欢迎页面welcome.jsp

当登录验证成功时，将会跳转到欢迎页面welcome.jsp。该页面是JSP架构原型的导航页面，即通过该页面可以添加新的功能，并提供到新功能的导航链接。页面包含如下几部分内容：

①页面顶部显示LOGO区域，显示两张图片，并在图片下方显示一条横线<hr>；

②这里的导航是通过显示一系列的链接来实现的，页面按照左右两部分显示，左侧显示导航链接；

③右侧显示欢迎信息，并从Session中取出登录用户的用户名。在该部分还显示了一个表单，当单击【退出】按钮时，提交到logout.jsp执行退出操作。

文件代码如程序4-6所示。

程序4-6  欢迎页面welcome.jsp

<table width="100%">
    <tr>
        <td><img src="images/logo4.png"></td>
        <td><img src="images/logo2.png" height="90"></td>
    </tr>
    <tr>
        <td colspan="2">
        <hr>
        </td>
    </tr>
    <tr>
        <td>
        <table>
            <tr>
                <td><a href="welcome.jsp">Main</a></td>
            </tr>
            <tr>
                <td><a href="menu1.jsp">Menu1</a></td>
            </tr>
            <tr>
                <td><a href="menu2.jsp">Menu2</a></td>
            </tr>
            <tr>
                <td><a href="menu3.jsp">Menu3</a></td>
            </tr>
            <tr>
                <td><a href="menu4.jsp">Menu4</a></td>
            </tr>
            <tr>
                <td><a href="menu5.jsp">Menu5</a></td>
            </tr>
            <tr>
                <td><a href="menu6.jsp">Menu6</a></td>
            </tr>
            <tr>
                <td><a href="menu7.jsp">Menu7</a></td>
            </tr>
            <tr>
                <td><a href="menu8.jsp">Menu8</a></td>
            </tr>
        </table>
        </td>
        <td>
        <form name="form1" action="logout.jsp" method="post">
        <table width="200" border="1">
            <tr>
                <td colspan="2">登录成功</td>
            <tr>
                <td>欢迎你，</td>
                <td><%=(String) session.
getAttribute("username")%></td>
            </tr>
            <tr>
                <td colspan="2"><input
type="submit" name="submit" value="退出"></td>
            </tr>
        </table>
        </form>
        </td>
    </tr>
</table>
欢迎页面最后的显示效果如图4-6所示。