【IDEA】HTML通过注解名提交表单到servlet类找不到页面的问题

IDEA一时爽,摸不着头的BUG火葬场

这个问题困扰我整整一天一夜,先是代码检查路径设置找不出问题,后面换tomcat版不行,抱着侥幸心理换IDEA版本意料之中还是没解决问题。
都快想秃了最后终于完美解决了。
场景描述:

IDEA中新建web项目
  tomcat正常
  HTML通过XML配置文件提交表单正常
  当HTML通过Servlet注解名提交表单时404
  
在这里插入图片描述

问题分析:

通常404是路径出现问题,此时第一反应是form中action值和servlet注解值出错,检查后

属性值匹配。检查游览器访问路径最终找到问题出在启动虚拟路径上。

在这里插入图片描述

如图访问login.html时是通过 /test 这个虚拟路径访问的。但是提交表单后游览器中虚拟路径消失而是直接通过servlet注解名提交表单数据,见图:
在这里插入图片描述

明白这里解决问题就简单了,想到的有两种解决方法:

方法一:给servlet注解的映射加上虚拟路径(没啥意义)

方法二:配置Tomcat的Deployment把Application context后面的虚拟路径名删除(推荐)

方法二细节

1.Run->Edit Configuration

在这里插入图片描述

2.点击Deployment

在这里插入图片描述
  3.找到Application context删除虚拟路径名

重启服务器运行项目,至此问题解决

在Visual Studio Code (VSCode) 中编写Servlet并配合HTML表单,通常涉及以下步骤: 1. **设置环境**: - 安装JavaTomcat服务器:你需要在本地或远程安装Java Development Kit (JDK) 和 Tomcat Servlet容器。 2. **创建项目结构**: - 在VSCode中,你可以选择在一个新的文件夹里创建项目,然后分别建立`src/main/java`(存放Java代码)和`src/main/webapp`(放置静态资源和Web应用目录,如HTML、CSS和JS文件)。 3. **编写Servlet**: - 在`src/main/java`下新建一个Servlet,例如`MyServlet.java`。用Eclipse或IntelliJ IDEA风格的注解导入`javax.servlet.http.HttpServlet`,并在上添加`@WebServlet(urlPatterns = "/myServlet")`注解,指定Servlet处理的URL。 ```java import javax.servlet.*; import javax.servlet.http.*; @WebServlet(urlPatterns = "/myServlet") public class MyServlet extends HttpServlet { // ... } ``` 4. **处理HTTP请求**: - 在`doGet`或`doPost`方法中,根据表单提交的方式(GET还是POST),读取请求参数。如果表单HTML形式,可以通过`HttpServletRequest`的`getParameter()`方法获取数据。 5. **返回响应**: - 创建`HttpServletResponse`实例,写入HTML响应。你可以使用`response.getWriter().print("<html>...</html>")`输出HTML内容,或者重定向到其他页面。 6. **部署到Tomcat**: - 使用命令行或集成的工具(如VSCode的插件如"Live Server"或"Tomcat Manager for VSCode")将应用打包成war文件,然后部署到已启动的Tomcat服务器。 7. **创建HTML表单**: - 在`src/main/webapp`中的`WEB-INF/views`(如果有的话)或`/`目录下创建HTML文件,比如`index.jsp`。在表单中使用`<form>`标签,指定POST或GET请求的目标地址,即你的Servlet URL。 ```html <!DOCTYPE html> <html> <body> <h2>Submit Form</h2> <form action="/myServlet" method="post"> Name: <input type="text" name="name"><br><br> Email: <input type="email" name="email"><br><br> <input type="submit"> </form> </body> </html> ``` 8. **测试**: - 打开浏览器,访问`http://localhost:8080/your-app-context-path/myServlet`(替换为你的实际Tomcat端口和应用上下文路径),提交表单查看是否能正确处理。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

南风1789

时间宝贵,希望给与支持

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

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

打赏作者

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

抵扣说明:

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

余额充值