【計理01組08號】SSM框架整合

【計理01組08號】SSM框架整合

資料庫準備

本次課程使用 MySQL 資料庫。首先啟動 mysql ：

sudo service mysql start

然後在終端下輸入以下命令，進入到 MySQL 資料庫（-u 表示用戶名，比如這裡的 root，-p 表示密碼，這裡沒有密碼就省略了）：

mysql -u root

為了實驗方便，我們在這裡新建一個資料庫並取名 ssm 用作實驗。

create database ssm;

在資料庫 ssm 下創建表 user ，程式碼如下：

use ssm;
create table user(
    id int primary key auto_increment,
    username varchar(20),
    password varchar(20),
    sex varchar(10),
    age int
);

我們先往 user 表插入一條測試數據：

insert into user(username,password,sex,age) value('shiyanlou','123456','male',22);

新建工程項目

首先打開 WEB IDE，選擇 File->Open New Terminal，在終端中輸入：

mvn archetype:generate -DgroupId=com.shiyanlou -DartifactId=SSMTest -DarchetypeArtifactId=maven-archetype-webapp

參數說明：

  • Group Id：項目的組織機構，也是包的目錄結構，一般都是域名的倒序，比如 com.shiyanlou；
  • Atifact Id ：項目實際的名字，比如 SSMTest；
  • archetype Artifact Id ：使用的 maven 骨架名稱

輸入命令之後，maven 會提示我們輸入版本號，這裡可以直接定義版本號也可以直接回車，接著 maven 會提示當前要創建項目的基本資訊，輸入 y 然後回車確認，接著在 src/main/ 目錄中創建 java 目錄。

在 src/main/java 下新建各層的包，如圖：

  • model 下是一系列 POJO，即各種實體類
  • mapper 相當於 DAO 層，由於這裡採用 MyBatis，所以把它稱為 Mapper，其下包括 Mapper 介面和 Mapper 配置文件，通過 SQL 語句的映射完成 CRUD 操作
  • service 由一系列業務邏輯對象組成，放置各種 service 介面
  • service.impl 是 service 的具體實現
  • controller 由一系列控制器組成，處理用戶請求並作出響應

接下來添加相關依賴包，如 spring、mybatis 等。打開 pom.xml，添加以下內容

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="//maven.apache.org/POM/4.0.0"
         xmlns:xsi="//www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="//maven.apache.org/POM/4.0.0 //maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.shiyanlou</groupId>
    <artifactId>SSMTest</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>

    <properties>
        <jdbc.driver.version>5.1.47</jdbc.driver.version>
        <mybatis.version>3.3.0</mybatis.version>
        <mybatis-spring.version>1.2.2</mybatis-spring.version>
        <spring.version>5.1.1.RELEASE</spring.version>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-test</artifactId>
            <version>${spring.version}</version>
            <scope>test</scope>
        </dependency>

        <!-- commons 包依賴 -->
        <dependency>
            <groupId>commons-logging</groupId>
            <artifactId>commons-logging</artifactId>
            <version>1.1.3</version>
        </dependency>
        <dependency>
            <groupId>commons-collections</groupId>
            <artifactId>commons-collections</artifactId>
            <version>3.2.1</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
        </dependency>
        <dependency>
            <groupId>commons-lang</groupId>
            <artifactId>commons-lang</artifactId>
            <version>2.6</version>
        </dependency>
        <!-- 資料庫包依賴 -->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>${mybatis.version}</version>
        </dependency>
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
            <version>${mybatis-spring.version}</version>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>${jdbc.driver.version}</version>
            <scope>runtime</scope>
        </dependency>
        <!-- 日誌包依賴 -->
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-api</artifactId>
            <version>1.7.7</version>
        </dependency>
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-log4j12</artifactId>
            <version>1.7.7</version>
            <exclusions>
                <exclusion>
                    <artifactId>log4j</artifactId>
                    <groupId>log4j</groupId>
                </exclusion>
            </exclusions>
        </dependency>
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.16</version>
        </dependency>

        <!-- aspectj 包依賴 -->
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjrt</artifactId>
            <version>1.7.4</version>
        </dependency>
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjweaver</artifactId>
            <version>1.7.4</version>
        </dependency>

        <!-- Spring 依賴 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-core</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-beans</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-jdbc</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-webmvc</artifactId>
            <version>${spring.version}</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <plugin>
                <!--jetty maven插件，為maven提供運行web程式的能力-->
                <groupId>org.eclipse.jetty</groupId>
                <artifactId>jetty-maven-plugin</artifactId>
                <version>9.4.12.v20180830</version>
                <configuration>
                    <scanIntervalSeconds>10</scanIntervalSeconds>
                    <webApp>
                        <contextPath>/</contextPath>
                    </webApp>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

