考试内容及参考

一、样卷: 

一、功能要求

请编写一个程序,完成对员工的管理 ,实现员工列表显示、员工添加功能。

二、具体功能要求及推荐实现步骤

导入一个Web-Maven工程,把工程名改为ems-班级-学号(如:ems-ruanjian222-01),采用前后端分离架构,前端使用HTML+CSS+JS+axios技术,后端采用Servlet+json+c3p0+dbutils技术或者使用SSM框架技术开发此系统,实现步骤如下:

  1. 创建数据库ems,数据表:员工信息表(employee)、部门信息表(department),设置主键自增,并添加不少于3条测试数据,表结构在下面。
  2. 创建实体类Employee、Department,根据业务提供需要的构造方法和setter/getter方法。
  3. 创建C3p0Util数据连接工具类连接数据库或者使用Mybatis配置文件。
  4. 创建EmployeeDAO类,编写添加员工方法、获取员工列表方法;创建DepartmentDAO,编写获取部门列表的方法。
  5. 编写Servlet或者SSM架构的接口实现以下功能:

        a.实现员工列表查询功能,给前端返回员工列表json字符串;

        b.实现获取所有部门的功能,给前端返回所有部门的json串;

        c.实现员工添加,给前端返回是否成功的标识;

      6.在employee_list.html实现发送获取所有员工的异步请求,并把结果展示出来。

      7、在employee_add.html实现获取用户的输入并异步发送给后端,如果添加成功,跳转到列表界面。

开发环境:tomcat9.x.x

二、具体功能要求及推荐实现步骤

2.1.打开基础项目

下载基础项目:https://download.csdn.net/download/daqi1983/88571967,解压后修改项目所在的文件夹为 ems-班级-学号(如:ems-ruanjian222-01),同时修改pom.xml文件中的项目信息,如下:

    <artifactId>ems-班级-学号</artifactId>
    <version>1.0-SNAPSHOT</version>
    <name>ems-班级-学号</name>

2.2.创建数据库ems,数据表:

员工信息表(employee)、部门信息表(department),设置主键自增,并添加不少于3条测试数据,表结构如下:

表名

employee

列名

数据类型(精度范围)

空/非空

约束条件

注释

id

int

非空

PK

员工id

name

varchar(50)

非空

员工姓名

phone

varchar(50)

非空

手机号

department_id

int

非空

部门id

表名

department

列名

数据类型(精度范围)

空/非空

约束条件

注释

id

int

非空

PK

部门id

name

varchar(30)

非空

部门名称

2.3.创建实体类Employee、Department

根据业务提供需要的构造方法和setter/getter方法。

/**
 * 部门实体类
 * @author 林辛
 * 2021年12月13日
 */
public class Department {
	
	private Integer id;
	private String name;//部门名称

    public Department(){}
	
	public Integer getId() {
		return id;
	}
	public void setId(Integer id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}	
	
}
package cn.zptc.entity;

/**
 * 员工实体类
 * @author 林辛
 * 2021年12月13日
 */
public class Employee {

    private Integer id;
    private String name;//员工姓名
    private String phone;//员工手机号码
    private Integer departmentId;//员工所属部门Id
    private String departmentName;//员工所属部门名称
//补充getter setter方法


    public Employee() {
    }

    public Integer getId() {
        return id;
    }

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

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPhone() {
        return phone;
    }

    public void setPhone(String phone) {
        this.phone = phone;
    }

    public Integer getDepartmentId() {
        return departmentId;
    }

    public void setDepartmentId(Integer departmentId) {
        this.departmentId = departmentId;
    }

    public String getDepartmentName() {
        return departmentName;
    }

    public void setDepartmentName(String departmentName) {
        this.departmentName = departmentName;
    }
}

2.4.创建EmployeeDAO类

编写添加员工方法 , 获取员工列表方法

public class EmployeeDAO {
	// 添加员工方法
	public int insertEmployee(Employee employee) throws SQLException {
		String sql= "INSERT INTO `ems`.`employee` (`name`,`phone`,`department_id`) VALUES  (?,?,?)";
		QueryRunner runner= new QueryRunner(C3p0Util.getDataSource());
		int row =runner.update(sql, employee.getName(),employee.getPhone(),employee.getDepartmentId());
		return row;
	}

