-
使用纯粹的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的问题：
-
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。
-
第二种：重定向。
-
-
-
-
第九步：跳转到修改部门的页面
-
第十步：修改部门
1555
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
