eclipse+maven+SSM框架实现最简单的网页登陆验证

效果展示

在这里插入图片描述
利用jsp写了上述index.jsp页面,输入账号密码,点击登陆,将跳转至error.jsp页面。如果账号密码正确,那么将显示提示信息:
在这里插入图片描述
否则将显示如下提示信息:
在这里插入图片描述
好了,接下来进入正题,开始ssm框架的搭建工作。

Step1 创建mysql数据库表

在mysql数据库中创建数据库:ssm181222_login,并且创建table:user,user表的内容如下:
在这里插入图片描述

Step2 在eclispe中创建maven web项目

这一步可以参考我的博客:第一个mavenweb项目的创建和运行。这里我创建的maven项目的名称为:ssm20181228login。

Step3 配置pom.xml

配置如下:

<project 
xmlns="http://maven.apache.org/POM/4.0.0" 
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.mybatis</groupId>
  <artifactId>ssm20181227login</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <build>
    <plugins>
         <plugin>
               <groupId>org.apache.maven.plugins</groupId>
               <artifactId>maven-compiler-plugin</artifactId> 
               <version>3.8.0</version>             
         	   
         	   <configuration>                
                 <source>10</source>     
                 <target>10</target>   
    		   </configuration>      
         </plugin> 
      </plugins>
  </build>
  <properties>
		<!-- spring版本号 -->
		<spring.version>5.1.3.RELEASE</spring.version>
		<!-- mybatis版本号 -->
		<mybatis.version>3.4.6</mybatis.version>
		<!-- 设置编码为utf-8 -->
		<project.build.sourceEncoding>
             UTF-8
         </project.build.sourceEncoding>
		
	</properties>
	
	<dependencies>
		<!-- spring核心包 -->
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-core</artifactId>
			<version>${spring.version}</version>
		</dependency>
 
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-web</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-oxm</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-tx</artifactId>
			<version>${spring.version}</version>
		</dependency>
 
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-jdbc</artifactId>
			<version>${spring.version}</version>
		</dependency>
 
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-webmvc</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-aop</artifactId>
			<version>${spring.version}</version>
		</dependency>
 
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-context-support</artifactId>
			<version>${spring.version}</version>
		</dependency>
 
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-test</artifactId>
			<version>${spring.version}</version>
		</dependency>
		
		<!-- mybatis核心包 -->
		<dependency>
			<groupId>org.mybatis</groupId>
			<artifactId>mybatis</artifactId>
			<version>${mybatis.version}</version>
		</dependency>
		<!-- mybatis/spring包 -->
		<dependency>
			<groupId>org.mybatis</groupId>
			<artifactId>mybatis-spring</artifactId>
			<version>1.3.2</version>
		</dependency>
		<dependency>
		    <groupId>javax.servlet</groupId>
		    <artifactId>javax.servlet-api</artifactId>
		    <version>3.1.0</version>
		</dependency>

		<!-- 导入Mysql数据库链接jar包 -->
		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<version>8.0.13</version>
		</dependency>
		<!-- 导入dbcp的jar包,用来在spring-mybatis.xml中配置数据库 -->
		<dependency>
			<groupId>commons-dbcp</groupId>
			<artifactId>commons-dbcp</artifactId>
			<version>1.4</version>
		</dependency>
		
		<dependency>
		    <groupId>commons-pool</groupId>
		    <artifactId>commons-pool</artifactId>
		    <version>1.6</version>
		</dependency>
		<!-- log end -->
	</dependencies>
</project>

step4 创建JDBC属性文件

在src/main/resources源文件夹下创建JDBC属性文件jdbc.properties,如下

driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://localhost/ssm181222_login?useSSL=false&serverTimezone=UTC&allowPublicKeyRetrieval=true
username=root
password=123456
#定义初始连接数
initialSize=0
#定义最大连接数
maxActive=20
#定义最大空闲
maxIdle=20
#定义最小空闲
minIdle=1
#定义最长等待时间
maxWait=60000

可能会出现中文乱码的现象,可以右键该文件,选择properties将编码改为utf-8。

Step5 建立spring-mybatis.xml配置文件

