JavaWeb Demo:增、删、改、查

本文介绍了一个JavaWeb项目中的增、删、改、查功能实现,涵盖从前端页面设计到后端逻辑处理的全过程,适用于初学者学习。

本文提供一个完整的示例程序,实现由页面对数据库数据进行增、删、改、查。

开发环境是jdk-14.0.2、mysql-8.0.22、tomcat-9.0.37、IntelliJ IDEA 2018。

项目文件、数据库文件打包下载:

JavaWebDemo_增删改查.rar_webdemocsdn下载-互联网文档类资源-CSDN下载

一、运行演示

1.页面

页面划分为四个独立的部分:头部、左部、中部、右部。各部分的功能是:

头部——展示标题;

左部——添加信息;

中部——查询、删除、修改;

右部——查看全部信息。

2.功能演示

A.增加

在左部页面,完成添加信息功能。

输入编号、姓名,选择性别,点击提交(当该编号的记录已存在时,无法加入)。

  • 成功加入:

  • 记录已存在,无法加入:

B.删除

在中部页面,先查询、再删除。

查询出编号为A008的记录

点击“删除”,删除成功。

C.修改

在中部页面,先查询、再修改。

查询出编号为A007的记录

点击“修改”,进入修改页面,原信息自动导入

将“萧峰”修改为“乔峰”

点击“提交”,修改成功。

D.查询

在删除和修改操作中,已经查询过单条记录。这里,在右部页面,查询出全部信息。

点击“点击查看全部信息”

整体视角

二、实现方法和步骤

1.数据库的建立

创建数据库,命名为“javawebdemo1”

   -> 建立一张数据表,命名为“person”

   -> 创建三个字段,分别为:

        number(主键)—— 编号;

        name —— 姓名;

        gender —— 性别。

表结构:

2.项目的结构

(1)整体结构

src,即后台部分:先创建cn.sigma包,再在下面创建entity、 database、 dao、 service、 servlet等子包。各包的功能含义为:

entity —— 实体类;

database —— 数据库连接类;

dao —— 数据访问;

service —— 业务逻辑;

servlet —— 用户功能和响应。

web,即前端部分:创建pageHeader、pageLeft、 pageMid、 pageRight等目录。各目录的含义为:

pageHeader —— 页面头部目录;

pageLef —— 页面左部目录;

pageMid —— 页面中部目录;

pageRight —— 页面右部目录。

(2)web部分的结构

前端使用<frameset>标签将页面分为头、左、中、右四个独立的部分。

建立的jsp文件的功能含义为:

1)index.jsp —— 总页面;

2)pageHeader

home.jsp —— 头部页面;

3)pageLeft

home.jsp —— 左部页面;

4)pageMid

home.jsp —— 中部删除页面;

mod.jsp —— 中部修改页面;

5)pageRight

home.jsp —— 右部页面。

(3)src部分的结构

 其中,各java类的功能含义为:

1)entity

Person —— 人员类;

2)database

Database —— 数据库连接类,由jdbc实现;

3)dao

PersonDao —— 人员dao层接口;

imp/PersonDaoImp —— 人员dao层实现类;

4)service

PersonService ——人员service层接口;

imp/PersonServiceImp —— 人员service层实现类;

5)servlet,访问路径均采用注解配置

AddServlet —— 添加信息;

DeleteServlet —— 删除信息;

OldRecordServlet —— 得到原记录信息;

SelectAllServlet —— 得到全部记录信息;

SelectOneServlet —— 得到一个记录信息;

UpdateServlet —— 修改信息。

3.功能实现的过程

(1)添加信息

用户在页面的一个form表单中输入了编号、姓名、性别等信息,点击提交后,访问并将表单数据传输到AddServlet。在AddServlet中,首先获取到页面输入的编号、姓名、性别等信息值,然后验证编号所属的记录是否在数据库中已存在,若不存在,将数据实例化为对象,加入数据库;若已存在,不做操作,给出页面提示信息。

(2)删除信息

先查询出一条记录,再删除。

查询过程:用户在页面的一个表单中输入要查询的编号,点击提交,将编号传到SelectOneServlet;SelectOneServlet获取到编号后,在数据库中查询出相对应的记录信息,然后以请求转发的方式将记录信息返回页面;页面用EL表达式的方式接收到该条记录。