	// 获取员工列表
	public List<Employee> selectAllEmployees() throws SQLException {
		String sql="SELECT e.`id`,e.`name`,e.`phone`, d.`name` AS departmentName " + 
				"FROM `employee` e LEFT JOIN `department` d ON e.`department_id` = d.`id`";
		QueryRunner runner=new QueryRunner(C3p0Util.getDataSource());
		List<Employee> list = runner.query(sql, new BeanListHandler<Employee>(Employee.class));		
		return list;		
	}
}

2.5.创建DepartmentDAO

编写获取部门列表的方法。

public class DepartmentDAO {
	
	// 获取所有部门
	public List<Department> selectAllDepartments() throws SQLException {
		String sql = "select * from department";
		QueryRunner runner = new QueryRunner(C3p0Util.getDataSource());
		return runner.query(sql, new BeanListHandler<Department>(Department.class));
	}
}

2.6.开发并配置相关Servlet(3个)

实现员工列表查询

/**
 * 处理"/getAllEmployees"请求。
 * 通过EmployeeDAO查询出所有员工,然后转化为json字符串,
 * 最后把json串向外输出。
 */
@WebServlet("/getAllEmployees")
public class GetAllEmployeesServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response){
        //1. 调用dao查询
        EmployeeDAO dao = new EmployeeDAO();
        try {
            List<Employee> allEmployees = dao.selectAllEmployees();
            //2. 将集合转换为JSON数据   序列化
            String jsonString = JSON.toJSONString(allEmployees);
            //3. 响应数据
            response.setContentType("text/json;charset=utf-8");
            response.getWriter().write(jsonString);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

实现查询所有部门

/**
 * 处理"/getAllDepartments"请求
 * 先查询出所有的部门信息,然后转化为json串,
 * 最后向外输出json串
 */
@WebServlet("/getAllDepartments")
public class GetAllDepartmentsServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response){
        //1. 创建dao对象
        DepartmentDAO dao = new DepartmentDAO();
        try {
            List<Department> list = dao.selectAllDepartments();
            //2. 将集合转换为JSON数据,也就是序列化
            String jsonString = JSON.toJSONString(list);
            //3. 响应数据
            response.setContentType("text/json;charset=utf-8");
            response.getWriter().write(jsonString);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

实现员工添加并跳转至列表界面

/**
 * 处理“/addEmployee”请求。
 * 从request对象中获取新员工信息,
 * 通过GSON工具把这些信息封装到员工对象,
 * 然后通过EmployeeDAO添加新员工到数据库,
 * 最后向外输出添加是否成功的标识。
 */
@WebServlet("/addEmployee")
public class AddEmployeeServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response){

        //1. 获取请求体数据
        BufferedReader br = request.getReader();
        String params = br.readLine();

        // 将JSON字符串转为Java对象
        Employee employee = JSON.parseObject(params, Employee.class);

        //2. 调用dao添加
        EmployeeDAO dao = new EmployeeDAO();
        try {
            dao.addEmployee(employee);
            //3. 响应成功标识
            response.getWriter().write("success");
        } catch (Exception e) {
            e.printStackTrace();
            //3. 响应失败标识
            response.getWriter().write("fail");
        }
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

2.7.开发员工列表页面employee_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工列表</title>
</head>
<body>
<a href="employee_add.html"><input type="button" value="新增"></a><br>
<hr>
<table id="brandTable" border="1" cellspacing="0" width="100%">
    <tr>
        <td bgcolor="#A3E6DF">id</td>
        <td bgcolor="#A3D7E6">姓名</td>
        <td bgcolor="#A3CCE6">电话</td>
        <td bgcolor="#A3CCE6">部门名称</td>
    </tr>

</table>

<script src="js/axios-0.18.0.js"></script>
<script>
    //1. 当页面加载完成后,发送ajax请求
    window.onload = function () {
        //2. 发送ajax请求
        axios({
            method:"get",
            url:"http://localhost/getAllEmployees"
        }).then(function (resp) {
            //获取数据
            let list = resp.data;
            let tableData = " <tr>\n" +
                "        <th>id</th>\n" +
                "        <th>姓名</th>\n" +
                "        <th>电话</th>\n" +
                "        <th>部门名称</th>\n" +
                "    </tr>";

            for (let i = 0; i < list.length ; i++) {
                let obj = list[i];

                tableData += "\n" +
                    "    <tr align=\"center\">\n" +
                    "        <td>"+obj.id+"</td>\n" +
                    "        <td>"+obj.name+"</td>\n" +
                    "        <td>"+obj.phone+"</td>\n" +
                    "        <td>"+obj.departmentName+"</td>\n" +
                    "    </tr>";
            }

            // 设置表格数据
            document.getElementById("brandTable").innerHTML = tableData;
        })
    }
</script>
</body>
</html>

2.8.员工添加页面(employee_add.html)

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>添加员工</title>
    </head>
    <body>
        <h3>添加员工</h3>
        <form action="" method="post">
            <table width="70%" >
                <tr><td >姓名:<input id="name" type="text" name="name" /></td></tr>
                <tr><td >手机号:<input id="phone" type="text" name="phone" /></td></tr>
                <tr><td id="departments">所属部门:</td></tr>
                <tr><td ><input id="btn" type="button" value="添加"/></td></tr>
            </table>
        </form>

