如何使用纯Servlet来进行单表的增删查改的操作

  • 使用纯粹的Servlet完成单表【对部门的】的增删改查操作。(B/S结构的。)

  • 实现步骤

    • 第一步:准备一张数据库表。(sql脚本)

# 部门表
drop table if exists dept;
create table dept(
	deptno int primary key,
    dname varchar(255),
    loc varchar(255)
);
insert into dept(deptno, dname, loc) values(10, 'XiaoShouBu', 'BEIJING');
insert into dept(deptno, dname, loc) values(20, 'YanFaBu', 'SHANGHAI');
insert into dept(deptno, dname, loc) values(30, 'JiShuBu', 'GUANGZHOU');
insert into dept(deptno, dname, loc) values(40, 'MeiTiBu', 'SHENZHEN');
commit;
select * from dept;
  • 第二步:准备一套HTML页面(项目原型)【前端开发工具使用HBuilder】

    • 把HTML页面准备好

    • 然后将HTML页面中的链接都能够跑通。(页面流转没问题。)

    • 应该设计哪些页面呢?

      • 欢迎页面:index.html

      • 列表页面:list.html(以列表页面为核心,展开其他操作。)

      • 新增页面:add.html

      • 修改页面:edit.html

      • 详情页面:detail.html

  • 第三步:分析我们这个系统包括哪些功能?

    • 什么叫做一个功能呢?

      • 只要 这个操作连接了数据库,就表示一个独立的功能。

    • 包括哪些功能?

      • 查看部门列表

      • 新增部门

      • 删除部门

      • 查看部门详细信息

      • 跳转到修改页面

      • 修改部门

  • 第四步:在IDEA当中搭建开发环境

    • 创建一个webapp(给这个webapp添加servlet-api.jar和jsp-api.jar到classpath当中。)

    • 向webapp中添加连接数据库的jar包(mysql驱动)

      • 必须在WEB-INF目录下新建lib目录,然后将mysql的驱动jar包拷贝到这个lib目录下。这个目录名必须叫做lib,全部小写的。

    • JDBC的工具类

    • 将所有HTML页面拷贝到web目录下。

  • 第五步:实现第一个功能:查看部门列表

    • 我们应该怎么去实现一个功能呢?

      • 建议:你可以从后端往前端一步一步写。也可以从前端一步一步往后端写。都可以。但是千万要记住不要想起来什么写什么。你写代码的过程最好是程序的执行过程。也就是说:程序执行到哪里,你就写哪里。这样一个顺序流下来之后,基本上不会出现什么错误、意外。

      • 从哪里开始?

        • 假设从前端开始,那么一定是从用户点击按钮那里开始的。

    • 第一:先修改前端页面的超链接,因为用户先点击的就是这个超链接。

<a href="/oa/dept/list">查看部门列表</a>

第二:编写web.xml文件

<servlet>
    <servlet-name>list</servlet-name>
    <servlet-class>com.bjpowernode.oa.web.action.DeptListServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>list</servlet-name>
    <!--web.xml文件中的这个路径也是以“/”开始的,但是不需要加项目名-->
    <url-pattern>/dept/list</url-pattern>
</servlet-mapping>

第三:编写DeptListServlet类继承HttpServlet类。然后重写doGet方法。

import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;

public class DeptListServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
    }
}

第四:在DeptListServlet类的doGet方法中连接数据库,查询所有的部门,动态的展示部门列表页面.

  • 分析list.html页面中哪部分是固定死的,哪部分是需要动态展示的。

  • list.html页面中的内容所有的双引号要替换成单引号,因为out.print("")这里有一个双引号,容易冲突。

  • 现在写完这个功能之后,你会有一种感觉,感觉开发很繁琐,只使用servlet写代码太繁琐了。

while(rs.next()){
    String deptno = rs.getString("a");
    String dname = rs.getString("dname");
    String loc = rs.getString("loc");

    out.print("			<tr>");
    out.print("				<td>"+(++i)+"</td>");
    out.print("				<td>"+deptno+"</td>");
    out.print("				<td>"+dname+"</td>");
    out.print("				<td>");
    out.print("					<a href=''>删除</a>");
    out.print("					<a href='edit.html'>修改</a>");
    out.print("					<a href='detail.html'>详情</a>");
    out.print("				</td>");
    out.print("			</tr>");
}

第六步:查看部门详情。

  • 建议:从前端往后端一步一步实现。首先要考虑的是,用户点击的是什么?用户点击的东西在哪里?

    • 一定要先找到用户点的“详情”在哪里。找了半天,终于在后端的java程序中找到了