删除过程:用户点击删除按钮,访问并将记录的编号传到DeleteServlet;在DeleteServlet中,首先接收到页面传来的编号,然后在数据库中删除与之对应的记录,并在页面给出提示消息。

(3)修改信息

先查询出一条记录,再修改。

查询过程:同删除中的描述。

修改过程:用户点击修改按钮,访问将记录的编号传到OldRecordServlet;在OldRecordServlet中,接收到编号,在数据库中查询出相对应的记录,将记录信息返回给修改页面mod.jsp。mod.jsp接收到该记录,并将信息直接地置在表单中,用户修改信息后,点击提交,将信息传至UpdateServlet;UpdateServlet接收到页面的表单信息后,将数据实例化为对象,更新数据库的此条记录,并在页面给出提示消息。

(4)查询信息

在右部页面,查询得到了所有的记录信息

用户点击“点击查看全部信息”按钮;后台接收到请求,查询出数据库中的全部记录,将记录信息返回页面;页面用EL表达式的方式接收信息并展示。

4.源程序

前端

前端使用<frameset>标签将页面分为四个独立的部分:头部、左部、中部、右部。

(1)index.jsp —— 总页面

<html>
  <head>
    <title>JavaWeb Demo1</title>
  </head>

  <frameset rows="15%, 85%">
    <frame src="pageHeader/home.jsp">
    <frameset cols="35%, 35%%, 30%">
      <frame src="pageLeft/home.jsp">
      <frame src="pageMid/home.jsp">
      <frame src="pageRight/home.jsp">
    </frameset>
  </frameset>

</html>

(2)pageHeader/home.jsp —— 头部

<html>
<head>
    <title>Title</title>
</head>
<body>
    <h1 align="center">JavaWebDemo1:增、删、改、查</h1>
</body>
</html>

(3)pageLeft/home.jsp —— 左部

<html>
<head>
    <title>Title</title>
</head>
<body>
    <h4>添加信息</h4>
    <form style="text-align: center" method="post" action="${ pageContext.request.contextPath }/AddServlet">
        编号:<input type="text" name="number" style="border:2px solid aqua; width:110px" required /> <br />
        姓名:<input type="text" name="name" style="border:2px solid aqua; width:110px" required/> <br />
        性别:&nbsp;&nbsp;<input type="radio" name="gender" value="true" checked />男 &nbsp; <input type="radio" name="gender" value="false" />女
        <%--
        单选框方法:两个input设置成一样的name值
        加入空格:&nbsp;
        默认选中:加入checked属性。
        --%>
        <br />
        <input type="submit" value="提交" style="background: darkgoldenrod;color: snow " />
    </form>
</body>
</html>

(4)

  • pageMid/home.jsp —— 中部删除页
<html>
<head>
    <%--删除按钮和修改按钮的响应函数--%>
    <script type="text/javascript">
        function delete_btn(number){
            var del = confirm("确定删除吗?");
            if(del){
                location.href="DeleteServlet?number="+number;
            }
        }
        function update_btn(number){
            location.href="OldRecordServlet?number="+number;
        }
    </script>
</head>
<body>
<h4>更改信息 —— 先查询,再删除、修改</h4>
<form style="text-align: center" method="post" action="${ pageContext.request.contextPath }/SelectOneServlet">
    编号:<input type="text" name="number" style="border:2px solid aqua; width:110px" required />
    <input type="submit" value="查询" style="background: dodgerblue;color: snow " />
</form>
<table border="1" align="center">
    <thead>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>操作</th>
    </tr>
    </thead>

    <tbody>
    <c:if test="${!empty person}">
        <tr>
            <td>${person.number}</td>
            <td>${person.name}</td>
            <c:choose>
                <c:when test="${person.gender == true}">
                    <td>男</td>
                </c:when>
                <c:otherwise>
                    <td>女</td>
                </c:otherwise>
            </c:choose>
            <td>
                <input type="button" onclick="delete_btn('${person.number}')" value="删除" style="background: darkgoldenrod" />
                <input type="button" onclick="update_btn('${person.number}')" value="修改" style="background: dodgerblue" />
            </td>
        </tr>
    </c:if>
    </tbody>
</table>
</body>
</html>
  • pageMid/mod.jsp —— 中部修改页
