基于SSM+MySQL+BootStrap实现CRM系统中的客户管理模块（一）——搭建开发环境

绝地灬酷狼 2023-06-26 05:43 8阅读 0赞

学完Spring、SpringMVC以及MyBatis这三个非常常用的框架之后，大家不妨做个小项目玩玩，而且还能巩固一下所学的知识，何乐而不为呢！这不，我就基于SSM+MySQL+BootStrap实现了CRM系统中的一个客户管理模块，说白了，就是实现了客户管理模块中的CRUD操作，所以，大家要是感兴趣的话，可以跟着我的脚本一步一步实现客户管理模块中的CRUD操作，要是不感兴趣的话，看看也无妨啊！

大家可能很好奇做完这个小项目之后，最后呈现出的效果是咋样的？不妨给大家看看，如下图所示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70]  
怎么样，相信你做出来之后，一定很有成就感！

# 项目所需资源（包括数据库脚本文件、项目所需jar包以及静态页面） #

要做这样一个小项目，就需要这些资源：数据库脚本文件、项目所需jar包以及静态页面。这里，我也提供了这些资源的百度网盘下载链接：[https://pan.baidu.com/s/1XFO64DvqIdlMlqXek\_4QeQ][https_pan.baidu.com_s_1XFO64DvqIdlMlqXek_4QeQ]，提取码: fj9g。记得下载这些资源哟！因为在做项目的过程中，你会需要的。

# 搭建开发环境 #

## 创建数据库（包括客户表） ##

创建一个数据库，例如crm\_ssm，然后将下载下来的名称为crm.sql的sql脚本文件导入到crm\_ssm数据库中，这儿我使用的是Navicat for MySQL图形化工具来导入的。完了后，你会看到crm\_ssm数据库中有如下三张表。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 1]

## 工程搭建 ##

说白了，就是整合Spring、SpringMVC以及MyBatis这三个框架。关于如何整合这三框架，大家可以参考我的这篇文章——[《SpringMVC快速入门第四讲——Spring、MyBatis和SpringMVC的整合》][SpringMVC_Spring_MyBatis_SpringMVC]，大家不想看，也没关系，在这里我会再讲一遍。

### 创建web项目，引入jar包 ###

创建一个web项目，例如crm\_ssm，并引入下载下来的项目所需jar包，大概一共有41个jar包。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 2]

### 整合思路 ###

在整合Spring、SpringMVC以及MyBatis这三个框架之前，大家在脑子里一定要有一个清晰的整合思路，想一想，整合思路是不是下面这样子的？  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 3]  
现在思路清晰了，接下来就开始整合了。

### 整合dao层 ###

整合dao层也就是整合持久层。

#### 创建MyBatis全局配置文件 ####

在工程下新建一个config源码目录，并在该源码目录下创建一个名为SqlMapConfig.xml的MyBatis全局配置文件。

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd">
    <configuration>
    
    </configuration>

可以看出，在整合的时候，这个全局配置文件已经很清爽了，根本就没啥东东了，因为数据源啊、Mapper.xml映射文件啊啥的都交给Spring去管理了。

#### 创建Spring配置文件 ####

创建完MyBatis的全局配置文件后，接下来就要创建Spring的配置文件了。我会将Spring配置文件中的内容分别进行分类，并分别写在不同的文件中，但这些文件都放置在config/spring目录下了。由于这儿是对dao层的整合，所以可以将配置文件起名为applicationContext-dao.xml。

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" 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-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd">
    
    	
    	<context:property-placeholder location="classpath:jdbc.properties" />
    
    	
    	<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
    		<property name="driverClassName" value="${jdbc.driver}" />
    		<property name="url" value="${jdbc.url}" />
    		<property name="username" value="${jdbc.username}" />
    		<property name="password" value="${jdbc.password}" />
    	</bean>
    
    	
    	<bean class="org.mybatis.spring.SqlSessionFactoryBean">
    		
    		<property name="configLocation" value="classpath:SqlMapConfig.xml" />
    		
    		<property name="dataSource" ref="dataSource" />
    		
    		<property name="typeAliasesPackage" value="com.meimeixia.crm.pojo"></property>
    	</bean>
    
    	
    	<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
    		
    		<property name="basePackage" value="com.meimeixia.crm.mapper" />
    	</bean>
    </beans>