model層實體類User

在包 com.shiyanlou.model 下新建類 User.java， 一個用戶具有：id、username、password、sex、age 五個屬性，程式碼如下：

package com.shiyanlou.model;

public class User {
    private Integer id;       // 用戶 id
    private String username;  // 用戶名
    private String password;  // 密碼
    private String sex;       // 性別
    private Integer age;      // 年齡

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    // 重寫了 toString 方法，方便後面的測試
    public String toString() {
        return "id:" + id + ",username:" + username + ",password:" + password
                + ",sex:" + sex + ",age:" + age;

    }
}

mapper(dao)層實現

在包 com.shiyanlou.mapper 下建一個 UserMapper.java

UserMapper 介面的程式碼如下：

package com.shiyanlou.mapper;

import com.shiyanlou.model.User;

import java.util.List;

public interface UserMapper {

    /**
     * 用戶登錄查詢
     *
     * @param user
     * @return User
     **/
    User selectLogin(User user);

    /**
     * 查詢全部用戶
     *
     * @return List<User>
     **/
    List<User> selectAllUser();

    /**
     * 新增用戶
     *
     * @param user
     **/
    void addUser(User user);

    /**
     * 更新用戶
     *
     * @param user
     **/
    void updateUser(User user);

    /**
     * 刪除用戶
     *
     * @param id
     **/
    void deleteUser(Integer id);
}