<html>
<head>

</head>
<body>
    <h4>修改信息</h4>
    <c:if test="${!empty person}">
    <form method="post" style="text-align: center" method="post" action="${ pageContext.request.contextPath }/UpdateServlet">

        编号:<input type="text" value="${person.number}" name="number" style="border:2px solid aqua; width:110px" readonly="readonly" /> <br />
        姓名:<input type="text" value="${person.name}" name="name" style="border:2px solid aqua; width:110px" required/> <br />

        <c:choose>
            <c:when test="${person.gender == true}">
                性别:&nbsp;&nbsp;<input type="radio" name="gender" value="true" checked />男 &nbsp; <input type="radio" name="gender" value="false" />女
            </c:when>
            <c:otherwise>
                性别:&nbsp;&nbsp;<input type="radio" name="gender" value="true" />男 &nbsp; <input type="radio" name="gender" value="false" checked />女
            </c:otherwise>
        </c:choose>
        <br />
        <input type="submit" value="提交" style="background: darkgoldenrod;color: snow " />
    </form>
    </c:if>

</body>
</html>

(5)pageRight/home.jsp —— 右部

<html>
<head>
</head>

<body>
    <h3>
        <a href="${pageContext.request.contextPath}/SelectAllServlet">点击查看全部信息</a>
    </h3>
    <table border="1" align="center">
        <c:if test="${personList.size() == 0}">
            <h3 align="center">内容为空!</h3>
        </c:if>
        <c:if test="${!empty personList}">
        <thead>
        <tr>
            <th>编号</th>
            <th>姓名</th>
            <th>性别</th>
        </tr>
        </thead>
        <tbody>
            <c:forEach var="person" items="${personList}">
                <tr>
                    <td>${person.number}</td>
                    <td>${person.name}</td>
                    <c:choose>
                        <c:when test="${person.gender == true}">
                            <td>男</td>
                        </c:when>
                        <c:otherwise>
                            <td>女</td>
                        </c:otherwise>
                    </c:choose>
                </tr>
            </c:forEach>
        </tbody>
        </c:if>
    </table>
</body>
</html>

后台

(1)实体类Person

public class Person {
    private String number;
    private String name;
    private boolean gender;

    //无参构造方法
    public Person() {
    }

    //全参构造方法
    public Person(String number, String name, boolean gender) {
        this.number = number;
        this.name = name;
        this.gender = gender;
    }

    public String getNumber() {
        return number;
    }

    public void setNumber(String number) {
        this.number = number;
    }

    public String getName() {
        return name;
    }

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

    public boolean isGender() {
        return gender;
    }

    public void setGender(boolean gender) {
        this.gender = gender;
    }
}

(2)数据库连接类database,由jdbc实现

public class Database {
    public static Connection conn(){
        //定义地址,"jdbc:mysql://ip地址:端口号/数据库名"
        String url = "jdbc:mysql://localhost:3306/javawebdemo1";
        Connection connection = null;
        try {
            //加载驱动
            Class.forName("com.mysql.jdbc.Driver");
            //建立连接,用户名:root,密码:hello
            connection = DriverManager.getConnection(url, "root", "hello");
        }catch (SQLException e){
            e.printStackTrace();
        }catch (ClassNotFoundException e){
            e.printStackTrace();
        }
        return connection;
    }
}

(3)dao层,先定义接口,再完成实现类

接口:

public interface PersonDao {
    //增加
    public int addPerson(Person person);

    //删除
    public int delete(Person person);

    //修改
    public int update(Person person);

    //查询一个
    public Person selectone(Person person);

    //查询全部
    public List<Person> selectall(Person person);
}

实现类:

public class PersonDaoImp implements PersonDao {

    Connection con = null;
    PreparedStatement ps = null;
    ResultSet rs = null;

    @Override
    public int addPerson(Person person) {
        int a = 0;
        try {
            con = Database.conn(); //连接数据库
            String sql = "insert into person values(?, ?, ?)"; //设置sql语句的字符串
            ps = con.prepareStatement(sql); //解析sql语句
            ps.setString(1, person.getNumber()); //为第一个位置赋值
            ps.setString(2, person.getName()); //为第二个位置赋值
            ps.setBoolean(3, person.isGender()); //为第三个位置赋值
            a = ps.executeUpdate(); //执行sql语句,返回的改变的行数。这里,插入记录成功后,返回1;否则返回0。
        }catch (SQLException e){
            e.printStackTrace();
        }
        return a;
    }

