MyBatis 和 Spring 的整合（四）

時間 2019-11-11

原文原文鏈接

6. 前面完成了 Spring、MyBatis 的整合，接下來完成 web 部分。html

a. 整合（一）中，咱們在 web.xml 中配置了 welcome-file：welcome.jsp，那麼在 WebRoot 目錄下新建welcom.jsp（注意：WEB-INF 下的資源是不能夠直接訪問的）。
java

<%@ 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>Welcome Here</title>
	</head>
	<body>
		Welcome to MyBatis and Spring!
		<br>
		<jsp:forward page="WEB-INF/jsp/userManage/findUser.jsp"></jsp:forward>
	</body>
</html>

b. welcome.jsp 頁面將跳轉到頁面 WEB-INF/jsp/userManage/findUser.jsp 頁面
web

<%@ 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>User Search</title>
	</head>
	<body>
		<form action="${pageContext.request.contextPath}/userManage/findUserById.action" method="get">
			<table>
				<tr>
					<td>UserId:</td>
					<td>
						<input type="text" name="userId"/>
					</td>
					<td>
						<input type="submit" value="Search">
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

c. 查詢出 user 後，跟據 UserController 配置，顯示在 userDetail.jsp 頁面中，與 findUser.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>User Details</title>
	</head>
	<body>
		<form action="">
			<table>
				<tr>
					<td align="left">用戶ID:</td>
					<td>
						<input type="text" value="${user.userId}" />
					</td>
				</tr>
				<tr>
					<td align="left">姓名:</td>
					<td>
						<input type="text" value="${user.username}" />
					</td>
				</tr>
			</table>
		</form>
	</body>

到這裏基本完成了，將項目部署到 tomcat 中。打開瀏覽器並輸入地址：http://localhost:8080/ssm/ ，輸入userId 進行查詢。tomcat

後面還會再補充：事務管理、Interceptor、AOP 之類的。。。
jsp