在src/main/resources源文件夹下创建spring-mybatis.xml配置文件,代码如下:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation=" http://www.springframework.org/schema/beans     
  						 http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
                       	http://www.springframework.org/schema/context 
   						http://www.springframework.org/schema/context/spring-context-3.0.xsd 
                        http://www.springframework.org/schema/mvc  
                        http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">
	<!-- 自动扫描 -->
	<context:component-scan base-package="com.cr" />
	<!-- 引入配置文件 -->
	<bean id="propertyConfigurer"
		class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
		<property name="location" value="classpath:jdbc.properties" />
	</bean>
 
	<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource"
		destroy-method="close">
		<property name="driverClassName" value="${driver}" />
		<property name="url" value="${url}" />
		<property name="username" value="${username}" />
		<property name="password" value="${password}" />
		<!-- 初始化连接大小 -->
		<property name="initialSize" value="${initialSize}"></property>
		<!-- 连接池最大数量 -->
		<property name="maxActive" value="${maxActive}"></property>
		<!-- 连接池最大空闲 -->
		<property name="maxIdle" value="${maxIdle}"></property>
		<!-- 连接池最小空闲 -->
		<property name="minIdle" value="${minIdle}"></property>
		<!-- 获取连接最大等待时间 -->
		<property name="maxWait" value="${maxWait}"></property>
	</bean>
 
	<!-- spring和MyBatis完美整合,不需要mybatis的配置映射文件 -->
	<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource" />
		<!-- 自动扫描mapping.xml文件 -->
		<property name="mapperLocations" value="classpath:UserMapper.xml"></property>
	</bean>
 
	<!-- DAO接口所在包名,Spring会自动查找其下的类 -->
	<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
		<property name="basePackage" value="com.cr.mapper" />
		<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>
 	</bean>
	<!-- (事务管理)transaction manager, use JtaTransactionManager for global tx -->
	<bean id="transactionManager"
		class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
		<property name="dataSource" ref="dataSource" />
	</bean>
</beans>

Step6 创建pojo类User.java

在src/main/java源文件夹下创建com.cr.pojo包,并在包下创建User.java类,代码如下:

package com.cr.pojo;
public class User {
	private int userId;
	private String userName;
	private String userPassword;

	public int getUserId() {
		return userId;
	}
	public void setUserId(int userId) {
		this.userId = userId;
	}

	public String getUserName() {
		return userName;
	}

	public void setUserName(String userName) {
		this.userName = userName;
	}

	public String getUserPassword() {
		return userPassword;
	}

	public void setUserPassword(String userPassword) {
		this.userPassword = userPassword;
	}
}

Step7 创建UserMapper接口

在src/main/java源文件夹下创建com.cr.mapper包,并在包下创建UserMapper.java接口,代码如下:

package com.cr.mapper;
public interface UserMapper
{
	//根据用户名查找用户密码
	public String getPasswordByName(String userName);
}

Step8 创建UserMapper.xml配置文件

在src/main/resources源文件夹下创建UserMapper.xml配置文件,代码如下:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" 
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.cr.mapper.UserMapper">
     <select id="getPasswordByName" parameterType="String" resultType="String">
        SELECT userPassword
        FROM user
        WHERE userName = #{userName}
    </select>
</mapper>

Step9 创建service接口IUserService.java和实现类UserServiceImpl.java

在src/main/java源文件夹下创建com.cr.service包,并在该包下创建IUserService.java接口,代码如下:

package com.cr.service;
import com.cr.pojo.User;
public interface IUserService 
{
	//根据用户名字查找用户密码
	public String getPasswordByName(String userName);
}

在src/main/java源文件夹下创建com.cr.service.impl包,并在该包下创建UserServiceImpl.java类,代码如下:

package com.cr.service.impl;
import javax.annotation.Resource;
import org.springframework.stereotype.Service;
import com.cr.mapper.UserMapper;
import com.cr.service.IUserService;
@Service("userService")
public class UserServiceImpl implements IUserService
{
	@Resource
	private UserMapper userMapper;
	//UserService调用UserMapper的访问数据库的方法获得原始数据,然后对原始数据进行操作
	//(ps:这里虽然未进行操作,但也建议不要缺省了创建service接口及其实现类这一步)
	public String getPasswordByName(String userName) {
		String userPassword = userMapper.getPasswordByName(userName);
		return userPassword;
	}
}

Step10 配置spring-mvc.xml

上述步骤完成了spring和mybatis的整合,接下来整合SpringMVC。在src/main/resources源文件目录下创建spring-mvc.xml配置文件,代码如下:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans  
                        http://www.springframework.org/schema/beans/spring-beans-3.1.xsd  
                        http://www.springframework.org/schema/context  
                        http://www.springframework.org/schema/context/spring-context-3.1.xsd  
                        http://www.springframework.org/schema/mvc  
                        http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">
	<!-- 自动扫描该包,使SpringMVC认为包下用了@controller注解的类是控制器 -->
	<context:component-scan base-package="com.cr.controller" />
	<!-- 定义跳转的文件的前后缀 ,视图模式配置-->
	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<!-- 这里的配置我的理解是自动给后面action的方法return的字符串加上前缀和后缀,变成一个 可用的url地址 -->
		<property name="prefix" value="/WEB-INF/jsp/" />
		<property name="suffix" value=".jsp" />
	</bean>