<a href='写一个路径'>详情</a>
    • 详情 是需要连接数据库的,所以这个超链接点击之后也是需要执行一段java代码的。所以要将这个超链接的路径修改一下。

    • 注意:修改路径之后,这个路径是需要加项目名的。"/oa/dept/detail"

  • 技巧:

out.print("<a href='"+contextPath+"/dept/detail?deptno="+deptno+"'>详情</a>");
  • 重点:向服务器提交数据的格式:uri?name=value&name=value&name=value&name=value

  • 这里的问号,必须是英文的问号。不能中文的问号。

解决404的问题。写web.xml文件。

<servlet>
    <servlet-name>detail</servlet-name>
    <servlet-class>com.bjpowernode.oa.web.action.DeptDetailServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>detail</servlet-name>
    <url-pattern>/dept/detail</url-pattern>
</servlet-mapping>

编写一个类:DeptDetailServlet继承HttpServlet,重写doGet方法。

import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;

public class DeptDetailServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        //中文思路(思路来源于:你要做什么?目标:查看部门详细信息。)
        // 第一步:获取部门编号
        // 第二步:根据部门编号查询数据库,获取该部门编号对应的部门信息。
        // 第三步:将部门信息响应到浏览器上。(显示一个详情。)
    }
}
  • 在doGet方法当中:连接数据库,根据部门编号查询该部门的信息。动态展示部门详情页。

第七步:删除部门

  • 怎么开始?从哪里开始?从前端页面开始,用户点击删除按钮的时候,应该提示用户是否删除。因为删除这个动作是比较危险的。任何系统在进行删除操作之前,是必须要提示用户的,因为这个删除的动作有可能是用户误操作。(在前端页面上写JS代码,来提示用户是否删除。)

  • <a href="javascript:void(0)" onclick="del(30)" >删除</a>
    <script type="text/javascript">
    	function del(dno){
    		if(window.confirm("亲,删了不可恢复哦!")){
    			document.location.href = "/oa/dept/delete?deptno=" + dno;
    		}
    	}
    </script>

  • 以上的前端程序要写到后端的java代码当中:

    • DeptListServlet类的doGet方法当中,使用out.print()方法,将以上的前端代码输出到浏览器上。

  • 解决404的问题:

    • http://localhost:8080/oa/dept/delete?deptno=30

    • web.xml文件

    • <servlet>
          <servlet-name>delete</servlet-name>
          <servlet-class>com.bjpowernode.oa.web.action.DeptDelServlet</servlet-class>
      </servlet>
      <servlet-mapping>
          <servlet-name>delete</servlet-name>
          <url-pattern>/dept/delete</url-pattern>
      </servlet-mapping>
    • 编写DeptDelServlet继承HttpServlet,重写doGet方法。

    • import jakarta.servlet.ServletException;
      import jakarta.servlet.http.HttpServlet;
      import jakarta.servlet.http.HttpServletRequest;
      import jakarta.servlet.http.HttpServletResponse;
      
      import java.io.IOException;
      
      public class DeptDelServlet extends HttpServlet {
          @Override
          protected void doGet(HttpServletRequest request, HttpServletResponse response)
                  throws ServletException, IOException {
              // 根据部门编号,删除部门。
              
          }
      }

      删除成功或者失败的时候的一个处理(这里我们选择了转发,并没有使用重定向机制。)

    • // 判断删除成功了还是失败了。
      if (count == 1) {
          //删除成功
          //仍然跳转到部门列表页面
          //部门列表页面的显示需要执行另一个Servlet。怎么办?转发。
          request.getRequestDispatcher("/dept/list").forward(request, response);
      }else{
          // 删除失败
          request.getRequestDispatcher("/error.html").forward(request, response);
      }

    • 第八步:新增部门

      • 注意:最后保存成功之后,转发到 /dept/list 的时候,会出现405,为什么?

        • 第一:保存用的是post请求。底层要执行doPost方法。

        • 第二:转发是一次请求,之前是post,之后还是post,因为它是一次请求。

        • 第三:/dept/list Servlet当中只有一个doGet方法。

        • 怎么解决?两种方案

          • 第一种:在/dept/list Servlet中添加doPost方法,然后在doPost方法中调用doGet。

          • 第二种:重定向。

    • 第九步:跳转到修改部门的页面

    • 第十步:修改部门

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值