欢迎页面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所示。

[img]http://dl2.iteye.com/upload/attachment/0110/4524/267961ed-e398-3b8f-b42d-e97686f0ad63.jpg[/img]