【Ajax-SSM】第一课：车型管理系统——搭建开发环境

文章目录 概述：第一步：创建数据库数据表第二步：搭建SSM框架开发环境（1）创建JavaWeb项目：（2）导入架包和配置文件（3）创建mvc三层架构（4）设置配置文件（5）配置tomcat

---

概述：

这里我们学习如何使用ajax+SSM框架来完成《车型管理系统》。在本项目中，服务器使用Spring+SpringMVC+MyBatis框架作为运行环境，前端页面使用html+css+JavaScript+jQuery+ajax来完成，数据库使用MySQL，开发软件使用idea。

第一步：创建数据库数据表

首先就是要创建出项目所需要的表car，其表的结构如下所示：

然后再导入测试数据：

第二步：搭建SSM框架开发环境 （1）创建JavaWeb项目：

在idea中创建一个JavaWeb项目：
点击File->New->Project

然后再选择Java–>javaEE中的Web Application，如下图所示：

最后设置好项目的名称，点击finish即可。

（2）导入架包和配置文件

在web–>WEB-INF包下创建lib文件夹，导入所需要的架包并将其关联：

再创建resources文件夹，将所需要的配置文件导入进去：

这里我们需要手动将自己创建的resources文件夹转换成资源文件。

由于我们需要使用到ajax，所以事先将jQuery的架包导入进去：

（3）创建mvc三层架构

我们在src文件夹下完成对mvc三级架构的搭建：

在数据访问成中创建接口文件作为mybatis框架的mapper映射文件：

package com.car.dao;

/**
 * @author Yu Wenkai
 * @create 2022/6/4 15:17
 */
public interface ICarDao {
}

在业务逻辑层中创建接口以及实现类作为业务逻辑层处理，并使用Spring框架注解的方式定义对象
接口：

package com.car.service;

/**
 * @author Yu Wenkai
 * @create 2022/6/4 15:21
 */
public interface ICarService{
}

接口实现类：

package com.car.service;

import com.car.dao.ICarDao;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

/**
 * @author Yu Wenkai
 * @create 2022/6/4 15:21
 */

@Service(value = "carService")
public class CatServiceImp implements ICarService{

    @Autowired
    ICarDao dao;
}

在控制层中创建类并使用Spring框架注解方式来创建控制层对象，以及使用SpringMVC框架接收浏览器访问请求，设定请求地址：

package com.car.controller;

import com.car.service.ICarService ;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;

/**
 * @author Yu Wenkai
 * @create 2022/6/4 15:16
 */

@Controller
public class CarController{

    @Autowired
    ICarService carService;
}

（4）设置配置文件 springmvc.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:aop="http://www.springframework.org/schema/aop"
	xmlns:tx="http://www.springframework.org/schema/tx"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans
			    http://www.springframework.org/schema/beans/spring-beans.xsd
			    http://www.springframework.org/schema/context
			    http://www.springframework.org/schema/context/spring-context.xsd
			    http://www.springframework.org/schema/aop
			    http://www.springframework.org/schema/aop/spring-aop.xsd
			    http://www.springframework.org/schema/tx
			    http://www.springframework.org/schema/tx/spring-tx.xsd
			    http://www.springframework.org/schema/mvc
			    http://www.springframework.org/schema/mvc/spring-mvc.xsd">

	<!--开启组件扫描 -->
	<context:component-scan
		base-package="com.car.controller" />

	<!--开启mvc注解支持 -->
	<mvc:annotation-driven />

	<!--释放静态资源 -->
	<mvc:default-servlet-handler />

	
</beans>

在这里我们需要设置控制层的完整包名：

applicationContext.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:aop="http://www.springframework.org/schema/aop"
	xmlns:tx="http://www.springframework.org/schema/tx"
	xsi:schemaLocation="http://www.springframework.org/schema/beans
			    http://www.springframework.org/schema/beans/spring-beans.xsd
			    http://www.springframework.org/schema/context
			    http://www.springframework.org/schema/context/spring-context.xsd
			    http://www.springframework.org/schema/aop
			    http://www.springframework.org/schema/aop/spring-aop.xsd
			    http://www.springframework.org/schema/tx
			    http://www.springframework.org/schema/tx/spring-tx.xsd">

	<!--开启组件扫描 -->
	<context:component-scan
		base-package="com.car.service" />
	<!-- 引入外面的properties常量配置文件 -->
	<context:property-placeholder
		location="classpath:db.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 id="transactionManager"
		class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
		<property name="dataSource" ref="dataSource" />
	</bean>
	<!-- 开启基于注解配置的事务管理 -->
	<tx:annotation-driven
		transaction-manager="transactionManager" />

	<!-- 扫描mapper接口文件 -->
	<bean id="mapperScannerConfigurer"
		class="org.mybatis.spring.mapper.MapperScannerConfigurer">
		<property name="basePackage" value="com.car.dao" />
	</bean>

	<!-- 创建sqlSession工厂 -->
	<bean id="sessionFactory"
		class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource" />
		<!-- <property name="typeAliasesPackage" value="com.yhh.domain" /> -->
		<!-- 如果还有一些专门针对于mybatis的配置，需要引入 -->
		<property name="configLocation"
			value="classpath:mybatis-config.xml" />

		<!--  配置mybatis分页插件PageHelper -->
		<property name="plugins">
			<array>
				<bean class="com.github.pagehelper.PageInterceptor">
					<property name="properties">
						<value></value>
					</property>
				</bean>
			</array>
		</property>
	</bean>
</beans>

在这里需要设置业务逻辑层和数据访问层的完整包：

mybatis-config.xml

<?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>

	<settings>
		<!-- 设置延迟加载开关，默认false（立即加载） -->
		<setting name="lazyLoadingEnabled" value="false" />

		<!-- 开启MyBatis二级缓存配置，默认已经开启，可以省略 -->
		<setting name="cacheEnabled" value="true" />

		<!-- 设置驼峰命名规则,会将表字段名user_name自动映射到属性名userName -->
		<setting name="mapUnderscoreToCamelCase" value="true" />
	</settings>

	
</configuration>

db.properties

jdbc.driver=com.mysql.cj.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/carsys
jdbc.username=root
jdbc.password=123456

该配置文件中各个参数的说明分别为：

连接数据库的驱动程序；访问数据库的地址；登录数据库的用户名；登录数据库的密码。 web.xml
在该配置文件中，我们需要添加以下的内容：（记住这些内容都是需要添加在web-app标签中）

<welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>

    <!-- 监听并加载spring配置文件 -->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!--配置前端控制器-->
    <servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--配置DispatcherServlet需要的配置文件-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <!--加载时机-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
        <!-- 配置/意味着拦截除了jsp之外的所有请求 -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--配置POST请求中文乱码过滤器-->
    <filter>
        <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <!--指定编码-->
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>characterEncodingFilter</filter-name>
        <url-pattern>*.do</url-pattern>
    </filter-mapping>

（5）配置tomcat

首先，点击下图的：

最后，配置完成后，就有以下的显示：

这样，我们就将整个项目所需要的开发环境就配置好了。