ajax servlet mybatis 案例

1.index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello Maven</title>
    <!--<link rel="stylesheet" type="text/css" href="css/style.css">-->
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
</head>
<body>
<button id="view">View Mysql By Ajax + MyBatis</button>
<table id="data">
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
    </tr>
</table>
</body>
<script>
    $(function () {
        //为id=view的按钮提供click方法
        $("#view").click(function () {
            //发送ajax请求
            $.ajax({
                // url: encodeURI("sql"),
                url: "/ddd/UserServlet",
                type: "get",
                dataType: "json"
            })
            //访问成功
                .done(function (msg) {
                    //清空id=data的表格第一行(表头)以外的数据
                    $("#data tr:not(:first)").empty();
                    //遍历返回的json数组
                    $.each(msg, function (index, user) {
                        //向表格中添加json数组每个元素的内容
                        $("#data").append("<tr>" +
                            "<td>" + user.id + "</td>" +
                            "<td>" + user.name + "</td>" +
                            "<td>" + user.pwd + "</td>" +
                            "</tr>")
                    })
                })
                //访问失败
                .fail(function () {
                    alert("ERROR!")
                })
        })
    })
</script>

2 User.java

package com.dd.pojo;

/**
 * @author d-will
 * @create 2021--01--12 14:22
 */
public class User {
    private int id;
    private  String name;
    private  String pwd;

    public User() {
    }

    public User(int id, String name, String pwd) {
        this.id = id;
        this.name = name;
        this.pwd = pwd;
    }

    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 String getPwd() {
        return pwd;
    }

    public void setPwd(String pwd) {
        this.pwd = pwd;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", pwd='" + pwd + '\'' +
                '}';
    }
}

3 mybatis相关文件
UserMapper.java

package com.dd.dao;

import com.dd.pojo.User;

import java.util.List;

/**
 * @author d-will
 * @create 2021--01--11 11:03
 */
public interface UserMapper {
//    查询所有用户
    List<User> getUserList();
//    通过ID返回用户
    User getUserById(int id);
//    插入用户
    int addUser(User user);
//    更新
    int updateUser(User user);
//    删除
    int delUser(int id);
}

UserMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.dd.dao.UserMapper">
    <select id="getUserList" resultType="com.dd.pojo.User">
        select * from mybatis.user;
    </select>
    <select id="getUserById" resultType="com.dd.pojo.User" parameterType="int">
    SELECT * from mybatis.user where id=#{id};
    </select>
    <insert id="addUser" parameterType="com.dd.pojo.User" >
        INSERT  into mybatis.user(id, name, pwd) VALUES (#{id},#{name},#{pwd})
    </insert>
    <update id="updateUser" parameterType="com.dd.pojo.User">
        UPDATE mybatis.user SET name=#{name},pwd=#{pwd} where id=#{id};
    </update>
    <delete id="delUser" parameterType="int">
        DELETE FROM mybatis.user where id =#{id};
    </delete>
</mapper>

MybatisUtils.java

package com.dd.utils;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;
import java.io.IOException;
import java.io.InputStream;
/**
 * @author d-will
 * @create 2021--01--12 14:25
 */
public class MybatisUtils {
    private static SqlSessionFactory sqlSessionFactory;
    static {
        try {
            String resource = "mybatis-config.xml";
            InputStream inputStream = Resources.getResourceAsStream(resource);
            sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
    public static SqlSession getSqlSession() {
        return sqlSessionFactory.openSession();
    }
}

UserUtil.java

package com.dd.utils;

import com.dd.dao.UserMapper;
import com.dd.pojo.User;
import org.apache.ibatis.session.SqlSession;
import java.util.List;

/**
 * @author d-will
 * @create 2021--01--12 14:29
 */
public class UserUtil {
    public static List<User> getAllUsers() {
        SqlSession sqlSession = MybatisUtils.getSqlSession();
        UserMapper userMapper = sqlSession.getMapper(UserMapper.class);
        List<User> userList = userMapper.getUserList();
        sqlSession.close();
        return userList;
    }
}

UserServlet.java

package com.dd.service;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONArray;
import com.dd.pojo.User;
import com.dd.utils.UserUtil;
import com.sun.deploy.net.HttpRequest;

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;

/**
 * @author d-will
 * @create 2021--01--12 14:35
 */
//@WebServlet("/service/UserServlet")
public class UserServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        List<User> usersList = UserUtil.getAllUsers();
        //JSON转字符串写入resp
        resp.getWriter().append(JSON.toJSONString(usersList));
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

poem.xml加载properties xml文件需要内容

    <build>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
        </resources>
    </build>

web.xml配置文件

<!DOCTYPE web-app PUBLIC
        "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
        "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
    <display-name>Archetype Created Web Application</display-name>
    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.js</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.html</url-pattern>
    </servlet-mapping>
    <servlet>
        <servlet-name>UserServlet</servlet-name>
        <servlet-class>com.dd.service.UserServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>UserServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值