本实例的编写和运行环境:MySQL 8.0、Tomcat 9.0、IntelliJ IDEA 2020.1

本实例演示一个极简的Java Web项目按照M(模型)V(视图)C(控制器)模式编写的过程:

1、新建项目

java mvn运行java项目 javaweb的mvc模式项目_List

 选择Java Enterprise --> Web Application

java mvn运行java项目 javaweb的mvc模式项目_web开发_02

java mvn运行java项目 javaweb的mvc模式项目_mvc_03

java mvn运行java项目 javaweb的mvc模式项目_List_04

 2、数据准备

在MySQL中建立一个库mydb1,在其中建立一个表student:

java mvn运行java项目 javaweb的mvc模式项目_java mvn运行java项目_05

SQL代码如下

SET FOREIGN_KEY_CHECKS=0;

DROP TABLE IF EXISTS `student`;
CREATE TABLE `student` (
  `stuid` int NOT NULL AUTO_INCREMENT,
  `stuname` varchar(20) DEFAULT NULL,
  `age` int DEFAULT NULL,
  `sex` int DEFAULT NULL,
  PRIMARY KEY (`stuid`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

INSERT INTO `student` VALUES (1, '张三', 18, 1);
INSERT INTO `student` VALUES (2, '李四', 19, 0);
INSERT INTO `student` VALUES (3, '王五', 20, 1);
INSERT INTO `student` VALUES (4, '赵六', 21, 0);
INSERT INTO `student` VALUES (5, '钱七', 18, 1);
INSERT INTO `student` VALUES (6, '孙八', 19, 0);
INSERT INTO `student` VALUES (7, '周九', 20, 1);
INSERT INTO `student` VALUES (8, '吴十', 21, 0);

由于用到Druid来访问数据库,需要配置一下druid.properties中的参数。文件内容如下:

url=jdbc:mysql://localhost:3306/mydb1?serverTimezone=UTC
username=root
password=123456
driverClassName=com.mysql.jdbc.Driver
initialSize=5
maxActive=10
minIdle=5
maxWait=3000

注意其中url中的数据库名、用户名、密码,要按实际情况正确配置。

配置好的文件 druid.properties复制到src文件夹中:

java mvn运行java项目 javaweb的mvc模式项目_web开发_06

3、环境准备

(1)配置Tomcat运行参数(按下图步骤):

java mvn运行java项目 javaweb的mvc模式项目_mvc_07

java mvn运行java项目 javaweb的mvc模式项目_List_08

java mvn运行java项目 javaweb的mvc模式项目_java mvn运行java项目_09

(2)导入项目所需的各种jar包:

java mvn运行java项目 javaweb的mvc模式项目_java_10

在项目的web/WEB-INF文件夹中新建一个lib文件夹,将上面文件复制到其中,如下图所示:

java mvn运行java项目 javaweb的mvc模式项目_java mvn运行java项目_11

 然后点下图所示的按钮进行配置:

java mvn运行java项目 javaweb的mvc模式项目_web开发_12

java mvn运行java项目 javaweb的mvc模式项目_mvc_13

 逐个选择jar文件并导入

java mvn运行java项目 javaweb的mvc模式项目_web开发_14

 导入完成后,如下图所示:

java mvn运行java项目 javaweb的mvc模式项目_java_15

 然后要将文件列表右侧的所有“Compile”改为“Provided”,如下图所示:

java mvn运行java项目 javaweb的mvc模式项目_web开发_16

(3)创建各种package,复制需要的外部文件

在src下创建bean、dao、service、servlet、util五个package,将Druid需要的文件DruidUtil.java复制到util中:

java mvn运行java项目 javaweb的mvc模式项目_web开发_17

完成以上步骤,就作好了编程的所有准备工作。

4、编写代码

(1)对应数据库中的表,建立一一对应的bean类

本例中只用到一个student表,须建立一个对应的Student类:

(文件名:Student.java,位置:src/bean/)

package bean;

//M层(封装数据的JavaBean)
//作用:定义各数据表的实体类
//命名:类名=数据表名,属性名=列名
//包含:属性、构造方法(无参 & 全参)、getter & setter
public class Student {
    private Integer stuid;
    private String  stuname;
    private Integer age;
    private Integer sex;

    public Student() {
    }

    public Student(Integer stuid, String stuname, Integer age, Integer sex) {
        this.stuid = stuid;
        this.stuname = stuname;
        this.age = age;
        this.sex = sex;
    }

    public Integer getStuid() {
        return stuid;
    }

    public void setStuid(Integer stuid) {
        this.stuid = stuid;
    }

    public String getStuname() {
        return stuname;
    }

    public void setStuname(String stuname) {
        this.stuname = stuname;
    }

    public Integer getAge() {
        return age;
    }

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

    public Integer getSex() {
        return sex;
    }

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

(2)定义bean的访问接口,以及相应的实现类

在src/dao下新建一个名为StudentDao的接口:

(类名:StudentDao,文件名:StudentDao.java,位置:src/dao/)

package dao;

import bean.Student;

import java.util.List;

//M层(封装数据访问接口的JavaBean)
//作用:定义操作数据库的方法
//命名:接口名=bean类名+"Dao"
public interface StudentDao {
    public List<Student> getAll();
}

在src/dao下新建一个名为impl.StudentDaoImpl的类:

(类名:StudentDaoImpl,文件名:StudentDaoImpl.java,位置:src/dao/impl/)

package dao.impl;

import bean.Student;
import dao.StudentDao;
import util.DruidUtil;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

//M层(封装数据访问接口的JavaBean)
//作用:对应dao接口的实现类
//命名:类名=dao接口名+"Impl"
public class StudentDaoImpl extends DruidUtil implements StudentDao {
    @Override
    public List<Student> getAll() {
        List list=new ArrayList();
        Connection connection =null;
        PreparedStatement preparedStatement=null;
        ResultSet resultSet=null;
        try {
            connection = getConnection();
            preparedStatement = connection.prepareStatement("select * from student");
            resultSet = preparedStatement.executeQuery();
            while(resultSet.next()){
                Student student = new Student();
                student.setStuid(resultSet.getInt("stuid"));
                student.setStuname(resultSet.getString("stuname"));
                student.setAge(resultSet.getInt("age"));
                student.setSex(resultSet.getInt("sex"));
                list.add(student);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        } finally {
            close(connection,preparedStatement,resultSet);
        }

        return list;
    }
}

(3)定义业务逻辑的访问接口,以及相应的实现类

在src/service中新建一个名为StudentService的接口:

(类名:StudentService,文件名:StudentService.java,位置:src/service/)

package service;

import bean.Student;

import java.util.List;

//M层(封装业务的JavaBean)
//作用:定义业务逻辑(调取dao层)
//命名:接口名=bean类名+"Service"
public interface StudentService {
    //查询全部
    public List<Student> getAll();
}

在src/service中新建一个名为impl.StudentServiceImpl的类:

(类名:StudentServiceImpl,文件名:StudentServiceImpl.java,位置:src/service/impl/)

package service.impl;

import bean.Student;
import dao.StudentDao;
import dao.impl.StudentDaoImpl;
import service.StudentService;

import java.util.List;

//M层(封装业务的JavaBean)
//作用:对应service接口的实现类
//命名:类名=service接口名+"Impl"
public class StudentServiceImpl implements StudentService {

    //此处可定义各种业务逻辑

    private StudentDao studentDao = new StudentDaoImpl();

    @Override
    public List<Student> getAll() {
        return studentDao.getAll();
    }
}

(4)设计前端的访问页面

在文件index.jsp中,放一个超链接:

(文件名:index.jsp,位置:web/)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>查询</title>
  </head>
  <body>
    <a href="getallstudents">查询全部</a>
  </body>
</html>

在浏览器中显示的效果如图:

java mvn运行java项目 javaweb的mvc模式项目_mvc_18

(5)对应前端超链接的地址,编写相应的servlet

在src/servlet中新建一个名为StudentServlet的类:

(类名:StudentServlet,文件名:StudentServlet.java,位置:src/servlet/)

package servlet;

import bean.Student;
import service.impl.StudentServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

//C层(处理用户交互,及相关的数据和业务流程)
//作用:响应V层的请求,建立相应的业务处理流程(调用M层的JavaBean),并将处理结果传递回V层
@WebServlet(urlPatterns = "/getallstudents")
public class StudentServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //转向post处理
        doPost(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1、获取请求参数(本例中因为只需响应一个请求,无需解析参数)

        //2、调取service层方法
        StudentServiceImpl studentService = new StudentServiceImpl();
        List<Student> allStu = studentService.getAll();

        //3、跳转页面
        req.setAttribute("stulist",allStu);
        req.getRequestDispatcher("show.jsp").forward(req,resp);
    }
}

(6)编写一个显示结果的页面

在web下新建一个名为show的JSP文件:

(文件名:show.jsp,位置:web/)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>列表</title>
</head>
<body>
    <h1>全部列表</h1>
    <table border="1" width="500px" bgcolor="#90ee90">
        <tr>
            <td>id</td>
            <td>name</td>
            <td>age</td>
            <td>sex</td>
        </tr>
        <c:forEach items="${stulist}" var="stu">
            <tr>
                <td>${stu.stuid}</td>
                <td>${stu.stuname}</td>
                <td>${stu.age}</td>
                <td>${stu.sex==1?"男":"女"}</td>
            </tr>
        </c:forEach>
    </table>
</body>
</html>

5、运行

运行效果如下:

java mvn运行java项目 javaweb的mvc模式项目_mvc_19