接著在 src/main/resources 下建立一個 mappers 文件夾，並在其中建立 UserMapper.xml，UserMapper.xml 的配置如下：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "//mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.shiyanlou.mapper.UserMapper">
    <!-- 自定義結果集 -->
    <resultMap type="User" id="userResultMap">
        <id property="id" column="id"/>
        <result property="username" column="username"/>
        <result property="password" column="password"/>
        <result property="sex" column="sex"/>
        <result property="age" column="age"/>
    </resultMap>
    <!-- 登錄查詢 -->
    <select id="selectLogin" parameterType="User" resultMap="userResultMap">
        select *
        from user
        where username = #{username}
          and password = #{password}
    </select>
    <!-- 查詢所有用戶 -->
    <select id="selectAllUser" resultMap="userResultMap">
        select *
        from user
    </select>
    <!-- 新增用戶 -->
    <insert id="addUser" useGeneratedKeys="true" keyProperty="id">
        insert into user (username, password, sex, age)
        values (#{username}, #{password}, #{sex}, #{age})
    </insert>
    <!-- 更新用戶 -->
    <update id="updateUser" parameterType="User">
        update user
        set username = #{username},
            password = #{password},
            sex      = #{sex},
            age      = #{age}
        where id = #{id}
    </update>
    <!-- 刪除用戶 -->
    <delete id="deleteUser" parameterType="int">
        delete
        from user
        where id = #{id}
    </delete>

</mapper>

到這裡， DAO 層的程式碼就寫完了，接下來我們來實現 Service 層的程式碼。

註：MyBatis 的配置文件放在整合時在進行處理。

service層實現

Service 層介面

在包 com.shiyanlou.service 下建一個 UserService.java 介面文件，添加如下程式碼：

package com.shiyanlou.service;

import com.shiyanlou.model.User;

import java.util.List;

public interface UserService {

    /**
     * 用戶登錄
     *
     * @param user
     * @return 登錄成功返回 User 對象，失敗返回 null
     **/
    User login(User user);

    /**
     * 查詢所有用戶
     *
     * @return 查詢到的所有 User 對象的 list
     **/
    List<User> selectAllUser();

    /**
     * 新增用戶
     *
     * @param user
     **/
    void addUser(User user);

    /**
     * 更新用戶
     *
     * @param user
     **/
    void updateUser(User user);

    /**
     * 刪除用戶
     *
     * @param id（用戶 id）
     **/
    void deleteUser(Integer id);
}

Service 層介面實現類

在包 com.shiyanlou.service.impl 下建一個類 UserServiceImpl.java ，用來實現 UserService 介面中的方法，添加如下程式碼：

package com.shiyanlou.service.impl;

import com.shiyanlou.mapper.UserMapper;
import com.shiyanlou.model.User;
import com.shiyanlou.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.util.List;

/**
 * 將當前類注釋為一個 Spring 的 bean
 *
 * @author shiyanlou
 */
@Service
@Transactional(rollbackFor = Exception.class)
public class UserServiceImpl implements UserService {
    /**
     * 自動注入 UserMapper
     **/
    @Autowired
    public UserMapper userMapper;

    // 下面是 UserService 介面所有方法的具體實現
    public User login(User user) {
        return userMapper.selectLogin(user);
    }

    public List<User> selectAllUser() {
        return userMapper.selectAllUser();
    }

    public void addUser(User user) {
        userMapper.addUser(user);
    }

    public void updateUser(User user) {
        userMapper.updateUser(user);
    }

    public void deleteUser(Integer id) {
        userMapper.deleteUser(id);
    }
}

到這裡， Service 層的程式碼就寫完了，接下來將 Spring 和 MyBatis 進行整合。

Spring和MyBatis整合

MyBatis 配置文件

在目錄 src/main/resources 下新建 MyBatis 配置文件 mybatis-config.xml ，程式碼如下：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
"//mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!-- 為JavaBean起類別名 -->
    <typeAliases>
        <package name="com.shiyanlou.model" />
    </typeAliases>
    <!-- 通過 mapper 介麵包載入整個包的映射文件 -->
    <mappers>
        <package name="com.shiyanlou.mapper" />
    </mappers>
</configuration>

註：在這裡，我們沒有配置 MyBatis 的運行環境、數據源等，那是因為我們要將這些交給 Spring 進行配置管理。

applicationContext.xml

在目錄 src/main/resources 下新建文件 applicationContext.xml，該文件用來完成 Spring 和 MyBatis 的整合，主要包括了自動掃描，自動注入，配置資料庫等，內容如下：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="//www.springframework.org/schema/beans"
       xmlns:xsi="//www.w3.org/2001/XMLSchema-instance"
       xmlns:context="//www.springframework.org/schema/context" xmlns:tx="//www.springframework.org/schema/tx"
       xsi:schemaLocation="
          //www.springframework.org/schema/beans
          //www.springframework.org/schema/beans/spring-beans-4.2.xsd
          //www.springframework.org/schema/context
          //www.springframework.org/schema/context/spring-context-4.2.xsd
          //www.springframework.org/schema/tx
          //www.springframework.org/schema/tx/spring-tx-4.2.xsd">

    <!-- 自動掃描有 Spring 相關註解的類，並把這些類註冊為 bean -->
    <context:component-scan base-package="com.shiyanlou" />
    <!-- 配置數據源 -->
    <bean id="dataSource"
        class="org.springframework.jdbc.datasource.DriverManagerDataSource">
        <property name="driverClassName" value="com.mysql.jdbc.Driver" />
        <property name="url" value="jdbc:mysql://localhost:3306/ssm" />
        <property name="username" value="root" />
        <property name="password" value="" />
    </bean>
    <!-- MyBatis 的 SqlSession 的工廠，並引用數據源，掃描 MyBatis 的配置文件 -->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
        <property name="configLocation" value="classpath:mybatis-config.xml" />
        <property name="mapperLocations" value="classpath*:mappers/**"/>
    </bean>

    <!-- MyBatis 自動掃描載入 Sql 映射文件/介面 -->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="com.shiyanlou.mapper"/>
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
    </bean>
    <!-- JDBC 事務管理器 -->
    <bean id="txManager"
        class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>
    <!-- 啟用支援 annotation 註解方式事務管理 -->
    <tx:annotation-driven transaction-manager="txManager" />

</beans>

在這裡，我們將數據源配置資訊寫死在 applicationContext.xml 中的，也可以新建 jdbc.properties 文件，然後進行引入。

log4j.properties 配置日誌

在目錄 src/main/resources 下新建日誌文件 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 就整合完成，下面我們通過一個測試類測試整合是否成功。

Spring、MyBatis 整合測試

在目錄 src/test/java 下新建測試類 SpringMybatisTest，添加如下程式碼：

import com.shiyanlou.model.User;
import com.shiyanlou.service.UserService;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.test.context.ContextConfiguration;
import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;

import java.util.List;

/**
 * 配置spring和junit整合，junit啟動時載入springIOC容器 spring-test,junit
 **/
@RunWith(SpringJUnit4ClassRunner.class)
// 告訴junit spring配置文件
@ContextConfiguration({"classpath:applicationContext.xml"})
public class SpringMybatisTest {
    @Autowired
    private UserService userService;

/*    @Autowired
    private User user;*/

/*    @Test
    public void testLogin() {
        //User user = new User();
        user.setUsername("shiyanlou");
        user.setPassword("123456");
        System.out.println(userService.login(user).toString());

    }*/

    @Test
    public void testSelectAllUser() {
        List<User> users = userService.selectAllUser();
        for (User us : users) {
            System.out.println(us.toString());
        }
    }

/*    @Test
    public void testAdd() {
        //User user = new User();
        user.setUsername("user2");
        user.setPassword("123456");
        user.setSex("female");
        user.setAge(25);
        userService.addUser(user);
    }

    @Test
    public void testUpdate() {
        //User user = new User();
        user.setId(3);
        user.setUsername("user2");
        user.setPassword("123");
        user.setSex("female");
        user.setAge(30);
        userService.updateUser(user);
    }

    @Test
    public void testUpdate() {
        int id = 3;
        userService.deleteUser(id);
    }*/

}

在這裡，我們採用 Junit 進行單元測試，分別測試五個方法，這裡只演示查詢所有用戶 testSelectAllUser() 方法，打開終端輸入 mvn test 命令，結果如下：

我們 user 表中只有一條數據，可以看到 Spring 和 MyBatis 已經整合成功。

如果想要在測試類中注入 User 對象，需要做兩點：

  • 在測試類中添加程式碼
@Autowired
private User user;
  • 在 model 層的 User 類中添加 @Component 註解
@Component
public class User {
    private Integer id;
    private String username;
    private String password;
    private String sex;
    private Integer age;
    ......
}

註：但是一般實體類的對象不進行注入，而是由外部傳入，這裡是為了方便測試。

整合完 Spring 和 MyBatis 後，我們要完成 Spring MVC 的整合。

Controller層實現

在包 com.shiyanlou.controller 下建一個 Controller 類 UserController.java，程式碼如下：

package com.shiyanlou.controller;

import com.shiyanlou.model.User;
import com.shiyanlou.service.UserService;
import org.apache.ibatis.annotations.Param;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import java.util.List;

/**
 * 處理用戶請求 Controller
 **/
@Controller
public class UserController {

    /**
     * 自動注入 UserService
     **/
    @Autowired
    private UserService userService;

    // 登錄
    @RequestMapping("/login")
    public String login(User user, Model model, HttpSession session) {
        User loginUser = userService.login(user);

        if (loginUser != null) {
            session.setAttribute("user", loginUser);
            return "redirect:alluser";
        } else {
            session.setAttribute("message", "username or password is wrong!");
            return "redirect:loginform.jsp";
        }
    }

    // 退出
    @RequestMapping(value = "/loginout")
    public String loginout(HttpSession session) {
        session.invalidate();
        return "redirect:loginform.jsp";
    }

    // 查詢所有用戶
    @RequestMapping("/alluser")
    public String selectAllUser(HttpServletRequest request) {
        List<User> listUser = userService.selectAllUser();
        request.setAttribute("listUser", listUser);
        return "userlist";
    }

    // 跳轉至新增用戶頁面
    @RequestMapping("/toadduser")
    public String toAddUserPage() {
        return "adduser";
    }

    // 新增用戶
    @RequestMapping("/adduser")
    public String addUser(User user, HttpServletRequest request) {
        userService.addUser(user);
        List<User> listUser = userService.selectAllUser();
        request.setAttribute("listUser", listUser);
        return "userlist";
    }

    // 跳轉至更新用戶頁面
    @RequestMapping("/toupdateuser")
    public String toUpdateUser(@Param("id") Integer id,
                               HttpServletRequest request, Model model) {
        model.addAttribute("user_id", id);
        return "updateuser";
    }

    // 更新用戶
    @RequestMapping("/updateuser")
    public String updateUser(User user, HttpServletRequest request) {
        userService.updateUser(user);
        List<User> listUser = userService.selectAllUser();
        request.setAttribute("listUser", listUser);
        return "userlist";
    }

    // 刪除用戶
    @RequestMapping("/deleteuser")
    public String deleteUser(@Param("id") Integer id, HttpServletRequest request) {
        userService.deleteUser(id);
        List<User> listUser = userService.selectAllUser();
        request.setAttribute("listUser", listUser);
        return "userlist";
    }
}

JSP頁面

loginform.jsp

在 src/main/webapp 目錄下新建一個 JSP 頁面命名為 loginform.jsp，作為登錄頁面，程式碼如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login Page</title>
</head>
<body>
    <h4>Login Page</h4>
    <form action="login" method="post">
    <font color="red">${sessionScope.message}</font>
        <table>
            <tr>
                <td><label>username:</label></td>
                <td><input type="text" id="username" name="username" />
            </tr>
            <tr>
                <td><label>password:</label></td>
                <td><input type="password" id="password" name="password" />
            </tr>
            <tr>
                <td><input type="submit" value="login" />
            </tr>
        </table>
    </form>
</body>
</html>

userlist.jsp

在 webapp/WEB-INF/ 目錄下新建一個目錄 jsp，並且在其中新建一個 JSP 頁面命名為 userlist.jsp，作為主頁面，程式碼如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="//java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ssm</title>
<style type="text/css">
td {
    text-align: center;
    width: 100px;
}
</style>
</head>

<body>
    <div align="right">
        Welcome,[<font color=red>${sessionScope.user.username}</font>] | <a
            href="loginout">Exit</a>
    </div>
    <br>
    <center>
        <table border="1">
            <tbody>
                <tr>
                    <th>id</th>
                    <th>username</th>
                    <th>password</th>
                    <th>sex</th>
                    <th>age</th>
                    <th colspan="2" style="">Options</th>
                </tr>
                <c:if test="${!empty listUser }">
                    <c:forEach items="${listUser}" var="user">
                        <tr>
                            <td>${user.id}</td>
                            <td>${user.username}</td>
                            <td>${user.password}</td>
                            <td>${user.sex}</td>
                            <td>${user.age}</td>
                            <td><a href="toupdateuser?id=${user.id}">modify</a></td>
                            <td><a href="deleteuser?id=${user.id}">delete</a></td>
                        </tr>
                    </c:forEach>
                </c:if>
            </tbody>
        </table>
        <br>
        <a href="toadduser">Add a new user</a>
    </center>
</body>
</html>

adduser.jsp

在 webapp/WEB-INF/jsp 目錄下新建一個 JSP 頁面命名為 adduser.jsp，作為新增用戶頁面，程式碼如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Add Page</title>
</head>
<body>
    <h4>AddUser Page</h4>
    <form action="adduser" method="post">
        <table>
            <tr>
                <td><label>username:</label></td>
                <td><input type="text" id="username" name="username" />
            </tr>
            <tr>
                <td><label>password:</label></td>
                <td><input type="password" id="password" name="password" />
            </tr>
            <tr>
                <td><label>sex:</label></td>
                <td><input type="text" id="sex" name="sex" />
            </tr>
            <tr>
                <td><label>age:</label></td>
                <td><input type="text" id="age" name="age" />
            </tr>
            <tr>
                <td><input type="submit" value="add" />
            </tr>
        </table>
    </form>
</body>
</html>

updateuser.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Modify Page</title>
</head>
<body>
    <h4>Modify Page</h4>
    <form action="updateuser" method="post">
        <table>
            <tr>
                <td><label>id:</label></td>
                <td><input type="text" id="id" name="id" value="${user_id}" readonly="readonly"/>
            </tr>
            <tr>
                <td><label>username:</label></td>
                <td><input type="text" id="username" name="username" />
            </tr>
            <tr>
                <td><label>password:</label></td>
                <td><input type="password" id="password" name="password" />
            </tr>
            <tr>
                <td><label>sex:</label></td>
                <td><input type="text" id="sex" name="sex" />
            </tr>
            <tr>
                <td><label>age:</label></td>
                <td><input type="text" id="age" name="age" />
            </tr>
            <tr>
                <td><input type="submit" value="modify" />
            </tr>
        </table>
    </form>
</body>
</html>

配置spring-mvc.xml文件

在目錄 Java Resources/src 下新建 Spring MVC 配置文件 spring-mvc.xml ，程式碼如下：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="//www.springframework.org/schema/beans"
       xmlns:xsi="//www.w3.org/2001/XMLSchema-instance"
       xmlns:context="//www.springframework.org/schema/context"
       xmlns:mvc="//www.springframework.org/schema/mvc" xmlns:mvn="//www.springframework.org/schema/mvc"
       xsi:schemaLocation="//www.springframework.org/schema/beans
      //www.springframework.org/schema/beans/spring-beans.xsd
      //www.springframework.org/schema/context
      //www.springframework.org/schema/context/spring-context-4.2.xsd
      //www.springframework.org/schema/mvc
     //www.springframework.org/schema/mvc/spring-mvc-4.2.xsd">

    <mvn:default-servlet-handler/>
    <!-- 自動掃描該包，Spring MVC 會將包下用 @Controller 註解的類註冊為 Spring 的 controller -->
    <context:component-scan base-package="com.shiyanlou.controller" />
    <!-- 設置默認配置方案 -->
    <mvc:annotation-driven />
    <!-- 視圖解析器 -->
    <bean id="viewResolver"
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/" />
        <property name="suffix" value=".jsp" />
    </bean>
</beans>

配置web.xml文件

現在我們來到整合的最後一步，配置 web.xml 文件，程式碼如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="//xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="//www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="//xmlns.jcp.org/xml/ns/javaee //xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <display-name>SSMTest</display-name>

    <!-- 配置 Spring 核心監聽器 -->
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!-- 指定 Spring 的配置文件 -->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>

    <!-- 定義 Spring MVC 前端控制器 -->
    <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>
    </servlet>

    <!-- 為 DispatcherServlet 建立映射 -->
    <servlet-mapping>
        <servlet-name>springMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    <listener>
        <listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class>
    </listener>

    <!-- 編碼過濾器 -->
    <filter>
        <filter-name>encodingFilter</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>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>

    <filter-mapping>
        <filter-name>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!-- 設置首頁 -->
    <welcome-file-list>
        <welcome-file>loginform.jsp</welcome-file>
    </welcome-file-list>
</web-app>

到這裡，SSM 框架就全部整合完畢，接下來我們要進行測試。

運行測試

打開終端 File -> Open New Terminal
輸入 mvn jetty:run 運行程式，點擊工具-- web 服務按鈕，訪問 web 服務。

注意：目前實驗樓只支援 8080 埠啟動服務，如果使用其他埠，將無法訪問到服務，這裡 jetty 默認就是 8080 埠，所以不用更改。

輸入錯誤的用戶名或密碼（我們最開始的數據是 username:shiyanlou，password:123456）。

當用戶名和密碼都正確的時候進入首頁。

在這裡一共只有一條數據。

點擊下面的 Add a new user 鏈接，進入新增用戶頁面，並填寫新增用戶的資訊。

點擊 add 按鈕，完整用戶的新增操作，可以看到用戶新增成功。

點擊 id 為 2 的用戶記錄行的 modify 鏈接，進入更新用戶頁面，並填寫更新資訊。

點擊 modify 按鈕，完整用戶的更新操作，可以看到用戶資訊更新成功。

點擊 id 為 2 的用戶記錄行的 delete 鏈接，刪除該用戶。

點擊右上角的 Exit 鏈接，退出主頁到登錄頁面。

Tags:

VirMach 便宜 VPS