注意，千万一定记得加载Mybatis的全局配置文件，虽然这个全局配置文件中的内容是空的，但是这个全局配置文件是必不可少的。从以上Spring配置文件中的内容可以看出，整合dao层的时候主要配置了一下数据源（**而且使用的还是阿里巴巴提供的数据源，据说这个数据源是市面上最优秀的数据源！**）、SqlSessionFactory和包扫描器，这样的话，数据源、SqlSessionFactory以及Mapper在Tomcat服务器启动时就被Spring实例化到容器中了。其中，jdbc.properties属性配置文件的内容如下：

jdbc.driver=com.mysql.jdbc.Driver
    jdbc.url=jdbc:mysql://localhost:3306/crm_ssm?characterEncoding=utf-8
    jdbc.username=root
    jdbc.password=liayun

### 整合service层 ###

注意一点，在整合service层时需要配置事务。

#### 创建applicationContext-service.xml ####

这里是第二个与Spring相关的配置文件了，该文件还是位于config/spring目录下，它主要是用来配置所有的service的。

这儿只须配置包扫描器，专门扫描service层中带@Service注解的类。

#### 创建applicationContext-trans.xml ####

这里是第三个与Spring相关的配置文件了，该文件依然位于config/spring目录下，它主要是用来配置Spring事务管理的。

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" 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-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd">
    
    	
    	<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
    		
    		<property name="dataSource" ref="dataSource" />
    	</bean>
    
    	
    	<tx:advice id="txAdvice" transaction-manager="transactionManager">
    		<tx:attributes>
    			
    			<tx:method name="save*" propagation="REQUIRED" />
    			<tx:method name="insert*" propagation="REQUIRED" />
    			<tx:method name="add*" propagation="REQUIRED" />
    			<tx:method name="create*" propagation="REQUIRED" />
    			<tx:method name="delete*" propagation="REQUIRED" />
    			<tx:method name="update*" propagation="REQUIRED" />
    			<tx:method name="find*" propagation="SUPPORTS" read-only="true" />
    			<tx:method name="select*" propagation="SUPPORTS" read-only="true" />
    			<tx:method name="get*" propagation="SUPPORTS" read-only="true" />
    			<tx:method name="query*" propagation="SUPPORTS" read-only="true" />
    		</tx:attributes>
    	</tx:advice>
    
    	
    	<aop:config>
    		<aop:advisor advice-ref="txAdvice" pointcut="execution(* com.meimeixia.crm.service.*.*(..))" />
    	</aop:config>
    
    </beans>

有关Spring中事务的传播行为，可以参考我的这篇文章——[《Spring入门第九讲——Spring的事务管理》][Spring_Spring]，在这篇文章中，我对Spring中事务的传播行为做了详细阐述。

### 整合表现层 ###

之前提到过，SpringMVC就是Spring家族中的一个成员，所以并不需要整合，我们只需要加入SpringMVC所需的jar包即可。

#### 配置处理器映射器、处理器适配器和视图解析器 ####

这里使用注解的方式来配置，因为注解的方式比较简单。如此一来，SpringMVC核心配置文件（即springmvc.xml）的内容就是下面这个样子了，该文件同样位于config/spring目录下。

<?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-4.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">
            
    	
    	<context:component-scan base-package="com.meimeixia.crm.controller" />
    
    	
    	<mvc:annotation-driven />
    
    	
    	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    		
    		<property name="prefix" value="/WEB-INF/jsp/" />
    		
    		<property name="suffix" value=".jsp" />
    	</bean>
    	
    </beans>

#### 配置前端控制器 ####

前端控制器要配置在WEB-INF/web.xml文件中，如下所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 4]

#### 加载Spring容器 ####

注意千万不要忘记了在web.xml文件中添加Spring容器的监听器，以便加载Spring容器。

<context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:spring/applicationContext-*.xml</param-value>
    </context-param>
    
    
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

而且还要记得在config源码目录下引入Log4j的配置文件（log4j.properties）哟！也就是日志记录文件，该文件内容如下：

