项目案列项目名称

项目案例
项目名称
新能源汽车动力电池远程监控系统

编写语言
JavaWeb

所需完成功能
显示所有、添加功能、ajax删除、修改功能、查询功能

本章完成功能
显示所有

环境部署
Tomcat 8.5.78、MySQL 5.7、JQuery 1.8.2

项目所需环境文件和工具包下载处
SSOA6

数据库

项目准备
新建一个JavaWeb项目文件夹，填写项目名称后开始编写项目

首先导入各种项目需要用到的包
tools包方放到src文件夹

jQuery和JsHerper放到web文件夹下面

修改配置
tools包内的config.properties文件的配置修改成自己的

user后面填写数据库的用户名
pwd后填写数据库密码
url最后面接上自己要使用的数据库名称

开始编写项目
首先项目分成五个步骤

编写bean类
数据层dao类
业务层service类
显示层servlet类
jsp文件HTML页面
bean
将数据库的所有列编写成一个私有的属性

private int id;
private String carName;
private String cityName;
private String username;
private int pressureValue;
private Date time;
1
2
3
4
5
6
封装所有的属性，并且提供一个公有的字段

全选

package bean;

import java.security.SecureRandom;
import java.util.Date;

public class PowerBean {
private int id;
private String carName;
private String cityName;
private String username;
private int pressureValue;
private Date time;

@Override
public String toString() {
    return "PowerBean{" +
            "id=" + id +
            ", carName='" + carName + '\'' +
            ", cityName='" + cityName + '\'' +
            ", username='" + username + '\'' +
            ", pressureValue=" + pressureValue +
            ", time=" + time +
            '}';
}

public int getId() {
    return id;
}

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

public String getCarName() {
    return carName;
}

public void setCarName(String carName) {
    this.carName = carName;
}

public String getCityName() {
    return cityName;
}

public void setCityName(String cityName) {
    this.cityName = cityName;
}

public String getUsername() {
    return username;
}

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

public int getPressureValue() {
    return pressureValue;
}

public void setPressureValue(int pressureValue) {
    this.pressureValue = pressureValue;
}

public Date getTime() {
    return time;
}

public void setTime(Date time) {
    this.time = time;
}

}
/**

• @program: 新能源汽车动力电池远程监控系统
• @description:
• @author: Mr.Shi
• @QQ: 357179552
• @create: 2022-06-09 13:54
  **/
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44
  45
  46
  47
  48
  49
  50
  51
  52
  53
  54
  55
  56
  57
  58
  59
  60
  61
  62
  63
  64
  65
  66
  67
  68
  69
  70
  71
  72
  73
  74
  75
  76
  77
  78
  79
  80
  数据层dao类
  dao类所需要做的就是获取数据表里的数据
  首先编写一个有显示所有方法的PowerDao接口

再创建一个PowerDaoImpl实现类
继承BeseDao类然后实现PowerDao接口

ALT+Enter实现父类和接口的方法

在lineToObject方法中获取所有的零散数据

@Override
public PowerBean lineToObject(ResultSet resultSet) {
//获取零散数据
int id = 0;
String carName = null;
String cityName = null;
String userName = null;
int pressureValue =0 ;
Date time = null;
try {
id = resultSet.getInt(“id”);
carName = resultSet.getString(“carName”);
cityName = resultSet.getString(“cityName”);
userName = resultSet.getString(“userName”);
pressureValue = resultSet.getInt(“pressureValue”);
time = resultSet.getDate(“time”);
} catch (SQLException throwables) {
throwables.printStackTrace();
}
//实例化对象集合
PowerBean powerBean = new PowerBean();
//给对象集合赋值
powerBean.setId(id);
powerBean.setCarName(carName);
powerBean.setCityName(cityName);
powerBean.setUsername(userName);
powerBean.setPressureValue(pressureValue);
powerBean.setTime(time);
//返回对象集合
return powerBean;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
这里要注意lineToObject方法要把之前的Object类型返回值改成PowerBean对象的返回值

然后在select方法中执行查询所有的操作

@Override
public List select() {
//sql语句
String sql = “SELECT * FROM powerbattery”;
//参数数组
Object[] objects = {};
//父类方法
ResultSet resultSet = commonQuery(sql, objects);
//处理
List powerBeanList = new ArrayList<>();
while (true){
try {
if (!resultSet.next()) break;
} catch (SQLException throwables) {
throwables.printStackTrace();
}
PowerBean powerBean = lineToObject(resultSet);
powerBeanList.add(powerBean);

    }
    //返回数据
    return powerBeanList;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
dao类编写完毕

业务层service
首先也是编写一个带select方法的接口

再新建一个实现类，业务层的实现类就相对来说比较简单了

连接接口

先编写一个无参构造方法

private Connection connection;     //私有的成员属性，连接对象
private PowerDao powerDao;        //私有的成员属性，数据层的实例化对象
public PowerServiceImpl() {
    connection = JDBCUtiles.getConnection();     //JDBC获取连接对象
    powerDao = new PowerDaoImpl(connection);   //实例化数据层对象
}

1
2
3
4
5
6
然后再实现接口方法
返回数据层对象集合调用的显示所有方法就行了

@Override
public List select() {
//实例化数据层集合，调用数据层显示所有方法
List powerBeanList = powerDao.select();
return powerBeanList;
}
1
2
3
4
5
6
业务层service完成

显示层servlet
首先新建一个index类

继承HttpServlet类

实现一个doget方法
实例化一个service对象，对象.方法()调用select显示所有方法
将获取到的返回值powerBeanList存入req作用域
页面转发到我们接下来要编写的HTML页面

package servlet;

import bean.PowerBean;
import service.Impl.PowerServiceImpl;

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;

@WebServlet(“/index”)
public class Index extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//获取业务员
PowerServiceImpl powerService = new PowerServiceImpl();
//业务员调用方法
List powerBeanList = powerService.select();
//数据存到作用域
req.setAttribute(“powerBeanList”,powerBeanList);
//转发
req.getRequestDispatcher(“index.jsp”).forward(req,resp);
}
}
/**

• @program: 新能源汽车动力电池远程监控系统
• @description:
• @author: Mr.Shi
• @QQ: 357179552
• @create: 2022-06-09 15:14
  **/
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  编写HTML前端页面

<%@ page import=“java.sql.Connection” %>
<%@ page import=“tools.JDBCUtiles” %>
<%@ page import=“service.Impl.PowerServiceImpl” %><%–
Created by IntelliJ IDEA.
User: 35717
Date: 2022/6/4
Time: 13:11
To change this template use File | Settings | File Templates.
–%>
<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>
<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>

<% Connection connection = JDBCUtiles.getConnection(); out.print(connection);

PowerServiceImpl powerService = new PowerServiceImpl();
out.print(powerService.select());

%>

新能源汽车电池监控系统

信息编号	车辆信息	所属城市	事业单位	压差报警值	报警时间	操作
${power.id}	${power.carName}	${power.cityName}	${power.username}	${power.pressureValue}	${power.time}	删除