</beans>

Step11 配置web.xml文件

在/src/main/webapp/WEB-INF文件夹下配置web.xml文件,代码如下:

<?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_4_0.xsd" 
	version="4.0">
  <display-name>ssm20181228login</display-name>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <!-- Spring和mybatis的配置文件 -->
	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:spring-mybatis.xml</param-value>
	</context-param>
	<!-- 编码过滤器 -->
	<filter>
		<filter-name>encodingFilter</filter-name>
		<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
		<async-supported>true</async-supported>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>UTF-8</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
	
	<!-- Spring监听器 -->
	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>
	<!-- 防止Spring内存溢出监听器 -->
	<listener>
		<listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class>
	</listener>
 
	<!-- Spring MVC servlet -->
	<servlet>
		<servlet-name>SpringMVC</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>classpath:spring-mvc.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
		<async-supported>true</async-supported>
	</servlet>
	<servlet-mapping>
		<servlet-name>SpringMVC</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>
</web-app>

Step12 创建UserController.java控制器类

在src/main/java源文件夹下创建com.cr.controller包,并在该包下创建UserController.java类,代码如下:

package com.cr.controller;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import com.cr.service.IUserService;

@Controller
@RequestMapping("/user")
public class UserController 
{	
	@Resource
	private IUserService userService;
	@RequestMapping("/login")
	public String loginAction(HttpServletRequest request,Model model)
	{	//从index.jsp的表单获取到的用户输入的用户名
		String userName = request.getParameter("userName");
		//从index.jsp的表单获取到的用户输入的密码
		String userPassword1 = request.getParameter("userPassword");
		//从数据库查询到的用户密码
		String userPassword2 = this.userService.getPasswordByName(userName);
		String message = "";
		//判断密码是否一致
		if(userPassword1.equals(userPassword2))
		{
			message = "恭喜你,登陆成功!";
		}
		else
		{
			message = "很遗憾,登陆失败!";
		}
		model.addAttribute("message", message);
		//跳转到error.jsp页面
		return "error";
	}
}

Step13 创建登陆的主页index.jsp

在/src/main/webapp文件夹下创建index.jsp页面,代码如下:

<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
	<title>主页</title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
	<div style="width: 33%;margin:auto;padding:30px;">
		<div style="text-align: center;color:#1abc9c">
		<h1>----LOGIN---PAGE----</h1>
		</div>
		<form action="user/login" method="post">
			  <div class="form-group" >
			    <label for="userName">User Name</label>
			    <input type="text" class="form-control" name="userName" id="userName" placeholder="user name">
			  </div>
			  
			  <div class="form-group">
			    <label for="userPassword">Password</label>
			    <input type="password" class="form-control" name="userPassword" id="userPassword"  placeholder="Password">
			  </div>
			  <button type="submit" class="btn btn-default" 
			  style="width:100%;height:50px;background-color:#1abc9c;color:white;font-size: 1.6em;">Login</button>
		</form>
	</div>
</body>
</html>

这段代码的核心就是一个登陆的表单from,只是添加了一些bootstrap基础样式。

Step14 创建登陆后的信息反馈页面error.jsp

在/src/main/webapp/WEB-INF文件夹下创建文件夹jsp,并在该文件夹下创建error.jsp页面,代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>提示信息</title>
</head>
<body>
		<div style="text-align: center;color:#1abc9c">
			<h1>${message }</h1>
		</div>
</body>
</html>

Step15 调试运行

上面我们已经完成了全部的创建工作,完整的项目结构如下:
在这里插入图片描述
右键点击server下已经配置好的server(图中ssm),选择Add and Remove,将我们的maven web项目添加到server。右键点击server(图中ssm),选择start运行服务器。然后打开网页输入:localhost:8080/ssm20181228login,将弹出如下网页:
在这里插入图片描述
输入正确的账号密码以后将显示登陆成功,输入错误的账号密码将显示登陆失败。
至此,恭喜你成功的利用eclipse+maven搭建了第一个ssm框架下的web登陆验证小项目!
PS:com.cr.pojo.User.java类并未在此项目中未使用到,但其是后续的其他功能实现所需要的。

参考

第一个mavenweb项目的创建和运行
https://blog.csdn.net/weixin_44003141/article/details/85320925

SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
https://blog.csdn.net/zhshulin/article/details/37956105

  • 8
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值