# Global logging configuration
    log4j.rootLogger=debug, stdout
    # Console output...
    log4j.appender.stdout=org.apache.log4j.ConsoleAppender
    log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
    log4j.appender.stdout.layout.ConversionPattern=%5p [%t] - %m%n

到此为止，Spring、MyBatis以及SpringMVC这三大框架就算整合完了。

### 加入静态资源 ###

将下载下来的静态资源全部拷贝到项目中，如下图所示。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 5]  
然后，在src目录新建一个com.meimeixia.crm.utils包，并在该包下创建一个与以上tld描述文件相对应的自定义标签类，例如NavigationTag.java。

package com.meimeixia.crm.utils;
    
    import java.io.IOException;
    import java.util.Map;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.jsp.JspException;
    import javax.servlet.jsp.JspWriter;
    import javax.servlet.jsp.tagext.TagSupport;
    
    /** * 显示格式 上一页 1 2 3 4 5 下一页 */
    public class NavigationTag extends TagSupport { 
    	static final long serialVersionUID = 2372405317744358833L;
    
    	/** * request 中用于保存Page<E> 对象的变量名,默认为“page” */
    	private String bean = "page";
    
    	/** * 分页跳转的url地址,此属性必须 */
    	private String url = null;
    
    	/** * 显示页码数量 */
    	private int number = 5;
    
    	@Override
    	public int doStartTag() throws JspException { 
    		JspWriter writer = pageContext.getOut();
    		HttpServletRequest request = (HttpServletRequest) pageContext.getRequest();
    		//获取到分页数据模型
    		Page page = (Page) request.getAttribute(bean);
    		if (page == null)
    			return SKIP_BODY;
    		//拼装url地址
    		url = resolveUrl(url, pageContext);
    		try { 
    			// 计算总页数
    			int pageCount = page.getTotal() / page.getSize();
    			if (page.getTotal() % page.getSize() > 0) { 
    				pageCount++;
    			}
    			writer.print("<nav><ul class=\"pagination\">");
    			// 显示“上一页”按钮
    			if (page.getPage() > 1) { 
    				String preUrl = append(url, "page", page.getPage() - 1);
    				preUrl = append(preUrl, "rows", page.getSize());
    				writer.print("<li><a href=\"" + preUrl + "\">上一页</a></li>");
    			} else { 
    				writer.print("<li class=\"disabled\"><a href=\"#\">上一页</a></li>");
    			}
    			// 显示当前页码的前2页码和后两页码
    			// 若1 则 1 2 3 4 5, 若2 则 1 2 3 4 5, 若3 则1 2 3 4 5,
    			// 若4 则 2 3 4 5 6 ,若10 则 8 9 10 11 12
    			int indexPage = (page.getPage() - 2 > 0) ? page.getPage() - 2 : 1;
    			for (int i = 1; i <= number && indexPage <= pageCount; indexPage++, i++) { 
    				if (indexPage == page.getPage()) { 
    					writer.print("<li class=\"active\"><a href=\"#\">" + indexPage
    							+ "<span class=\"sr-only\">(current)</span></a></li>");
    					continue;
    				}
    				String pageUrl = append(url, "page", indexPage);
    				pageUrl = append(pageUrl, "rows", page.getSize());
    				writer.print("<li><a href=\"" + pageUrl + "\">" + indexPage + "</a></li>");
    			}
    			// 显示“下一页”按钮
    			if (page.getPage() < pageCount) { 
    				String nextUrl = append(url, "page", page.getPage() + 1);
    				nextUrl = append(nextUrl, "rows", page.getSize());
    				writer.print("<li><a href=\"" + nextUrl + "\">下一页</a></li>");
    			} else { 
    				writer.print("<li class=\"disabled\"><a href=\"#\">下一页</a></li>");
    			}
    			writer.print("</nav>");
    		} catch (IOException e) { 
    			e.printStackTrace();
    		}
    		return SKIP_BODY;
    	}
    
    	private String append(String url, String key, int value) { 
    
    		return append(url, key, String.valueOf(value));
    	}
    
    	/** * 为url 参加参数对儿 * * @param url * @param key * @param value * @return */
    	private String append(String url, String key, String value) { 
    		if (url == null || url.trim().length() == 0) { 
    			return "";
    		}
    
    		if (url.indexOf("?") == -1) { 
    			url = url + "?" + key + "=" + value;
    		} else { 
    			if (url.endsWith("?")) { 
    				url = url + key + "=" + value;
    			} else { 
    				url = url + "&" + key + "=" + value;
    			}
    		}
    
    		return url;
    	}
    
    	/** * 为url 添加翻页请求参数 * * @param url * @param pageContext * @return * @throws javax.servlet.jsp.JspException */
    	private String resolveUrl(String url, javax.servlet.jsp.PageContext pageContext) throws JspException { 
    		// UrlSupport.resolveUrl(url, context, pageContext)
    		Map params = pageContext.getRequest().getParameterMap();
    		for (Object key : params.keySet()) { 
    			if ("page".equals(key) || "rows".equals(key))
    				continue;
    			Object value = params.get(key);
    			if (value == null)
    				continue;
    			try { 
    				if (value.getClass().isArray()) { 
    					// 解决GET乱码问题
    					// value = new String(((String[])
    					// value)[0].getBytes("ISO-8859-1"), "UTF-8");
    
    					value = ((String[]) value)[0];
    					url = append(url, key.toString(), value.toString());
    				} else if (value instanceof String) { 
    					// 解决GET乱码问题
    					// value = new String(((String)
    					// value).getBytes("ISO-8859-1"), "UTF-8");
    					value = (String) value;
    					url = append(url, key.toString(), value.toString());
    				}
    			} catch (Exception e) { 
    				e.printStackTrace();
    			}
    		}
    		return url;
    	}
    
    	/** * @return the bean */
    	public String getBean() { 
    		return bean;
    	}
    
    	/** * @param bean * the bean to set */
    	public void setBean(String bean) { 
    		this.bean = bean;
    	}
    
    	/** * @return the url */
    	public String getUrl() { 
    		return url;
    	}
    
    	/** * @param url * the url to set */
    	public void setUrl(String url) { 
    		this.url = url;
    	}
    
    	public void setNumber(int number) { 
    		this.number = number;
    	}
    
    }