    @Override
    public int delete(Person person) {
        int a = 0;
        try {
            con = Database.conn();
            String sql = "delete from person where number=?";
            ps = con.prepareStatement(sql);
            ps.setString(1, person.getNumber());
            a = ps.executeUpdate();
        }catch (SQLException e){
            e.printStackTrace();
        }
        return a;
    }

    @Override
    public int update(Person person) {
        int a = 0;
        try {
            con = Database.conn();
            String sql = "update person set number=?, name=?, gender=? where number=?";
            ps = con.prepareStatement(sql);
            ps.setString(1, person.getNumber());
            ps.setString(2, person.getName());
            ps.setBoolean(3, person.isGender());
            ps.setString(4, person.getNumber());
            a = ps.executeUpdate();
        }catch (SQLException e){
            e.printStackTrace();
        }
        return a;
    }

    @Override
    public Person selectone(Person person) {
        Person person1 = new Person();
        try {
            con = Database.conn();
            String sql = "select * from person where number=?";
            ps = con.prepareStatement(sql);
            ps.setString(1, person.getNumber());
            rs = ps.executeQuery();
            if (rs.next()){
                person1.setNumber(rs.getString("number"));
                person1.setName(rs.getString("name"));
                person1.setGender(rs.getBoolean("gender"));
            }else {
                return null;
            }
        }catch (SQLException e){
            e.printStackTrace();
        }
        return person1;
    }

    @Override
    public List<Person> selectall(Person person) {
        List<Person> list = new ArrayList<>();
        try {
            con = Database.conn();
            String sql="select * from person";
            ps = con.prepareStatement(sql);
            rs = ps.executeQuery();
            while (rs.next()){
                Person person1 = new Person(rs.getString("number"),
                        rs.getString("name"),
                        rs.getBoolean("gender"));
                list.add(person1); //存入list的,是每个对象的地址
            }
        }catch (SQLException e){
            e.printStackTrace();
        }
        return list;
    }

}

 (4)service层,先定义接口,再完成实现类

接口:

public interface PersonService {
    //增加
    public int addPerson(Person person);

    //删除
    public int delete(Person person);

    //修改
    public int update(Person person);

    //查询一个
    public Person selectone(Person person);

    //查询全部
    public List<Person> selectall(Person person);
}

实现类:

public class PersonServiceImp implements PersonService {

    PersonDao personDao = new PersonDaoImp();

    @Override
    public int addPerson(Person person) {
        int a = personDao.addPerson(person);
        return a;
    }

    @Override
    public int delete(Person person) {
        int a = personDao.delete(person);
        return a;
    }

    @Override
    public int update(Person person) {
        int a = personDao.update(person);
        return a;
    }

    @Override
    public Person selectone(Person person) {
        Person person1 = personDao.selectone(person);
        return person1;
    }

    @Override
    public List<Person> selectall(Person person) {
        List<Person> list = personDao.selectall(person);
        return list;
    }
}

(5)servlet层,访问路径采用注解配置

AddServlet —— 添加信息:

@WebServlet("/AddServlet")
public class AddServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        //设置请求响应的编码
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf-8");

        PersonService personService = new PersonServiceImp();

        String number = request.getParameter("number"); //获取页面输入的编号
        String name = request.getParameter("name"); //获取页面输入的姓名
        String gender_str = request.getParameter("gender"); //获取页面输入的性别值
        boolean gender = Boolean.valueOf(gender_str); //将性别值转化为布尔类型

        //判断该编号所属的记录是否已存在,若不存在,加入记录
        Person person0 = new Person();
        person0.setNumber(number);
        Person person = personService.selectone(person0);

        PrintWriter printWriter = response.getWriter();
        if (person == null){ //该编号所属的记录不存在,可加入
            Person person1 = new Person(number,name,gender);  //全参构造初始化
            int a = personService.addPerson(person1); //加入数据库
            if (a > 0){ //添加成功
                printWriter.print("<script>alert('添加成功!');window.location='"+request.getContextPath()+"/pageLeft/home.jsp';</script>");
            }else { //添加失败
                printWriter.print("<script>alert('添加失败!');window.location='"+request.getContextPath()+"/pageLeft/home.jsp';</script>");
            }
        }else { //该编号所属的记录已存在,不可加入
            printWriter.print("<script>alert('该编号已存在,无法加入!');window.location='"+request.getContextPath()+"/pageLeft/home.jsp';</script>");
        }

    }

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

