## 第二步：准备一套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目录下。
## 第五步：实现第一个功能：查看部门列表
我们应该怎么去实现一个功能呢？
- 建议：你可以从后端往前端一步一步写。也可以从前端一步一步往后端写。都可以。但是千万要记住不要想起来什么写什么。你写代码的过程最好是程序的执行过程。也就是说：程序执行到哪里，你就写哪里。这样一个顺序流下来之后，基本上不会出现什么错误、意外。- 从哪里开始？  - 假设从前端开始，那么一定是从用户点击按钮那里开始的。
### 第一：先修改前端页面的超链接，因为用户先点击的就是这个超链接。
- ```html  <a href="/oa/dept/list">查看部门列表</a>

### 第三：编写DeptListServlet类继承HttpServlet类。然后重写doGet方法。
- ```java  package com.bjpowernode.oa.web.action;    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 {      }  }

## 第六步：查看部门详情。
- 建议：从前端往后端一步一步实现。首先要考虑的是，用户点击的是什么？用户点击的东西在哪里？
  - 一定要先找到用户点的“详情”在哪里。找了半天，终于在后端的java程序中找到了
    - ```html      <a href='写一个路径'>详情</a>

- 详情  是需要连接数据库的，所以这个超链接点击之后也是需要执行一段java代码的。所以要将这个超链接的路径修改一下。
- 注意：修改路径之后，这个路径是需要加项目名的。"/oa/dept/detail"

    - 重点：向服务器提交数据的格式：uri?name=value&name=value&name=value&name=value
    - 这里的问号，必须是英文的问号。不能中文的问号。
- 解决404的问题。写web.xml文件。
  - ```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>

- 在doGet方法当中：连接数据库，根据部门编号查询该部门的信息。动态展示部门详情页。
## 第七步：删除部门
- 怎么开始？从哪里开始？从前端页面开始，用户点击删除按钮的时候，应该提示用户是否删除。因为删除这个动作是比较危险的。任何系统在进行删除操作之前，是必须要提示用户的，因为这个删除的动作有可能是用户误操作。（在前端页面上写JS代码，来提示用户是否删除。）
  - ```html    <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>

  - 编写DeptDelServlet继承HttpServlet，重写doGet方法。
  - ```java    package com.bjpowernode.oa.web.action;        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 {            // 根据部门编号，删除部门。                    }    }

## 第八步：新增部门
- 注意：最后保存成功之后，转发到 /dept/list 的时候，会出现405，为什么？  - 第一：保存用的是post请求。底层要执行doPost方法。  - 第二：转发是一次请求，之前是post，之后还是post，因为它是一次请求。  - 第三：/dept/list Servlet当中只有一个doGet方法。  - 怎么解决？两种方案    - 第一种：在/dept/list Servlet中添加doPost方法，然后在doPost方法中调用doGet。    - 第二种：重定向。
## 第九步：跳转到修改部门的页面
## 第十步：修改部门