-
使用纯粹的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.javaweb.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方法。
-
package com.javaweb.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 { } }
-
-
第四：在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>"); }
-
-
-
第六步：查看部门详情。
-
建议：从前端往后端一步一步实现。首先要考虑的是，用户点击的是什么？用户点击的东西在哪里？
-
一定要先找到用户点的“详情”在哪里。
-
<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.javaweb.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方法。
-
package com.javaweb.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 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.javaweb.oa.web.action.DeptDeleteServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>delete</servlet-name> <url-pattern>/dept/delete</url-pattern> </servlet-mapping>
-
-
编写DeptDelServlet继承HttpServlet，重写doGet方法。
-
package com.javaweb.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 DeptDeleteServlet 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。
- 第二种：重定向。
- 注意：最后保存成功之后，转发到 /dept/list 的时候，会出现405，为什么？
-
第九步：跳转到修改部门的页面
-
第十步：修改部门
-
514
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
