使用 DAO 设计模式和 AJAX 技术实现数据库用户数据增删改查
首先,需要创建一个 User 类来表示用户对象,并在类中定义 id、name 和 age 属性。
public class User {
private int id;
private String name;
private int age;
// 构造方法
public User(int id, String name, int age) {
this.id = id;
this.name = name;
this.age = age;
}
// getter 和 setter 方法
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
接下来,创建一个 UserDAO 接口,定义增删改查的方法。
public interface UserDAO {
// 添加用户
void addUser(User user);
// 删除用户
void deleteUser(int id);
// 修改用户
void updateUser(User user);
// 查询用户
User getUser(int id);
}
然后,创建一个 UserDAOImpl 类,实现 UserDAO 接口,并使用 ajax 技术与后端进行交互。
public class UserDAOImpl implements UserDAO {
// 添加用户
public void addUser(User user) {
// 使用 ajax 技术将用户数据发送给后端进行处理
$.ajax({
url: 'addUser',
type: 'POST',
data: user,
success: function(response) {
console.log('用户添加成功');
},
error: function(xhr, status, error) {
console.error('用户添加失败:' + error);
}
});
}
// 删除用户
public void deleteUser(int id) {
// 使用 ajax 技术将用户 id 发送给后端进行处理
$.ajax({
url: 'deleteUser',
type: 'POST',
data: {id: id},
success: function(response) {
console.log('用户删除成功');
},
error: function(xhr, status, error) {
console.error('用户删除失败:' + error);
}
});
}
// 修改用户
public void updateUser(User user) {
// 使用 ajax 技术将用户数据发送给后端进行处理
$.ajax({
url: 'updateUser',
type: 'POST',
data: user,
success: function(response) {
console.log('用户修改成功');
},
error: function(xhr, status, error) {
console.error('用户修改失败:' + error);
}
});
}
// 查询用户
public User getUser(int id) {
// 使用 ajax 技术将用户 id 发送给后端进行处理
$.ajax({
url: 'getUser',
type: 'GET',
data: {id: id},
success: function(response) {
console.log('用户查询成功');
// 处理后端返回的用户数据
var user = JSON.parse(response);
// 在前端展示用户数据
console.log('用户 ID:' + user.id);
console.log('用户姓名:' + user.name);
console.log('用户年龄:' + user.age);
},
error: function(xhr, status, error) {
console.error('用户查询失败:' + error);
}
});
}
}
最后,根据具体的后端技术,实现后端的处理逻辑,例如使用 Java 的 Servlet 来处理请求。
@WebServlet('/addUser')
public class AddUserServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 获取前端发送的用户数据
int id = Integer.parseInt(request.getParameter('id'));
String name = request.getParameter('name');
int age = Integer.parseInt(request.getParameter('age'));
// 创建 User 对象
User user = new User(id, name, age);
// 将用户数据保存到数据库中
// ...
// 返回响应给前端
response.getWriter().write('用户添加成功');
}
}
@WebServlet('/deleteUser')
public class DeleteUserServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 获取前端发送的用户 id
int id = Integer.parseInt(request.getParameter('id'));
// 删除数据库中对应 id 的用户数据
// ...
// 返回响应给前端
response.getWriter().write('用户删除成功');
}
}
@WebServlet('/updateUser')
public class UpdateUserServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 获取前端发送的用户数据
int id = Integer.parseInt(request.getParameter('id'));
String name = request.getParameter('name');
int age = Integer.parseInt(request.getParameter('age'));
// 创建 User 对象
User user = new User(id, name, age);
// 更新数据库中对应 id 的用户数据
// ...
// 返回响应给前端
response.getWriter().write('用户修改成功');
}
}
@WebServlet('/getUser')
public class GetUserServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 获取前端发送的用户 id
int id = Integer.parseInt(request.getParameter('id'));
// 根据 id 从数据库中查询用户数据
// ...
// 将用户数据转换为 JSON 格式,并返回给前端
User user = new User(id, 'John', 25);
String json = new Gson().toJson(user);
response.getWriter().write(json);
}
}
以上代码示例中使用了 Java 的 Servlet 作为后端处理请求,并使用了 Ajax 技术与后端进行交互。具体的实现方式可能因使用的后端技术不同而有所差异,可以根据具体情况进行调整。
原文地址: https://www.cveoy.top/t/topic/Qlf 著作权归作者所有。请勿转载和采集!