之前用 Servlet + JSP 实现了一个简易版的学生管理系统,在学习了 SSM 框架之后,我们来对之前写过的项目重构一下!
技术准备
为了完成这个项目,需要掌握如下技术:
- Java
基础知识 - 前端:
HTML, CSS, JAVASCRIPT, JQUERY - J2EE:
Tomcat, Servlet, JSP, Filter - 框架:
Spring, Spring MVC, MyBatis, Spring 与 MyBatis 整合, SSM 整合 - 数据库:
MySQL - 开发工具:
IDEA, Maven
开发流程
之前虽然已经使用 Servlet + JSP 完成了简单的开发,这次使用 SSM 仅仅是重构工作,但我们仍然按照商业项目的开发步骤来一步一步完成,进一步熟悉这个过程,重复的部分我就直接复制了。
① 需求分析
首先要确定要做哪些功能
- 使用数据库来保存数据
- 能增删改查学生的信息(学号,名称,年龄,性别,出生日期)
② 表结构设计
根据需求,那么只需要一个 student 表就能够完成功能了。
- 创建数据库:student
将数据库编码格式设置为 UTF-8 ,便于存取中文数据
DROP DATABASE IF EXISTS student; CREATE DATABASE student DEFAULT CHARACTER SET utf8;
- 创建学生表:student
不用学生学号(studentID)作为主键的原因是:不方便操作,例如在更新数据的时候,同时也要更改学号,那这样的操作怎么办呢?
所以我们加了一个 id 用来唯一表示当前数据。
CREATE TABLE student(
id int(11) NOT NULL AUTO_INCREMENT, student_id int(11) NOT NULL UNIQUE, name varchar(255) NOT NULL, age int(11) NOT NULL, sex varchar(255) NOT NULL, birthday date DEFAULT NULL, PRIMARY KEY (id) ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
MySQL 在 Windows 下不区分大小写,但在 Linux 下默认区分大小写,因此,数据库名、表明、字段名都不允许出现任何大写字母,避免节外生枝。
③ 原型设计
就是设计界面,在商业项目中,这是很重要的一步,我们可以解除界面原型,低成本、高效率的与客户达成需求的一致性。
这个项目一共就分为两个页面:
-
主页面:
首页 -
学生编辑页面:
编辑页面
④ SSM 环境搭建
在真正开始编写代码之前,我们首先需要先来搭建好我们的 SSM 环境。
第一步:创建 Maven webapp 项目
首先新建工程,选择 Maven 标签,然后勾选上【Create from archetype】选择 webapp:
![](http://upload-images.jianshu.io/upload_images/7896890-37bca8243a63a411.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
点击下一步,填写上【GroupId】和【ArtifactId】:
![](http://upload-images.jianshu.io/upload_images/7896890-87095d22145798ac.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
- GroupId:项目组织唯一的标识符,实际对应 JAVA 的包的结构,也就是 main 目录下 java 的目录结构(包)
- AritifactId:项目的唯一标识符,实际对应项目的名称,就是项目根目录的名称
- 实际上你可以乱填上试试,我就不乱填了
然后是确认项目路径,这一步你可以看到 Maven 配置中的参数,不需要做改动,直接下一步就可以(图中的路径是我配置的本地 Maven 仓库的地址):
![](http://upload-images.jianshu.io/upload_images/7896890-5ff7e5ec2ad03ebc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
确认项目名称和路径,点击【Finish】即可:
![](http://upload-images.jianshu.io/upload_images/7896890-491970db6a349a5e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
等待一会儿,控制台就会有创建成功的提示信息,我们把【Enable Auto-Import】点上,这个提示会在每次 pom.xml 有改动时出现,自动导入,省掉麻烦:
![](http://upload-images.jianshu.io/upload_images/7896890-2ebc5e0cd0503ad7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
第二步:搭建项目目录结构
下面就是 Maven 风格的 webapp 的默认目录结构:
![](http://upload-images.jianshu.io/upload_images/7896890-4ac356da8a41ee5b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/422)
- 注意: webapp 是默认没有 java 源文件也没有 test 目录的。
遵循 Maven 的统一项目结构,我们搭建出项目的完整目录结构如下图:
![](http://upload-images.jianshu.io/upload_images/7896890-51e8952802f0ec9c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/406)
- 我们并没有使用 Log4j 来输出日志,而是使用 logback
- 提示:我们可以在 IDEA 中右键目录然后选择【Make Directory as】,让 IDEA 识别不同的目录作用
![](http://upload-images.jianshu.io/upload_images/7896890-6ca8b5c413335048.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/486)
这里的目录建好之后还需要设置一下,让 IDEA 识别目录作用,选择【File】>【Project Structure】:
![](http://upload-images.jianshu.io/upload_images/7896890-640537dba7ff226e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
设置好之后点击 OK,即完成了项目目录的搭建。
第三步:配置文件内容
在【pom.xml】文件中声明依赖的 jar 包 :
<?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/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <packaging>war</packaging> <name>StudentManagerSSM</name> <groupId>cn.wmyskxz</groupId> <artifactId>StudentManagerSSM</artifactId> <version>1.0-SNAPSHOT</version> <build> <plugins> <plugin> <groupId>org.mortbay.jetty</groupId> <artifactId>maven-jetty-plugin</artifactId> <version>6.1.7</version> <configuration> <connectors> <connector implementation="org.mortbay.jetty.nio.SelectChannelConnector"> <port>8888</port> <maxIdleTime>30000</maxIdleTime> </connector> </connectors> <webAppSourceDirectory>${project.build.directory}/${pom.artifactId}-${pom.version} </webAppSourceDirectory> <contextPath>/</contextPath> </configuration> </plugin> </plugins> </build> <properties> <!-- 设置项目编码编码 --> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding> <!-- spring版本号 --> <spring.version>4.3.5.RELEASE</spring.version> <!-- mybatis版本号 --> <mybatis.version>3.4.1</mybatis.version> </properties> <dependencies> <!-- jstl标签 --> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>org.apache.taglibs</groupId> <artifactId>taglibs-standard-impl</artifactId> <version>1.2.5</version> </dependency> <!-- java ee --> <dependency> <groupId>javax</groupId> <artifactId>javaee-api</artifactId> <version>7.0</version> </dependency> <!-- 单元测试 --> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency> <!-- 实现slf4j接口并整合 --> <dependency> <groupId>ch.qos.logback</groupId> <artifactId>logback-classic</artifactId> <version>1.2.2</version> </dependency> <!-- JSON --> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.8.7</version> </dependency> <!-- 数据库 --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.41</version> <scope>runtime</scope> </dependency> <!-- 数据库连接池 --> <dependency> <groupId>com.mchange