DeleteServlet —— 删除信息:

@WebServlet("/DeleteServlet")
public class DeleteServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置请求响应的编码
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf-8");

        PersonService personService = new PersonServiceImp();

        String number = request.getParameter("number"); //获取页面输入的编号
        Person person0 = new Person();
        person0.setNumber(number);
        int a = personService.delete(person0);
        PrintWriter printWriter = response.getWriter();
        if (a > 0){ //删除成功
            printWriter.print("<script>alert('删除成功!');window.location='"+request.getContextPath()+"/pageMid/home.jsp';</script>");
        }else { //删除失败
            printWriter.print("<script>alert('删除失败!');window.location='"+request.getContextPath()+"/pageMid/home.jsp';</script>");
        }

    }

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

OldRecordServlet —— 得到原记录信息:

@WebServlet("/OldRecordServlet")
public class OldRecordServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置请求响应的编码
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf-8");

        PersonService personService = new PersonServiceImp();

        String number = request.getParameter("number"); //获取页面输入的编号
        Person person0 = new Person();
        person0.setNumber(number);
        Person person = personService.selectone(person0);

        request.setAttribute("person", person);
        request.getRequestDispatcher("/pageMid/mod.jsp").forward(request, response);

    }

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

SelectAllServlet —— 得到全部记录信息:

@WebServlet("/SelectAllServlet")
public class SelectAllServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置请求响应的编码
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf-8");

        PersonService personService = new PersonServiceImp();
        List<Person> personList = personService.selectall(null);
        request.setAttribute("personList", personList);
        request.getRequestDispatcher("/pageRight/home.jsp").forward(request, response);
    }

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

SelectOneServlet —— 得到一个记录信息:

@WebServlet("/SelectOneServlet")
public class SelectOneServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置请求响应的编码
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf-8");

        PersonService personService = new PersonServiceImp();

        String number = request.getParameter("number"); //获取页面输入的编号
        Person person0 = new Person();
        person0.setNumber(number);
        Person person = personService.selectone(person0);

        PrintWriter printWriter = response.getWriter();
        if (person != null){
            request.setAttribute("person", person);
            request.getRequestDispatcher("/pageMid/home.jsp").forward(request, response);
        }else {
            printWriter.print("<script>alert('记录不存在!');window.location='"+request.getContextPath()+"/pageMid/home.jsp'</script>");
        }

    }

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

UpdateServlet —— 修改信息:

@WebServlet("/UpdateServlet")
public class UpdateServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置请求响应的编码
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf-8");

        PersonService personService = new PersonServiceImp();

        String number = request.getParameter("number"); //获取页面输入的编号
        String name = request.getParameter("name"); //获取页面输入的姓名
        String gender_str = request.getParameter("gender"); //获取页面输入的性别值
        boolean gender = Boolean.valueOf(gender_str); //将性别值转化为布尔类型

        Person person1 = new Person(number, name, gender);
        int a = personService.update(person1);

        PrintWriter printWriter = response.getWriter();
        if (a > 0){ //修改成功
            printWriter.print("<script>alert('修改成功!');window.location='"+request.getContextPath()+"/pageMid/home.jsp';</script>");
        }else { //修改失败
            printWriter.print("<script>alert('修改失败!');window.location='"+request.getContextPath()+"/pageMid/home.jsp';</script>");
        }

    }

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

 三、总结

1.本文提供了一个关于javaweb增、删、改、查完整的示例程序。

2.本文的基本特点有:a.基于MVC开发模式;b.开发过程力求高内聚、低耦合;c.面向对象的编程思想。前端使用了frameset标签进行分页操作;后台功能分dao、service、servlet三层结构完成;数据库建立了一张数据表,由字符串类型做主键,提高了对数据的兼容性。

3.规范的开发方式和习惯能够有效地释放开发过程中的思维量,提高效率。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

禺垣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值