其中，以上自定义标签类还要用到一个Page类，该类就是一个封装分页数据信息的包装类，相信你应该经常见到该类。

package com.meimeixia.crm.utils;
    
    import java.util.List;
    
    public class Page<T> { 
    
    	private int total;
    	private int page;
    	private int size;
    	private List<T> rows;
    
    	public Page() { 
    		super();
    	}
    
    	/** * * @param total * 查询数据总条数 * @param page * 当前页码数 * @param size * 每页显示数据条数 * @param rows * 查询结果集 */
    	public Page(int total, int page, int size, List<T> rows) { 
    		super();
    		this.total = total;
    		this.page = page;
    		this.size = size;
    		this.rows = rows;
    	}
    
    	public int getTotal() { 
    		return total;
    	}
    
    	public void setTotal(int total) { 
    		this.total = total;
    	}
    
    	public int getPage() { 
    		return page;
    	}
    
    	public void setPage(int page) { 
    		this.page = page;
    	}
    
    	public int getSize() { 
    		return size;
    	}
    
    	public void setSize(int size) { 
    		this.size = size;
    	}
    
    	public List<T> getRows() { 
    		return rows;
    	}
    
    	public void setRows(List<T> rows) { 
    		this.rows = rows;
    	}
    
    }

至此，所有的开发环境就搭建就好了，接下来就是功能的实现了。我们接下来要实现的功能有：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 6]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191230152020808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA==,size_16,color_FFFFFF,t_70
[https_pan.baidu.com_s_1XFO64DvqIdlMlqXek_4QeQ]: https://pan.baidu.com/s/1XFO64DvqIdlMlqXek_4QeQ
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191230154316279.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA==,size_16,color_FFFFFF,t_70
[SpringMVC_Spring_MyBatis_SpringMVC]: https://liayun.blog.csdn.net/article/details/72231763
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191230160838203.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191230160842154.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA==,size_16,color_FFFFFF,t_70
[Spring_Spring]: https://liayun.blog.csdn.net/article/details/70024364
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191230171940921.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/2019123017194279.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20191230171955170.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9saWF5dW4uYmxvZy5jc2RuLm5ldA==,size_16,color_FFFFFF,t_70