Spring4整合MyBatis3(5)

jsp頁面:

fkbookapp/WebContent/WEB-INF/content/loginForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登錄界面</title>
</head>
<body>
<h3>登錄頁面</h3>
<form action="login" method="post">
	<font color="red">${requestScope.message}</font>
	<table>
		<tr>
			<td><label>登錄名:</label></td>
			<td><input type="text" id="loginname" name="loginname"></td>
		</tr>
		<tr>
			<td>
				<label>密碼:</label>
			</td>
			<td>
				<input type="password" id="password" name="password">
			</td>
		</tr>
		<tr>
			<td>
				<input type="submit" value="登錄">
			</td>
		</tr>
	</table>
</form>
</body>
</html>
fkbookapp/WebContent/WEB-INF/content/main.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首頁</title>
<style type="text/css">
	table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;}
	th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
	th{font-weight:bold;background:#ccc;}
</style>
</head>
<body>
歡迎[${sessionScope.user.username}]訪問
<br>
<table border="1">
	<tr>
		<th>封面</th>
		<th>書名</th>
		<th>作者</th>
		<th>價格</th>
	</tr>
	<c:forEach items="${requestScope.book_list}" var="book">
		<tr>
			<td><img src="images/${book.image}" height="60"></td>
			<td>${book.name}</td>
			<td>${book.author}</td>
			<td>${book.price}</td>
		</tr>
	</c:forEach>
</table>
</body>
</html>

部署fkbookapp項目,在瀏覽器中輸入如下URL來測試應用:http://localhost:8080/fkbookapp/loginForm



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章