- 全 称
- Spring+SpringMVC+MyBatis
- 外文名
- SSM
- 用 处
- 开源的框架集
- 中文名
- SSM框架集
-
SSM
2018-06-10 22:40:47 -
ssm
2019-06-25 16:07:19整合 ssm 最详细 文章 》》》https://blog.csdn.net/gebitan505/article/details/44455235整合 ssm 最详细 文章 》》》https://blog.csdn.net/gebitan505/article/details/44455235
-
SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
2014-07-19 12:49:02使用SSM(Spring、SpringMVC和Mybatis)已经有三个多月了,项目在技术上已经没有什么难点了,基于现有的技术就可以实现想要的功能,当然肯定有很多可以改进的地方。之前没有记录SSM整合的过程,这次刚刚好基于自己的...使用SSM(Spring、SpringMVC和Mybatis)已经有三个多月了,项目在技术上已经没有什么难点了,基于现有的技术就可以实现想要的功能,当然肯定有很多可以改进的地方。之前没有记录SSM整合的过程,这次刚刚好基于自己的一个小项目重新搭建了一次,而且比项目搭建的要更好一些。以前解决问题的过程和方法并没有及时记录,以后在自己的小项目中遇到我再整理分享一下。这次,先说说三大框架整合过程。个人认为使用框架并不是很难,关键要理解其思想,这对于我们提高编程水平很有帮助。不过,如果用都不会,谈思想就变成纸上谈兵了!!!先技术,再思想。实践出真知。(可通过图片水印查看博客地址)
1、基本概念
1.1、Spring
Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而,Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言,任何Java应用都可以从Spring中受益。 简单来说,Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架。
1.2、SpringMVC
Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面。Spring MVC 分离了控制器、模型对象、分派器以及处理程序对象的角色,这种分离让它们更容易进行定制。
1.3、MyBatis
MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为MyBatis 。MyBatis是一个基于Java的持久层框架。iBATIS提供的持久层框架包括SQL Maps和Data Access Objects(DAO)MyBatis 消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索。MyBatis 使用简单的 XML或注解用于配置和原始映射,将接口和 Java 的POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。
2、开发环境搭建
如果需要,参看之前的博文:http://blog.csdn.net/zhshulin/article/details/30779873
3、Maven Web项目创建
如果需要,参看之前的博文:http://blog.csdn.net/zhshulin/article/details/37921705
4、SSM整合
下面主要介绍三大框架的整合,至于环境的搭建以及项目的创建,参看上面的博文。这次整合我分了2个配置文件,分别是spring-mybatis.xml,包含spring和mybatis的配置文件,还有个是spring-mvc的配置文件,此外有2个资源文件:jdbc.propertis和log4j.properties。完整目录结构如下(最后附上源码下载地址,不建议直接使用源码,因为此教程已经有了全部代码):
使用框架都是较新的版本:
Spring 4.0.2 RELEASE
Spring MVC 4.0.2 RELEASE
MyBatis 3.2.6
4.1、Maven引入需要的JAR包
为了方便后面说的时候不需要引入JAR包,我这里直接给出所有需要的JAR包,这都是基本的JAR包,每个包的是干什么的都有注释,就不再多说了。
pom.xml
<properties> <!-- spring版本号 --> <spring.version>4.0.2.RELEASE</spring.version> <!-- mybatis版本号 --> <mybatis.version>3.2.6</mybatis.version> <!-- log4j日志文件管理包版本 --> <slf4j.version>1.7.7</slf4j.version> <log4j.version>1.2.17</log4j.version> </properties> <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</version> <!-- 表示开发的时候引入,发布的时候不会加载此包 --> <scope>test</scope> </dependency> <!-- 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.2.2</version> </dependency> <!-- 导入java ee jar 包 --> <dependency> <groupId>javax</groupId> <artifactId>javaee-api</artifactId> <version>7.0</version> </dependency> <!-- 导入Mysql数据库链接jar包 --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.30</version> </dependency> <!-- 导入dbcp的jar包,用来在applicationContext.xml中配置数据库 --> <dependency> <groupId>commons-dbcp</groupId> <artifactId>commons-dbcp</artifactId> <version>1.2.2</version> </dependency> <!-- JSTL标签类 --> <dependency> <groupId>jstl</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <!-- 日志文件管理包 --> <!-- log start --> <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version>${log4j.version}</version> </dependency> <!-- 格式化对象,方便输出日志 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.1.41</version> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-api</artifactId> <version>${slf4j.version}</version> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-log4j12</artifactId> <version>${slf4j.version}</version> </dependency> <!-- log end --> <!-- 映入JSON --> <dependency> <groupId>org.codehaus.jackson</groupId> <artifactId>jackson-mapper-asl</artifactId> <version>1.9.13</version> </dependency> <!-- 上传组件包 --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> <dependency> <groupId>commons-codec</groupId> <artifactId>commons-codec</artifactId> <version>1.9</version> </dependency> </dependencies>
4.2、Spring与MyBatis的整合
所有需要的JAR包都引入以后,首先进行Spring与MyBatis的整合,然后再进行JUnit测试,先看一个项目结构图:
4.2.1、建立JDBC属性文件
jdbc.properties(文件编码修改为utf-8)
driver=com.mysql.jdbc.Driver url=jdbc:mysql://10.221.10.111:8080/db_zsl username=demao password=demao #定义初始连接数 initialSize=0 #定义最大连接数 maxActive=20 #定义最大空闲 maxIdle=20 #定义最小空闲 minIdle=1 #定义最长等待时间 maxWait=60000
4.2.2、建立spring-mybatis.xml配置文件
这个文件就是用来完成spring和mybatis的整合的。这里面也没多少行配置,主要的就是自动扫描,自动注入,配置数据库。注释也很详细,大家看看就明白了。
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: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"> <!-- 自动扫描 --> <context:component-scan base-package="com.cn.hnust" /> <!-- 引入配置文件 --> <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:com/cn/hnust/mapping/*.xml"></property> </bean> <!-- DAO接口所在包名,Spring会自动查找其下的类 --> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.cn.hnust.dao" /> <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>
4.2.3、Log4j的配置
为了方便调试,一般都会使用日志来输出信息,Log4j是Apache的一个开放源代码项目,通过使用Log4j,我们可以控制日志信息输送的目的地是控制台、文件、GUI组件,甚至是套接口服务器、NT的事件记录器、UNIX Syslog守护进程等;我们也可以控制每一条日志的输出格式;通过定义每一条日志信息的级别,我们能够更加细致地控制日志的生成过程。
Log4j的配置很简单,而且也是通用的,下面给出一个基本的配置,换到其他项目中也无需做多大的调整,如果想做调整或者想了解Log4j的各种配置,参看我转载的一篇博文,很详细:
http://blog.csdn.net/zhshulin/article/details/37937365
下面给出配置文件目录:
log4j.properties
#定义LOG输出级别 log4j.rootLogger=INFO,Console,File #定义日志输出目的地为控制台 log4j.appender.Console=org.apache.log4j.ConsoleAppender log4j.appender.Console.Target=System.out #可以灵活地指定日志输出格式,下面一行是指定具体的格式 log4j.appender.Console.layout = org.apache.log4j.PatternLayout log4j.appender.Console.layout.ConversionPattern=[%c] - %m%n #文件大小到达指定尺寸的时候产生一个新的文件 log4j.appender.File = org.apache.log4j.RollingFileAppender #指定输出目录 log4j.appender.File.File = logs/ssm.log #定义文件最大大小 log4j.appender.File.MaxFileSize = 10MB # 输出所以日志,如果换成DEBUG表示输出DEBUG以上级别日志 log4j.appender.File.Threshold = ALL log4j.appender.File.layout = org.apache.log4j.PatternLayout log4j.appender.File.layout.ConversionPattern =[%p] [%d{yyyy-MM-dd HH\:mm\:ss}][%c]%m%n
4.2.4、JUnit测试
经过以上步骤(到4.2.2,log4j不配也没影响),我们已经完成了Spring和mybatis的整合,这样我们就可以编写一段测试代码来试试是否成功了。
4.2.4.1、创建测试用表
既然我们需要测试,那么我们就需要建立在数据库中建立一个测试表,这个表建的很简单,SQL语句为:
DROP TABLE IF EXISTS `user_t`; CREATE TABLE `user_t` ( `id` int(11) NOT NULL AUTO_INCREMENT, `user_name` varchar(40) NOT NULL, `password` varchar(255) NOT NULL, `age` int(4) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8; /*Data for the table `user_t` */ insert into `user_t`(`id`,`user_name`,`password`,`age`) values (1,'测试','sfasgfaf',24);
4.2.4.2、利用MyBatis Generator自动创建代码
参考博文:http://blog.csdn.net/zhshulin/article/details/23912615
这个可根据表自动创建实体类、MyBatis映射文件以及DAO接口,当然,我习惯将生成的接口名改为IUserDao,而不是直接用它生成的UserMapper。如果不想麻烦就可以不改。完成后将文件复制到工程中。如图:
4.2.4.3、建立Service接口和实现类
目录结构:
下面给出具体的内容:
IUserService.jave
package com.cn.hnust.service; import com.cn.hnust.pojo.User; public interface IUserService { public User getUserById(int userId); }
UserServiceImpl.javapackage com.cn.hnust.service.impl; import javax.annotation.Resource; import org.springframework.stereotype.Service; import com.cn.hnust.dao.IUserDao; import com.cn.hnust.pojo.User; import com.cn.hnust.service.IUserService; @Service("userService") public class UserServiceImpl implements IUserService { @Resource private IUserDao userDao; @Override public User getUserById(int userId) { // TODO Auto-generated method stub return this.userDao.selectByPrimaryKey(userId); } }
4.2.4.4、建立测试类
测试类在src/test/java中建立,下面测试类中注释掉的部分是不使用Spring时,一般情况下的一种测试方法;如果使用了Spring那么就可以使用注解的方式来引入配置文件和类,然后再将service接口对象注入,就可以进行测试了。
如果测试成功,表示Spring和Mybatis已经整合成功了。输出信息使用的是Log4j打印到控制台。
package org.zsl.testmybatis; import javax.annotation.Resource; import org.apache.log4j.Logger; import org.junit.Before; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.context.ApplicationContext; import org.springframework.context.support.ClassPathXmlApplicationContext; import org.springframework.test.context.ContextConfiguration; import org.springframework.test.context.junit4.SpringJUnit4ClassRunner; import com.alibaba.fastjson.JSON; import com.cn.hnust.pojo.User; import com.cn.hnust.service.IUserService; @RunWith(SpringJUnit4ClassRunner.class) //表示继承了SpringJUnit4ClassRunner类 @ContextConfiguration(locations = {"classpath:spring-mybatis.xml"}) public class TestMyBatis { private static Logger logger = Logger.getLogger(TestMyBatis.class); // private ApplicationContext ac = null; @Resource private IUserService userService = null; // @Before // public void before() { // ac = new ClassPathXmlApplicationContext("applicationContext.xml"); // userService = (IUserService) ac.getBean("userService"); // } @Test public void test1() { User user = userService.getUserById(1); // System.out.println(user.getUserName()); // logger.info("值:"+user.getUserName()); logger.info(JSON.toJSONString(user)); } }
测试结果:至此,完成Spring和mybatis这两大框架的整合,下面在继续进行SpringMVC的整合。
4.3、整合SpringMVC
上面已经完成了2大框架的整合,SpringMVC的配置文件单独放,然后在web.xml中配置整合。
4.3.1、配置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.cn.hnust.controller" /> <!--避免IE执行AJAX时,返回JSON出现下载文件 --> <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>text/html;charset=UTF-8</value> </list> </property> </bean> <!-- 启动SpringMVC的注解功能,完成请求和注解POJO的映射 --> <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="messageConverters"> <list> <ref bean="mappingJacksonHttpMessageConverter" /> <!-- JSON转换器 --> </list> </property> </bean> <!-- 定义跳转的文件的前后缀 ,视图模式配置--> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <!-- 这里的配置我的理解是自动给后面action的方法return的字符串加上前缀和后缀,变成一个 可用的url地址 --> <property name="prefix" value="/WEB-INF/jsp/" /> <property name="suffix" value=".jsp" /> </bean> <!-- 配置文件上传,如果没有使用文件上传可以不用配置,当然如果不配,那么配置文件中也不必引入上传组件包 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 默认编码 --> <property name="defaultEncoding" value="utf-8" /> <!-- 文件大小最大值 --> <property name="maxUploadSize" value="10485760000" /> <!-- 内存中的最大值 --> <property name="maxInMemorySize" value="40960" /> </bean> </beans>
4.3.2、配置web.xml文件
这里面对spring-mybatis.xml的引入以及配置的spring-mvc的Servlet就是为了完成SSM整合,之前2框架整合不需要在此处进行任何配置。配置一样有详细注释,不多解释了。
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_3_0.xsd" version="3.0"> <display-name>Archetype Created Web Application</display-name> <!-- 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> <!-- 此处可以可以配置成*.do,对应struts的后缀习惯 --> <url-pattern>/</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>/index.jsp</welcome-file> </welcome-file-list> </web-app>
4.3.3、测试
至此已经完成了SSM三大框架的整合了,接下来测试一下,如果成功了,那么恭喜你,如果失败了,继续调试吧,作为程序员就是不停的与BUG做斗争!
4.3.3.1、新建jsp页面
showUser.jsp 此页面仅输出一下用户名,完成一个完整的简单流程。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>测试</title> </head> <body> ${user.userName} </body> </html>
4.3.3.2、建立UserController类
UserController.java 控制器
package com.cn.hnust.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.cn.hnust.pojo.User; import com.cn.hnust.service.IUserService; @Controller @RequestMapping("/user") public class UserController { @Resource private IUserService userService; @RequestMapping("/showUser") public String toIndex(HttpServletRequest request,Model model){ int userId = Integer.parseInt(request.getParameter("id")); User user = this.userService.getUserById(userId); model.addAttribute("user", user); return "showUser"; } }
4.3.3.3、部署项目
输入地址:localhost:8080/项目名称/user/showUser?id=1
至此,SSM三大框架的整合就完成了,在此基础上可再添加其他功能。
源码下载地址:http://download.csdn.net/detail/u012909091/7658611
(转载注明出处:http://blog.csdn.net/zhshulin)
-
Java SSM练手小项目-手把手带你搭建一个基于SSM框架的人力资源管理后台系统
2018-03-11 00:22:54相信很多小伙伴在学习完SSM三大架构以后,不知道该如何找到一个简单容易上手的项目进行实战训练,经常在博客上看到一个不错的项目下载下来以后全部都是代码,无处下手。因此本文力求以最简单易懂的项目结构和代码...前言
相信很多小伙伴在学习完SSM三大架构以后,不知道该如何找到一个简单容易上手的项目进行实战训练,经常在博客上看到一个不错的项目下载下来以后全部都是代码,无处下手。因此本文力求以最简单易懂的项目结构和代码搭建一个还较为完整(即从登录到退出的整个流程)的后台系统。(适合新手)
整个项目的操作流程动态图如下(由于CSDN对上传图片大小有限制,这里录制的gif画面很不清晰,点击图片查看更清晰):
(点击图片查看)已经将服务部署到服务器,可以在线进行体验: 线上体验链接
项目的整体结构:
用到的技术栈有:
- 框架:SSM
- 数据库:MySQL
- 前端框架:Bootstrap快速搭 搭建JSP页面
- 项目管理:MAVEN
- 开发工具:Intellij IDEA
- 开发环境:Windows
从这个项目中你可以完整独立地体验从前端到后台的搭建过程,以及使用SSM框架完成后台的CRUD整个流程。
注:项目代码下载链接:SSM_HRMS代码下载链接 .一、准备
准备部分主要包括数据库建表、SSM框架的搭建启动。
1 数据库建表
tbl_emp表:DROP TABLE IF EXISTS `tbl_emp`; CREATE TABLE `tbl_emp`( `emp_id` int(11) UNSIGNED NOT NULL auto_increment, `emp_name` VARCHAR(22) NOT NULL DEFAULT '', `emp_email` VARCHAR(256) NOT NULL DEFAULT '', `gender` CHAR(2) NOT NULL DEFAULT '', `department_id` int(11) NOT NULL DEFAULT 0, PRIMARY KEY(`emp_id`) ) ENGINE=INNODB DEFAULT CHARSET=UTF8;
tbl_dept表:
DROP TABLE IF EXISTS `tbl_dept`; CREATE TABLE `tbl_dept`( `dept_id` int(11) UNSIGNED NOT NULL auto_increment, `dept_name` VARCHAR(255) NOT NULL DEFAULT '', `dept_leader` VARCHAR(255) NOT NULL DEFAULT '', PRIMARY KEY(`dept_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
对应的实体类见bean/Employee.java和bean/Department.java。
(在测试部分,运行EmployeeMapperTest.java 和 DepartmentMapperTest.java,可以将数据插入到表中)2 SSM项目搭建与启动
(1)本次项目使用的是MAVEN进行JAR包的管理,首先导入项目中可能用到的依赖包:
见pom.xml.(2)Web项目的配置文件:web.xml:
见WEB-INF/web.xml.(3)Spring容器配置文件:applicationContext.xml:
见resources/applicationContext.xml.(4)SpringMVC配置文件:springmvc.xml:
见resources/springmvc.xml.3 测试
写好上述配置文件后,可以在controller目录下新建TestController.java文件和WEB-INF/jsp/test.jsp,启动容器测试是否成功。二、DAO层代码完成与测试
这一章主要完成数据库底层的CRUD代码实现与测试工作。
1. MyBasits配置文件
见resources/MyBatis.xml.2. DAO层代码
首先编写实体类Employee 与 表tbl_emp相关操作代码。
EmployeeMapper.java主要接口有:int deleteOneById(@Param("empId") Integer empId); int updateOneById(@Param("empId") Integer empId, @Param("employee") Employee employee); int insertOne(Employee employee); Employee selectOneById(@Param("empId") Integer empId); Employee selectOneByName(@Param("empName") String empName); // 查询带有部门信息的Employee Employee selectWithDeptById(@Param("empId") Integer empId); // 分页查询 List<Employee> selectByLimitAndOffset(@Param("limit") Integer limit,@Param("offset") Integer offset); int countEmps();
具体实现参考EmployeeMapper.java与EmployeeMapper.xml中代码。
写完后需要对实现的代码进行测试,以验证代码的正确性。
测试用例代码见EmployeeMapperTest.java。类似地,
实体类Department与 表tbl_dept相关操作代码实现也如上类似,具体实现见DepartmentMapper.java 与 DepartmentMapper.xml,测试用例代码见DepartmentMapperTest.java。三、前端页面的搭建
前端页面实现的最终效果如下。
主页面:
员工操作页面(部门操作页面类似):
(点击图片查看)最后加上一个登陆页面(比较简单的页面加上最简单的登录判断):
(点击图片查看)主要就是采用Bootstrap3去搭建这个前端页面,然后再利用SSM框架+JSP完成从前端到后端的整个流程。
下面首先Bootstrap3去搭建前端页面。1 主页面的静态搭建
主页面的HTML代码实现放在webapp/static/html/hrms_main.html,(此处仅仅为了方便查看和参考)。
整个主页面完成后,分别将其中公共部分的代码提取出来,如导航栏,左侧栏,尾部这3个部分都属于公共部分,
分别见hrms_head.html、hrms_foot.html、hrms_leftsidebar.html三个部分。2 公共页面的JSP实现及分层
下面将上述公共部分的HTML代码用JSP实现,详细见WEB-INF/jsp/commom目录下的head.jsp、foot.jsp、leftsidebar.jsp。
然后实现主页面的内容,主要包括三个公共部分(导航栏+左侧栏+尾部+轮播部分),实现效果如下:
(点击图片查看)新建main.jsp,将上述三个公共部分的代码用
<<%@ include file="./commom/xx.jsp"%>>
引入,再用Bootstrap实现轮播图部分即可,具体实现见main.jsp中代码。3 员工操作/部门操作的静态页面实现
员工操作页面与主页面3个公共部分相同,不同之处在于中间部分展示的是员工信息的表格显示,而主页面是一个轮播图。
(点击图片查看)下面就将实现employeePage的页面,详细代码见employeePage.jsp(即将main.jsp中的轮播部分换成员工表单显示部分即可)。
(为了方便对比与查看,将实现的HTML部分代码留在了项目目录中,
实现的HTML代码见WEB-INF/static/html/hrms_employee.html。
相应的部门显示的页面类似,
实现的HTML代码见WEB-INF/static/html/hrms_department.html。
然后将上述代码分别用JSP页面实现,即对应的employeePage.jsp和departmentPage.jsp。)四、员工CRUD操作前后端实现
1 员工信息查询的数据显示
页面搭建完成以后,就要将从后台获取到的数据展示在对应的页面中。页面数据展示部分主要实现是利用JSP的JSTL表达式和AJAX+jQuery,将从后台获取到的数据显示在页面对应的位置。
由于部门操作与员工操作类似,下面主要讲解员工显示页面的实现。
整个流程是从数据库中查询到数据后,放在SpringMVC的ModelAndView中,然后前端通过JSTL就可以解析获取到的结果集。
(1)首先写一个JSON相关的操作类:JsonMsg.java。
(2)业务操作:EmployeeService.java;
(3)Controller类:EmployeeController.java;
EmployeeController.java中接口"“emp/getEmpList?pageNo=XXX”"是根据输入的页码返回对应页数的数据,然后用JSTL表达式进行解析显示。@RequestMapping(value = "/getEmpList", method = RequestMethod.GET) public ModelAndView getEmp(@RequestParam(value = "pageNo", defaultValue = "1") Integer pageNo){ ModelAndView mv = new ModelAndView(""); int limit = 5; // 记录的偏移量(即从第offset行记录开始查询), // 如第1页是从第1行(offset=(21-1)*5=0,offset+1=0+1=1)开始查询; // 第2页从第6行(offset=(2-1)*5=5,offset+1=5+1=6)记录开始查询 int offset = (pageNo-1)*limit; //获取指定页数包含的员工信息 List<Employee> employees = employeeService.getEmpList(offset, limit); //获取总的记录数 int totalItems = employeeService.getEmpCount(); //获取总的页数 int temp = totalItems / limit; int totalPages = (totalItems % limit == 0) ? temp : temp+1; //当前页数 int curPage = pageNo; //将上述查询结果放到Model中,在JSP页面中可以进行展示 mv.addObject("employees", employees) .addObject("totalItems", totalItems) .addObject("totalPages", totalPages) .addObject("curPage", curPage); return mv; }
然后在employeePage.jsp页面上将后端的Modal中数据取出来进行显示。
主要代码有:<tbody> <c:forEach items="${employees}" var="emp"> <tr> <td>${emp.empId}</td> <td>${emp.empName}</td> <td>${emp.empEmail}</td> <td>${emp.gender == "M"? "女": "男"}</td> <td>${emp.department.deptName}</td> <td> <a href="#" role="button" class="btn btn-primary">编辑</a> <a href="#" role="button" class="btn btn-danger">删除</a> </td> </tr> </c:forEach> </tbody>
和
<div class="table_items"> 当前第<span class="badge">${curPage}</span>页,共有<span class="badge">${totalPage}</span>页,总记录数<span class="badge">${totalItems}</span>条。 </div>
(4)分页栏的代码实现。
分页栏完成效果如下:
(点击图片查看)关于分页栏需要完成的需求有:
- 当前页需要激活(主要是页面上的1,2,3,4,5页);
- 在首页(第1页)的时候,<< 禁止点击;
- 在末页(最后一页)的时候,>>禁止点击;
- 默认显示首页数据;
- 首页,上一页,末页,下一页添加事件,显示对应页码数据
- 中间页每一页,为其添加点击事件,并跳转到对应页面;
- 左边信息栏中当前第X页需要根据点击的页数同步显示。
主要的代码实现都是在前端使用jQuery+JSTL实现的。代码如下:
<div class="panel-body"> 此处代码略 </div>
以及对应的jQuery实现上一页、下一页的操作:
$(function () { //上一页 var curPage = ${curPage}; var totalPages = ${totalPages}; $(".prePage").click(function () { if (curPage > 1){ var pageNo = curPage-1; $(this).attr("href", "/emp/getEmpList?pageNo="+pageNo); } }); //下一页 $(".nextPage").click(function () { if (curPage < totalPages){ var pageNo = curPage+1; $(this).attr("href", "/emp/getEmpList?pageNo="+pageNo); } }); })
最后在主页面中的员工信息加上一个指定链接,跳转到当前员工信息显示的页面(部门操作类似,不再赘述),以及点击公司LOGO的时候跳转到主页面。
代码如下:
head.jsp:<script type="text/javascript"> //跳转到主页面 $("#company_logo").click(function () { $(this).attr("href", "/hrms/main"); });
leftsidebar.jsp:
<script type="text/javascript"> //跳转到员工页面 $(".emp_info").click(function () { $(this).attr("href", "/hrms/emp/getEmpList"); }); //跳转到部门页面 $(".dept_info").click(function () { $(this).attr("href", "/hrms/dept/getDeptList"); }); </script>
至此,员工信息的显示部分基本完成。
2 员工添加
接下来将会实现员工的新增操作,以及对新增数据的简单验证。
完成的页面效果如下:
(点击图片查看)主要完成的需求有:
- (1)点击左侧栏的员工新增按钮,弹出员工新增的模态框页面;
- (2)对输入的姓名和邮箱格式进行验证,格式不正确,提示错误信息;
- (4) 对输入的姓名进行姓名是否重复判断,重复则提示重复信息;
- (5)添加成功后跳转到添加记录所在的页面(即最后一页);
- (6)添加失败则提示错误信息。
后台代码实现主要有:
/** * 查询输入的员工姓名是否重复 * @param empName * @return */ @RequestMapping(value = "/checkEmpExists", method = RequestMethod.GET) @ResponseBody public JsonMsg checkEmpExists(@RequestParam("empName") String empName){ //对输入的姓名与邮箱格式进行验证 String regName = "(^[a-zA-Z0-9_-]{3,16}$)|(^[\\u2E80-\\u9FFF]{2,5})"; if(!empName.matches(regName)){ return JsonMsg.fail().addInfo("name_reg_error", "输入姓名为2-5位中文或6-16位英文和数字组合"); } Employee employee = employeeService.getEmpByName(empName); if (employee != null){ return JsonMsg.fail().addInfo("name_reg_error", "用户名重复"); }else { return JsonMsg.success(); } } /** * 新增记录后,查询最新的页数 * @return */ @RequestMapping(value = "/getTotalPages", method = RequestMethod.GET) @ResponseBody public JsonMsg getTotalPage(){ int totalItems = employeeService.getEmpCount(); //获取总的页数 int temp = totalItems / 5; int totalPages = (totalItems % 5 == 0) ? temp : temp+1; return JsonMsg.success().addInfo("totalPages", totalPages); } /** * 新增员工 * @param employee 新增的员工信息 * @return */ @RequestMapping(value = "/addEmp", method = RequestMethod.POST) @ResponseBody public JsonMsg addEmp(Employee employee){ int res = employeeService.addEmp(employee); if (res == 1){ return JsonMsg.success(); }else { return JsonMsg.fail(); } }
前端代码见employeeAdd.jsp。
主要是jQuey的操作,很多操作可以封装成一个函数进行调用,例如错误信息的显示。本文为了便于查看,没有进行封装。3 员工更改
员工修改操作完成页面如下:
(点击图片查看)更改主要完成的需求有:
- (1) 获取点击修改员工的id与name;
- (2) 根据id或name查询出对应员工信息进行回显;
- (3) 回显部门列表;
- (4) 进行修改,对修改的邮箱格式进行判断;
- (5) 点击更新按钮,发送AJAX请求到后台进行保存;
- (6)更改成功后跳转到当前更改页面。
后台代码实现主要有:
/** * 更改员工信息 * @param empId * @param employee * @return */ @RequestMapping(value ="/updateEmp/{empId}", method = RequestMethod.PUT) @ResponseBody public JsonMsg updateEmp(@PathVariable("empId") Integer empId, Employee employee){ int res = employeeService.updateEmpById(empId, employee); if (res != 1){ return JsonMsg.fail().addInfo("emp_update_error", "更改异常"); } return JsonMsg.success(); }
前端页面+jQuery代码见:employeeUpdate.jsp。
4 员工删除
员工删除操作完成页面如下:
(点击图片查看)删除主要完成的需求有:
- (1)弹出确认框:是否删除XX信息;
- (2)发送AJAX请求,执行删除操作;
- (3)删除成功后,跳转到当前页。
后台代码:
/** * 员工删除操作 * @param empId * @return */ @RequestMapping(value = "/deleteEmp/{empId}", method = RequestMethod.DELETE) @ResponseBody public JsonMsg deleteEmp(@PathVariable("empId") Integer empId){ int res = employeeService.deleteEmpById(empId); if (res != 1){ return JsonMsg.fail().addInfo("emp_del_error", "员工删除异常"); } return JsonMsg.success(); }
前端页面代码见employeePage.jsp:
<!-- ==========================员工删除操作=================================== --> $(".emp_delete_btn").click(function () { var curPage = ${curPage}; var delEmpId = $(this).parent().parent().find("td:eq(0)").text(); var delEmpName = $(this).parent().parent().find("td:eq(1)").text(); if (confirm("确认删除【" + delEmpName+ "】的信息吗?")){ $.ajax({ url:"/hrms/emp/deleteEmp/"+delEmpId, type:"DELETE", success:function (result) { if (result.code == 100){ alert("删除成功!"); window.location.href="/hrms/emp/getEmpList?pageNo="+curPage; }else { alert(result.extendInfo.emp_del_error); } } }); } });
至此,SSM项目的增删改查操作也基本完成,部门操作与上类似,本文不再赘述,感兴趣的可以略看Department相关操作的代码。
5 登录页面
最后,为求项目的完整性,加上一个登陆页面,实现的效果
图如下:
(点击图片查看)后台主要做了一个简单的登录验证,代码见LoginController.java:
/** * 登录:跳转到登录页面 * @return */ @RequestMapping(value = "/login", method = RequestMethod.GET) public String login(){ return "login"; } /** * 对登录页面输入的用户名和密码做简单的判断 * @param request * @return */ @RequestMapping(value = "/dologin", method = RequestMethod.POST) @ResponseBody public JsonMsg dologin(HttpServletRequest request){ String username = request.getParameter("username"); String password = request.getParameter("password"); System.out.println(username + password); if (!"admin1234".equals(username + password)){ return JsonMsg.fail().addInfo("login_error", "输入账号用户名与密码不匹配,请重新输入!"); } return JsonMsg.success(); } /** * 跳转到主页面 * @return */ @RequestMapping(value = "/main", method = RequestMethod.GET) public String main(){ return "main"; } /** * 退出登录:从主页面跳转到登录页面 * @return */ @RequestMapping(value = "/logout", method = RequestMethod.GET) public String logout(){ return "login"; }
前台页面见login.jsp代码;以及退出登录按钮的操作见head.jsp:
//账号退出 $(".hrms_logout").click(function () { window.location.href = "/hrms/logout"; });
注:
容器配置:
五、项目代码下载
最后,将本次项目的代码上传到我的github当中,想要下载项目源码的话:戳这里。
如果觉得对你有帮助别忘了在我的github上随手点个star,THX!If any problem, contact me with QQ : 1032335358.(请注明来源于CSDN)
2018/03/09 in NJ.
【页面404 fix】 - fix in 2019/01/31
这段时间比较忙,很多同学的评论都没有来得及回复,很是抱歉。
看了下评论,基本上都是登录无反应 和 点击页面404的问题,404一般是绝对路径的问题,可以在代码中加上绝对路径就不会出错。
在配置容器的时候,只要点上如下配置,即可解决上述问题。
-
Spring+SpringMVC+Mybatis框架整合例子(SSM) 下载
2014-07-21 12:06:07本资源对应博文:http://blog.csdn.net/zhshulin/article/details/37956105,可以通过博文进行学习,不建议下载完整源码,博文有详细教程,以及代码。 -
SSM整合,非常详细的SSM整合
2018-04-04 14:42:36对于ssm框架网上有很多,这里只是自己为大家提供的一个ssm整合框架参考分享,这个前提是基于maven的管理工具写的, 如果觉得写得不好,博主这边已经把代码上传了: 不妨可以参考代码再理解学习:... -
-
【Spring记录】SSM框架中Dao层,Mapper层,controller层,service层,model层,entity层都有什么作用
2018-05-10 09:53:25SSM是sping+springMVC+mybatis集成的框架。 MVC即model view controller。 model层=entity层。存放我们的实体类,与数据库中的属性值基本保持一致。 service层。存放业务逻辑处理,也是一些关于数据库处理的操作... -
SSM框架整合,SSM简单应用,SSM实现增删查改,SSM入门,SSM整合源码下载(转)
2018-04-04 09:23:59SSM框架整合,SSM简单应用,SSM实现增删查改,SSM入门,SSM整合源码下载 -
基于Spring+mybatis的SSM失物招领管理系统
2019-07-20 17:01:16运行环境:jdk 1.8 IDE环境:Eclipse 硬件环境:windows 7/8/10 1G内存以上 框架:java+Spring+mybatis 可以实现:用户发布失物,或者招领失物,管理员对用户,失物信息...SSM失物招领管理系统-未登录-登录的界面↓↓... -
SSM+BootStrap整合(SSM高级整合)
2019-09-12 14:36:09SSM+BootStrap实现SSM的基本整合和CRUD,,封装一些常规方法,可直接使用。 -
SSM高级整合(SSM+BootStrap)
2017-07-23 19:56:12SSM+BootStrap实现SSM的基本整合和CRUD!!! -
Java SSM框架简介
2019-10-03 22:39:54前言:在学习Java SSM框架前,我提前学习了反射、注解和MVC模式,因为它们频繁在SSM框架中被用到,建议大家先弄明白了这些基础知识,再学习SSM框架就很简单了。 Java进阶知识1:反射机制 Java进阶知识2:注解 ... -
SSM框架
2020-05-03 20:59:40一 三层架构和SSM框架的对应关系 -
ssm整合——学完ssm之后ssm整合笔记整理
2019-06-16 20:42:53文章目录SSMSSM配置SSM测试 SSM SSM配置 新建dynamic web project项目 配置jar包 spring与springmvc相关 mybatis与mybatis-connector-java jar包 包含mybatis与spring整合的jar包 配置web.xml文件 配置springmvc... -
使用IDEA搭建ssm框架
2020-09-05 17:05:34ssm(spring springMVC mybatis) 1.创建项目 file->new->project 2.新建的maven项目目录结构 添加ssm需要的文件夹等 如果去掉java文件夹的蓝色标志,会发现这里new时不能创建java类或包 如果main/java前... -
SSM登录实例
2017-08-20 15:14:36SSM登录实例,包含测试数据库 -
ssm配置spring配置
2018-06-06 16:22:18ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssmspring配置ssm... -
基于SSM的健身管理系统
2017-08-30 15:25:45SSM框架的搭建可以参考前一篇博文,里面有详细步骤。---传送门--- 项目结构如图所示: 下面开始上源码 applicationContext: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=... -
SSM框架模板
2016-12-30 11:58:42SSM框架模板 -
SSM框架简介
2018-08-27 15:58:18SSM框架简介 SSM框架,是Spring + Spring MVC + MyBatis的缩写,这个是继SSH之后,目前比较主流的Java EE企业级框架,适用于搭建各种大型的企业级应用系统。 1.Spring简介 &nbsp;&nbsp;&... -
ssm框架
2019-05-07 15:31:57ssm SSM框架 SSM(Spring+SpringMVC+MyBatis)框架集由Spring、MyBatis两个开源框架整合而成(SpringMVC是Spring中的部分内容)。在这个快速发展的互联经济的时代,SSM框架提高了开发人员的工作效率,及时的开发出... -
SSM框架实现登录注册功能
2018-09-18 21:44:53很久之前用SSM框架写了一个注册登录的小程序(当然前端用的是模板),也算是自己的入门之作。今晚稍作修改,拿出来给大家学习,程序也许会有BUG,还请见谅。 下面说一下我的运行环境: Myeclipse 2017 CI 1 ... -
终于,狂神说SSM及SpringBoot系列文章完更!!!
2020-04-25 10:22:59经过了近一个月的时间,小狂神终于将SSM及SpringBoot视频对应文章更新完毕!!!记得文末喜欢走一波,码字不易,从公众号开通,就保持日更,何尝不是一种打卡呢?你们都坚持看了吗~如果... -
SSM入门
2020-05-29 14:23:21整合Spring+Spring MVC+Mybatis,线下流行的做法。 文档+视频+项目代码学习,轻松整合SSM -
SSM个人博客项目实战(SSM+EasyUI)
2017-07-15 14:56:20SSM实现个人博客项目,前台使用EasyUI!
-
一天学完MySQL数据库
-
文件下载
-
5G+急诊救治 - 5G救护车远程会诊智慧医疗解决方案
-
高效率低谐波失真宽带功率放大器设计
-
基于python的dango框架购物商城毕业设计毕设源代码使用教程
-
【U8】实施工具导入时间很长没有任何提示
-
XP usb3.0 ahci-NVME cn.iso
-
Linux基础入门系列课程
-
linux基础入门和项目实战部署系列课程
-
Mysql高级
-
龙芯实训平台应用实战(希云)
-
Cibot:PW Telecomunication不和谐机器人-源码
-
ci-test:Github Actions CICD的测试存储库-源码
-
@RefreshScope 注解对 Eureka Client 实例创建的重要性
-
计划:Assignment Scheduler应用-源码
-
TBtools_windows-x64_1_075.rar
-
关于EditText与软键盘的一些记录
-
调整docker存储日志大小
-
DFRobot_LIS2DW12-源码
-
1129 Recommendation System (25 分)