首先,需要创建一个 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 技术与后端进行交互。具体的实现方式可能因使用的后端技术不同而有所差异,可以根据具体情况进行调整。

使用 DAO 设计模式和 AJAX 技术实现数据库用户数据增删改查

原文地址: https://www.cveoy.top/t/topic/Qlf 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录