        <script src="js/axios-0.18.0.js"></script>
        <script>
            //1. 当页面加载完成后,发送ajax请求
            window.onload = function () {
                //2. 发送ajax请求
                axios({
                    method:"get",
                    url:"http://localhost/getAllDepartments"
                }).then(function (resp) {
                    let list = resp.data;
                    let departmentData="所属部门:";
                    for (let i = 0; i < list.length ; i++) {
                        let obj = list[i];
        //<input type="radio" name="departmentId" value="${department.id}" >${department.name}
                        departmentData += "<input type=\"radio\" name=\"departmentId\" value="+
                        obj.id +" >"+obj.name;
                    }
                    // 设置表格数据
                    document.getElementById("departments").innerHTML = departmentData;
                })
            }
            //1. 给按钮绑定单击事件
            document.getElementById("btn").onclick = function () {
                // 将表单数据转为json
                var formData = {
                    name:"",
                    phone:"",
                    departmentId:"",
                };
                // 获取表单数据
                let name = document.getElementById("name").value;
                // 设置数据
                formData.name = name;

                // 获取表单数据
                let phone = document.getElementById("phone").value;
                // 设置数据
                formData.phone = phone;

                let departmentId = document.getElementsByName("departmentId");
                for (let i = 0; i < departmentId.length; i++) {
                    if(departmentId[i].checked){
                        //
                        formData.departmentId = departmentId[i].value ;
                    }
                }
                console.log(formData);
                //2. 发送ajax请求
                axios({
                    method:"post",
                    url:"http://localhost/addEmployee",
                    data:formData
                }).then(function (resp) {
                    // 判断响应数据是否为 success
                    if(resp.data == "success"){
                        location.href = "employee_list.html";
                    }
                })
            }
        </script>
    </body>
</html>

完成后的项目:

下载地址:https://download.csdn.net/download/daqi1983/88571903

 sql:


CREATE DATABASE /*!32312 IF NOT EXISTS*/`ems` /*!40100 DEFAULT CHARACTER SET utf8mb4 */;

USE `ems`;

/*Table structure for table `department` */

DROP TABLE IF EXISTS `department`;

CREATE TABLE `department` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(30) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4;

/*Data for the table `department` */

insert  into `department`(`id`,`name`) values (1,'人力资源部'),(2,'销售部'),(3,'生产部');

/*Table structure for table `employee` */

DROP TABLE IF EXISTS `employee`;

CREATE TABLE `employee` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(30) NOT NULL,
  `phone` varchar(30) NOT NULL,
  `department_id` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4;

/*Data for the table `employee` */

insert  into `employee`(`id`,`name`,`phone`,`department_id`) values (1,'唐僧','135112345678',1),(2,'孙悟空','13645678932',2),(3,'猪八戒','13812345678',3);

练习

请编写一个程序,完成对商品的管理 ,实现显示所有商品、添加商品功能。 

数据库名称:gms 

表名

goods 商品表

列名

数据类型(精度范围)

空/非空

约束条件

注释

id

int

非空

PK

商品id

name

varchar(50)

非空

商品名字

price

float

非空

商品价格

category_id

int

非空

商品所属类别id

表名

category 商品类别表

列名

数据类型(精度范围)

空/非空

约束条件

注释

id

int

非空

PK

商品类别id

name

varchar(30)

非空

商品类别名称

  • 12
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值