效果展示
利用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