搭建SpringMVC框架,实现简单登陆功能

文章目录

1. 工具准备
2. 大致步骤
3. 配置
4. 效果截图

阅读本篇文章之前建议先阅读以下前面两篇关于Spring的简单配置，Spring这系列的教程主要是为了让给初学者可以快速的掌握Spring的相关配置，如果希望应用于实际项目，还需要深入学习。

本次教程主要是使用简单配置实现用户登录验证功能。
要求：
1、搭建简单的Spring MVC框架
2、开发登陆功能（登陆成功跳转到欢迎页面，失败给出相应的提示）

工具准备

1：MyEclipse 10 + Jdk6.0 及以上

2：所需Jar包

大致步骤

1.创建动态WEB项目

2.添加jar

3.编写模型层代码

4.编写业务层代码

5.编写控制器类

6.添加配置文件

7.编写JSP

配置

1、使用Eclipse创建web项目SpringMVCDemo1

创建web项目

2、添加所需的jar

下载前面提供的jar并导入到项目当中

创建web项目

3、配置web.xml

核心控制器是一个叫做DispatcherServlet的类完成用于拦截特定的请求

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>SpringMVCDemo1</display-name>
  <servlet>
  	<servlet-name>dispatcherServlet</servlet-name>
  	<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  	<init-param>
  		<param-name>contextConfigLocation</param-name>
  		<param-value>WEB-INF/config/applicationContext*.xml</param-value>
  	</init-param>
  	<load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
  	<servlet-name>dispatcherServlet</servlet-name>
  	<url-pattern>*.html</url-pattern>
  </servlet-mapping>
</web-app>
``` 
4、创建Spring配置文件applicationContext.xml,放到WEB-INF/config/目录下
Bean Name:被请求地址
Bean Class : 用来处理请求的控制器
``` bash
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.springframework.org/schema/beans 
http://www.springframework.org/schema/beans/spring-beans-3.0.xsd">
<bean name="/login.html" class="com.xhay1122.controller.LoginController" scope="prototype" />
</beans>
``` 
5、业务逻辑控制器LoginController.java
实现业务逻辑控制器的方式主要四种（本教程使用的是第一种方式）.
	1).实现Controller接口 org.springframework.web.servlet.mvc.Controller
	2).继承AbstarctController抽象类 org.springframework.web.servlet.mvc.AbstractController
	3). MultiActionController org.springframework.web.servlet.mvc.multiaction.MultiActionController
	4).通过注解快速实现业务逻辑控制器 @Controller配合@RequestMapping实现
``` bash
package com.xhay1122.controller;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;
/**
 * 项目名称：SpringMVCDemo1
 * 类名称：LoginController
 * 类描述：   
 * 创建人：xhay
 * 创建时间：2015年4月23日 下午4:09:56
 * 修改人：xhay
 * 修改时间：2015年4月23日 下午4:09:56
 * 修改备注：   
 * @version 1.0
 * 软件工程创新实验室  
 */
public class LoginController implements Controller{
	
	public ModelAndView handleRequest(HttpServletRequest request,
			HttpServletResponse response) throws Exception {
		//获取表单提交数据
		String userName = request.getParameter("userName");
		String userPwd = request.getParameter("userPwd");
		//创建模型视图对象用来返回
		ModelAndView mav = new ModelAndView();
		if("admin".equals(userName) && "admin".equals(userPwd)){
			//将页面需要使用的数据保存
			mav.addObject("currentUserName", userName);
			//设置视图名称
			mav.setViewName("/index.jsp");
		}
		else{
			mav.addObject("error", "用户名或密码错误");
			mav.setViewName("/login.jsp");
		}
		return mav;
	}
}
``` 
6、登录页面
``` bash
<%@ 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=ISO-8859-1">
<title>用户登录</title>
</head>
<body>
	${error }
	<form action="login.html" method="post">
		用户名:<input type="text" name="userName" /><br />
		密&nbsp;&nbsp;码:<input type="text" name="userPwd" /><br />
		<input type="submit" value="登陆" />
	</form>
	
</body>
</html>

7、欢迎界面index.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=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	当前登陆的用户名${currentUserName }
</body>
</html>

效果截图

登录界面

登录成功

下载完整源代码