技术标签: javaweb
一、功能要求
请编写一个程序,完成对员工的管理 ,实现员工列表显示、员工添加功能。
二、具体功能要求及推荐实现步骤
导入一个Web-Maven工程,把工程名改为ems-班级-学号(如:ems-ruanjian222-01),采用前后端分离架构,前端使用HTML+CSS+JS+axios技术,后端采用Servlet+json+c3p0+dbutils技术或者使用SSM框架技术开发此系统,实现步骤如下:
a.实现员工列表查询功能,给前端返回员工列表json字符串;
b.实现获取所有部门的功能,给前端返回所有部门的json串;
c.实现员工添加,给前端返回是否成功的标识;
6.在employee_list.html实现发送获取所有员工的异步请求,并把结果展示出来。
7、在employee_add.html实现获取用户的输入并异步发送给后端,如果添加成功,跳转到列表界面。
下载基础项目:https://download.csdn.net/download/daqi1983/88571967,解压后修改项目所在的文件夹为 ems-班级-学号(如:ems-ruanjian222-01),同时修改pom.xml文件中的项目信息,如下:
<artifactId>ems-班级-学号</artifactId>
<version>1.0-SNAPSHOT</version>
<name>ems-班级-学号</name>
员工信息表(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) |
非空 |
部门名称 |
根据业务提供需要的构造方法和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;
}
}
编写添加员工方法 , 获取员工列表方法
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;
}
}
编写获取部门列表的方法。
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));
}
}
实现员工列表查询
/**
* 处理"/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);
}
}
<!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>
<!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
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) |
非空 |
商品类别名称 |
文章浏览阅读2.9k次,点赞8次,收藏14次。测试主要做什么?这完全都体现在测试流程中,同时测试流程是面试问题中出现频率最高的,这不仅是因为测试流程很重要,而是在面试过程中这短短的半小时到一个小时的时间,通过测试流程就可以判断出应聘者是否合适,故在测试流程中包含了测试工作的核心内容,例如需求分析,测试用例的设计,测试执行,缺陷等重要的过程。..._测试过程管理中包含哪些过程
文章浏览阅读870次,点赞16次,收藏19次。1.背景介绍政府数字化政务是指政府利用数字技术、互联网、大数据、人工智能等新技术手段,对政府政务进行数字化改革,提高政府工作效率,提升政府服务质量的过程。随着人工智能(AI)和机器学习(ML)技术的快速发展,政府数字化政务中的人工智能与机器学习应用也逐渐成为政府改革的重要内容。政府数字化政务的人工智能与机器学习应用涉及多个领域,包括政策决策、政府服务、公共安全、社会治理等。在这些领域,人工...
文章浏览阅读219次,点赞2次,收藏4次。系统主要的用户为用户、管理员,他们的具体权限如下:用户:用户登录后可以对管理员上传的学习视频进行学习。用户可以选择题型进行练习。用户选择小程序提供的考研科目进行相关训练。用户可以进行水平测试,并且查看相关成绩用户可以进行错题集的整理管理员:管理员登录后可管理个人基本信息管理员登录后可管理个人基本信息管理员可以上传、发布考研的相关例题及其分析,并对题型进行管理管理员可以进行查看、搜索考研题目及错题情况。_mysql刷题软件
文章浏览阅读1.4k次。myelipse里有UML1和UML2两种方式,UML2功能更强大,但是两者生成过程差别不大1.建立Test工程,如下图,uml包存放uml类图package com.zz.domain;public class User {private int id;private String name;public int getId() {return id;}public void setId(int..._根据以下java代码画出类图
文章浏览阅读174次。需求:一个topic包含很多个表信息,需要自动根据json字符串中的字段来写入到hive不同的表对应的路径中。发送到Kafka中的数据原本最外层原本没有pkDay和project,只有data和name。因为担心data里面会空值,所以根同事商量,让他们在最外层添加了project和pkDay字段。pkDay字段用于表的自动分区,proejct和name合起来用于自动拼接hive表的名称为 ..._flume拦截器自定义开发 kafka
文章浏览阅读380次。原标题:Java Spring中同时访问多种不同数据库 多样的工作要求,可以使用不同的工作方法,只要能获得结果,就不会徒劳。开发企业应用时我们常常遇到要同时访问多种不同数据库的问题,有时是必须把数据归档到某种数据仓库中,有时是要把数据变更推送到第三方数据库中。使用Spring框架时,使用单一数据库是非常容易的,但如果要同时访问多个数据库的话事件就变得复杂多了。本文以在Spring框架下开发一个Sp..._根据输入的不同连接不同的数据库
文章浏览阅读3.6k次,点赞9次,收藏25次。本案例描述了晶振屏蔽以及开关电源变压器屏蔽对系统稳定工作的影响, 硬件设计时应考虑。_eft电路图
文章浏览阅读1.1k次。对于物料价格的更改,可以采取不同的手段:首先,我们来介绍MR21的方式。 需要说明的是,如果要对某一产品进行价格修改,必须满足的前提条件是: ■ 1、必须对价格生效的物料期间与对应会计期间进行开启; ■ 2、该产品在该物料期间未发生物料移动。执行MR21,例如更改物料1180051689的价格为20000元,系统提示“对于物料1180051689 存在一个当前或未来标准价格”,这是因为已经对该..._mr21 对于物料 zba89121 存在一个当前或未来标准价格
文章浏览阅读7.4k次,点赞3次,收藏13次。[文章导读]联想启天M420是一款商用台式电脑,预装的是win10系统,用户还是喜欢win7系统,该台式机采用的intel 8代i5 8500CPU,在安装安装win7时有很多问题,在安装win7时要在BIOS中“关闭安全启动”和“开启兼容模式”,并且安装过程中usb不能使用,要采用联想win7新机型安装,且默认采用的uefi+gpt模式,要改成legacy+mbr引导,那么联想启天M420台式电..._启天m420刷bios
文章浏览阅读2.7k次,点赞2次,收藏9次。一,为什么要冗余数据互联网数据量很大的业务场景,往往数据库需要进行水平切分来降低单库数据量。水平切分会有一个patition key,通过patition key的查询能..._保证冗余性
文章浏览阅读88次。是时候闭环Java应用了 原创 2016-08-16 张开涛 你曾经因为部署/上线而痛苦吗?你曾经因为要去运维那改配置而烦恼吗?在我接触过的一些部署/上线方式中,曾碰到过以下一些问题:1、程序代码和依赖都是人工上传到服务器,不是通过工具进行部署和发布;2、目录结构没有规范,jar启动时通过-classpath任意指定;3、fat jar,把程序代码、配置文件和依赖jar都打包到一个jar中,改配置..._那么需要把上面的defaultjavatyperesolver类打包到插件中
文章浏览阅读909次。1.得下载一个番茄插件,按alt+g才可以有函数跳转功能。2.不安装番茄插件,按F12也可以有跳转功能。3.进公司的VS工程是D:\sync\build\win路径,.sln才是打开工程的方式,一个是VS2005打开的,一个是VS2013打开的。4.公司库里的线程接口,在CmThreadManager.h 里,这个里面是我们的线程库,可以直接拿来用。CreateUserTaskThre..._番茄助手颜色