1.前言
SSM基本上就算是学完了,最后来一个综合小项目来完结一下,小项目很简陋,仅仅是前面所学的综合(省份城市的一个小项目,可以想指定的省份中添加城市、也可以查询出指定的省份中有哪些城市)这样的功能实现。
2.项目的总体步骤
2.1 项目结构
entity包:两个实体类。(省份ShengFen类、城市City类)
dao包:对应两个dao接口和两个mapper文件。(ShengFenDao、CityDao)
service包:对应两个service接口和实现类。(ShengFenService、CityService、ShengFenServiceImpl、CityServiceImpl)
controller包:对应两个controller。(ShengFenController、CityController)
vo包:一个用来封装处理结果信息的类。(CommonResult,可以理解为代替了ModelAndView)
conf:SSM三个框架各自的主配置文件、jdbc外部属性配置文件。
js:结合 ajax 和 jquery 来发起请求。(index.jsp)
2.2 数据库
使用navicat创建两个表
City表
ShengFen表
2.3 IDEA中使用Maven创建一个web项目
2.4 添加pom依赖
<?xml version="1.0" encoding="UTF-8"?>
<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>org.example</groupId>
<artifactId>SSM02-homework</artifactId>
<version>1.0.0</version>
<packaging>war</packaging>
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
</properties>
<dependencies>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
<scope>provided</scope>
</dependency>
<!-- jsp依赖 -->
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>jsp-api</artifactId>
<version>2.2.1-b03</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.2.5.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-tx</artifactId>
<version>5.2.5.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>5.2.5.RELEASE</version>
</dependency>
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-core</artifactId>
<version>2.9.0</version>
</dependency>
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.9.0</version>
</dependency>
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>1.3.1</version>
</dependency>
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.5.1</version>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.9</version>
</dependency>
<!-- druid连接池依赖 -->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>druid</artifactId>
<version>1.1.12</version>
</dependency>
<!-- @Resource注解驱动-->
<dependency>
<groupId>javax.annotation</groupId>
<artifactId>jsr250-api</artifactId>
<version>1.0</version>
</dependency>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.11</version>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<resources>
<resource>
<directory>src/main/java</directory><!--所在的目录-->
<includes><!--包括目录下的.properties,.xml 文件都会扫描到-->
<include>**/*.properties</include>
<include>**/*.xml</include>
</includes>
<filtering>false</filtering>
</resource>
</resources>
</build>
</project>
2.5 各种配置文件的编写
2.5.1 jdbc外部属性配置文件
jdbc.url=jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf-8
jdbc.username=root
jdbc.password=123456
2.5.2 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>
<typeAliases>
<!-- entity包中的类名就是别名-->
<package name="com.liuhaiyang.entity"/>
</typeAliases>
<mappers>
<!-- 加载dao包中的所有mapper文件-->
<package name="com.liuhaiyang.dao"/>
</mappers>
</configuration>
2.5.3 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:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">
<!-- spring配置文件:声明service、dao、工具类、事务配置 -->
<!-- 加载外部属性配置文件 -->
<context:property-placeholder location="classpath:/conf/jdbc.properties" />
<!-- 声明组件扫描器 -->
<context:component-scan base-package="com.liuhaiyang.service" />
<!-- 创建数据源 -->
<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
<property name="url" value="${jdbc.url}" />
<property name="username" value="${jdbc.username}" />
<property name="password" value="${jdbc.password}" />
</bean>
<!-- 创建SqlSessionFactory对象 -->
<bean id="factory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource" />
<property name="configLocation" value="classpath:/conf/mybatis.xml" />
</bean>
<!-- 创建SqlSession对象,通过反射机制加载dao接口对应的mapper文件 -->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="sqlSessionFactoryBeanName" value="factory" />
<property name="basePackage" value="com.liuhaiyang.dao" />
</bean>
</beans>
2.5.4 springmvc主配置文件
<?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.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- springmvc的配置文件,声明的是controller,视图解析器等web开发中的对象-->
<!-- 组件扫描器-->
<context:component-scan base-package="com.liuhaiyang.controller" />
<!--视图解析器 帮助处理视图 主要帮助我们处理重复的多余的冗余路径等-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/Jsp"/>
<property name="suffix" value=".jsp"/>
</bean>
<!--声明springmvc注解驱动
作用:1.创建HttpMessageConverter接口的7个实现类对象,处理Java对象到json的转换
2.解决静态资源中,动态资源访问失败的问题.-->
<mvc:annotation-driven />
</beans>
2.6 web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:conf/applicationContext.xml</param-value>
</context-param>
<!-- 声明Spring监听器-->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!-- 声明springmvc的中央调度器-->
<servlet>
<servlet-name>dispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:conf/dispatcherServlet.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dispatcherServlet</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>
<!-- 字符集的过滤器-->
<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>
<init-param>
<!-- 强制请求(request)对象使用encoding的编码方式-->
<param-name>forceRequestEncoding</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<!-- 强制应答(response)对象使用encoding的编码方式-->
<param-name>forceResponseEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>characterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
2.7 后端Java代码(entity、dao、service、controller、vo)
2.7.1 entity包
package com.liuhaiyang.entity;
public class City {
private Integer id;
private String name;
private Integer shengfenid;
//set() 、get() 、tostring() 有参无参构造方法
}
package com.liuhaiyang.entity;
public class ShengFen {
private Integer id;
private String name;
//set() 、get() 、tostring() 有参无参构造方法
}
2.7.2 dao包
package com.liuhaiyang.dao;
import com.liuhaiyang.entity.ShengFen;
import java.util.List;
public interface ShengFenDao {
List<ShengFen> selectShengFen();
}
<?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.liuhaiyang.dao.ShengFenDao">
<!--使用insert,uodate,delete,select标签写sql-->
<select id="selectShengFen" resultType="com.liuhaiyang.entity.ShengFen">
select id,name from shengfen order by id
</select>
</mapper>
package com.liuhaiyang.dao;
import com.liuhaiyang.entity.City;
import java.util.List;
public interface CityDao {
int insertCity(City city);
List<City> selectCityByShengFen(Integer shengfenid);
}
<?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.liuhaiyang.dao.CityDao">
<!--使用insert,uodate,delete,select标签写sql-->
<insert id="insertCity">
insert into city(name,shengfenid) values (#{name},#{shengfenid})
</insert>
<select id="selectCityByShengFen" resultType="com.liuhaiyang.entity.City">
select id,name,shengfenid from city where shengfenid=#{shengfenid}
</select>
</mapper>
2.7.3 service包
package com.liuhaiyang.service;
import com.liuhaiyang.entity.ShengFen;
import java.util.List;
public interface ShengFenService {
List<ShengFen> findShengFen();
}
package com.liuhaiyang.service.impl;
import com.liuhaiyang.dao.ShengFenDao;
import com.liuhaiyang.entity.ShengFen;
import com.liuhaiyang.service.ShengFenService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class ShengFenServiceImpl implements ShengFenService {
@Autowired
private ShengFenDao shengFenDao;
@Override
public List<ShengFen> findShengFen() {
List<ShengFen> lists=shengFenDao.selectShengFen();
return lists;
}
}
package com.liuhaiyang.service;
import com.liuhaiyang.entity.City;
import java.util.List;
public interface CityService {
int addCity(City city);
List<City> findCityShengFenid(Integer shengfenid);
}
package com.liuhaiyang.service.impl;
import com.liuhaiyang.dao.CityDao;
import com.liuhaiyang.entity.City;
import com.liuhaiyang.service.CityService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class CityServiceImpl implements CityService {
@Autowired
private CityDao cityDao;
@Override
public int addCity(City city) {
int a=cityDao.insertCity(city);
return a;
}
@Override
public List<City> findCityShengFenid(Integer shengfenid) {
List<City> lists=cityDao.selectCityByShengFen(shengfenid);
return lists;
}
}
2.7.4 vo包
package com.liuhaiyang.vo;
public class CommonResult {
private Integer code; //请求是否成功,0成功,1失败
private String msg; // 错误原因
private Object data; //数据
//set() 、get() 有参无参构造方法
}
2.7.5 controller包
package com.liuhaiyang.controller;
import com.liuhaiyang.entity.City;
import com.liuhaiyang.entity.ShengFen;
import com.liuhaiyang.service.CityService;
import com.liuhaiyang.service.ShengFenService;
import com.liuhaiyang.vo.CommonResult;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.annotation.Resource;
import java.util.List;
@Controller
public class ShengFenCityController {
// @Resource
@Autowired(required = false)
private ShengFenService service;
// @Resource
@Autowired(required = false)
private CityService cityservice;
//查询所有的省份
@RequestMapping(value = "/FindShengfen.do")
@ResponseBody
public CommonResult findShengFen(){
CommonResult cm=new CommonResult(1,"查询没有结果","");
List<ShengFen> lists=service.findShengFen();
if (lists!=null&&lists.size()>0){
cm=new CommonResult(0,"查询成功",lists);
}
return cm;
}
//添加城市
@RequestMapping("addCity.do")
@ResponseBody
public CommonResult addCity(City city){
int rows=cityservice.addCity(city);
CommonResult cw=new CommonResult(1,"添加城市失败","");
if (rows>0){
cw=new CommonResult(0,"添加城市"+city.getName()+"成功",city);
}
return cw;
}
//查询城市
@RequestMapping("findshengfenid.do")
@ResponseBody
public CommonResult findshengfenid(Integer shengfenid){
List<City> cityList=cityservice.findCityShengFenid(shengfenid);
CommonResult cw=new CommonResult(1,"查询城市失败","");
for (City city:cityList){
System.out.println(city);
}
if (cityList!=null&& cityList.size()>0){
cw=new CommonResult(0,"查询出"+cityList.size()+"个城市",cityList);
}
return cw;
}
}
2.8 首页(index.jsp)
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String basePath=request.getScheme() + "://" + request.getServerName() +
":" + request.getServerPort() + request.getContextPath() + "/";
%>
<html>
<head>
<title>首页</title>
<base href="<%=basePath%>">
<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
function getProlist(){
$.ajax({
url:"FindShengfen.do",
dataType:"json",
success: function (resp) {
$("#province").empty();
$.each(resp.data,function (i,n) {
$("#province").append("<option value='"+n.id+"'>"+n.name+"</option>");
})
}
})
}
$(function () {
getProlist();
//查询单击按钮
$("#queryCity").click(function () {
//选中的下拉例表的值
var pid=$("#province>option:selected").val();
$.post("findshengfenid.do", {shengfenid:pid},
function (resp) {
if (resp.code==0){
alert(resp.msg);
$("#cityInfo").empty();
$.each(resp.data,function (i,n){
$("#cityInfo").append("<tr><td>"+n.id+"</td><td>"+n.name+"</td></tr>");
})
}else {
alert(resp.msg);
}
},"json")
})
//添加城市
$("#addCity").on("click",function () {
var pid=$("#province>option:selected").val();
var name=$(":text").val();
$.post("addCity.do",{name:name,shengfenid:pid},
function (resp) {
if (resp.code==0){
alert(resp.msg);
}else {
alert(resp.msg);
}
},"json")
})
})
</script>
</head>
<body>
<div align="center">
<table>
<tr>
<td>省份列表:</td>
<td>
<select id="province">
<option value="0">请选择....</option>
</select>
</td>
</tr>
<tr>
<td>城市名称</td>
<td><input type="text" id="cityname"></td>
</tr>
<tr>
<td>
<input type="button" id="addCity" value="添加城市">
</td>
<td>
<input type="button" id="queryCity" value="查询省份的城市">
</td>
</tr>
</table>
<br/>
<div id="dataDiv">
<table border="1">
<thead>
<tr>
<td>城市id</td>
<td>城市名称</td>
</tr>
</thead>
<tbody id="cityInfo">
</tbody>
</table>
</div>
</div>
</body>
</html>
2.9 测试,结果截图
在城市名称的文本框中,输入 “南阳”,点击 “添加城市” 按钮,就可以弹出下面的窗口和相应的结果。