JSP(JavaServer Pages)是一种在服务器上运行的基于Java的视图技术,它允许您在(客户端语言,如HTML,CSS,JavaScript等)中编写模板文本,并与后端Java代码进行交互。
我正在尝试实现 2 组带有下一步和后退按钮的注册页面。当我点击下一步时,JavaScript 代码不起作用。如果我使用它,就会访问 servlet。 $(文档...</desc> <question vote="-1"> <p>我正在尝试实现 2 组带有下一步和后退按钮的注册页面。当我点击下一步时,JavaScript 代码不起作用。如果我使用它,就会访问 servlet。</p> <pre><code> <script> $(document).ready(function() { var x = document.querySelectorAll("#div1"); var y = document.querySelectorAll("#div2"); x.style.display = "block!important"; y.style.display = "none!important"; alert("outside"); function myFunction() { if (x.style.display === "block") { x.style.display = "none"; y.style.display = "block"; } alert("inside 1"); } function myFunctionTwo() { if (y.style.display === "block") { y.style.display = "none"; x.style.display = "block"; } alert("inside 2"); } }); </script> </code></pre> <pre><code> <form action="UserDetailsController" method="GET"> <div class="col-8" id="div1" style="margin-left: 100px; margin-top: 50px;"> <div class="row" style="background: #fff; padding: 25px; border-radius: 20px;"> <div class="col-12"> <img src="./img/logo.jpg" width="140" alt=""> <h4>It's time to join the Mahasri Infotech community!</h4> </div> <div class="col-6 mb-3"> <label for="firstname" class="form-label">First Name</label> <input type="text" name="firstname" class="form-control" /> </div> <div class="col-6 mb-3"> <label for="lastname" class="form-label">Last Name</label> <input type="text" name="lastname" class="form-control" /> </div> <div class="col-6 mb-3"> <label for="username" class="form-label">Username</label> <input type="text" name="username" class="form-control" /> </div> <div class="col-6 mb-3"> <label for="email" class="form-label">Email</label> <input type="text" name="email" class="form-control" /> </div> <div class="col-6 mb-3"> <label for="password" class="form-label">Password</label> <input type="password" name="password" class="form-control" /> </div> <div class="col-6 mb-3"> <label for="cnfpassword" class="form-label">Confirm Password</label> <input type="password" name="cnfpassword" class="form-control" /> </div> <div class="col-6 mb-3"> <label for="country" class="form-label">Country of Residence</label> <select multiple class="form-select mutli-dropdown" aria-label="Default select example" name="country"> <option value="1">Abkhazia</option> <option value="2">Afghanistan</option> <option value="3">Albania</option> </select> </div> <div class="col-6 mb-3"> <label for="city" class="form-label">City of Residence</label> <select class="form-select mutli-dropdown" aria-label="Default select example" name="city" multiple="multiple"> <option selected>-Select-</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> <div class="col-12"> <div class="d-flex justify-content-end mb-3"> <!-- <button class="btn btn-cstm text-white" onclick="togglework()"></button> --> <!-- <input type="button" class="btn btn-cstm text-white" id="toggleButton" value="Next" /> --> <a class="btn btn-cstm text-white" id="toggleButton" onclick="myFunction()">Next</a> </div> </div> </div> </div> <div class="col-8" id="div2" style="margin-left: 100px; margin-top: 50px;"> <div class="row" style="background: #fff; padding: 25px; border-radius: 20px;"> <div class="col-12"> <img src="./logo.jpg" width="140" alt=""> <h4>It's time to join the Mahasri Infotech community!</h4> </div> <div class="col-6 mb-3"> <label for="lang" class="form-label">Native Language(s) (max. 3)</label> <select class="form-select mutli-dropdown" name="lang" multiple> <option value="1">Abkhazia</option> <option value="2">Afghanistan</option> <option value="3">Albania</option><option value="4">Algeria</option> </select> </div> <div class="col-6 mb-3"> <label for="ref" class="form-label">How did you hear about us? (Optional)</label> <select class="form-select mutli-dropdown" aria-label="Default select example" name="ref" multiple="multiple"> <option value="1">Abkhazia</option> <option value="2">Afghanistan</option> <option value="3">Albania</option><option value="4">Algeria</option><option value="5">American Samoa</option><option value="6">Andorra</option><option value="7">Angola</option> </select> </div> <div class="col-6 mb-3"> <label for="expert" class="form-label">I am an expert in (max. 5)</label> <select class="form-select mutli-dropdown" aria-label="Default select example" name="expert" multiple="multiple"> <option value="1">Abkhazia</option> <option value="2">Afghanistan</option> <option value="3">Albania</option><option value="4">Algeria</option><option value="5">American Samoa</option><option value="6">Andorra</option><option value="7">Angola</option><option value="8">Anguilla</option><option value="9">Antigua & Barbuda</option> </select> </div> <div class="col-6 mb-3"> <label for="opportunities" class="form-label">I am interested in opportunities in (max. 10)</label> <select class="form-select mutli-dropdown" aria-label="Default select example" name="opportunities" multiple="multiple"> <option value="1">Abkhazia</option> <option value="2">Afghanistan</option> <option value="3">Albania</option><option value="4">Algeria</option> </select> </div> <div class="col-6 mb-3"> <label for="upload" class="form-label">Upload resume/CV (Optional)</label> <input type="file" class="form-control" accept=".docx,.doc,.rtf,.txt,.pdf" id="upload" name="upload"> </div> <div class="col-12"> <div style="height: 30px;"></div> </div> <div class="col-12" style="font-size: 12px;"> <div class="form-check"> <input class="form-check-input" name="terms" type="checkbox" /> <label class="form-check-label" for="flexCheckDefault"> I have read and agree to the <a href="#">Terms of Use</a> for using the OneForma pages.. * </label> </div> <div class="form-check"> <input class="form-check-input" name="nonDisclosure" type="checkbox" /> <label class="form-check-label" for="flexCheckChecked"> I have read, SIGNED, and agree to the <a href="#">Non-Disclosure Agreement(NDA)</a> for using the OneForma pages.. * </label> </div> <div class="form-check"> <input class="form-check-input" name="privacy" type="checkbox" /> <label class="form-check-label" for="flexCheckChecked"> I have read and agree to the <a href="#">Privacy Policy</a>, the <a href="#">GDPR CLAUSE</a> the <a href="#">COOKIES POLICY</a> for using the OneForma pages.. * </label> </div> </div> <div class="col-12"> <div class="d-flex justify-content-end mb-3"> <!-- <button class="btn btn-secondary text-white mr5" onclick="togglework()">Back</button> <button class="btn btn-cstm text-white">Next</button> --> <!-- <input type="button" class="btn btn-secondary text-white mr5" id="toggleButton2" value="Back" /> --> <a class="btn btn-cstm text-white" id="toggleButton2" onclick="myFunctionTwo()">back</a> <input type="submit" class="btn btn-cstm text-white" value="Submit" /> </div> </div> </div> </div> </form> </code></pre> <p>我预计当点击下一步时,第二个 div 样式属性应该是块,第一个 div 会隐藏。</p> <p>我尝试过单独放置两个函数,尝试放置警报以查看它是否正在通过。还是什么都没有</p> </question> <answer tick="false" vote="0"> <p>首先 <pre><code>$(document).ready</code></pre> 是一个 jQuery 代码,所以你应该将此库添加到你的代码中,</p> <p>和第二个 <pre><code>document.querySelectorAll("#div1");</code></pre> 当您想要选择一个元素时不是一个好的选择,并且使用 <strong>ID</strong> 选择表明您只想要一个 <strong>id 为 div1</strong> 的 div,因此请使用 <pre><code>document.querySelector("#div1");</code></pre> 或 <pre><code>document.getElementById('div1')</code></pre></p> <p>最后一件事是你声明了两个函数但从未调用它们</p> <p>如果您不想在代码中添加 <strong>jQuery</strong> 而不是 <pre><code>$(document).ready</code></pre> 使用<pre><code>window.addEventListener('load', function())</code></pre></p> </answer> </body></html>
我将此代码放入我的index.jsp文件后出现此错误 代码 : 学生 连接状态:${connStatus ==“已连接”... 我将此代码放入我的index.jsp 文件后出现此错误 代码: <body> <h1>Student</h1> <p> Status Connection : ${connStatus == "Connected" ? "Connected" : "Disconnected"} ${connMessage} </p> 我遇到的错误: Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Thu Apr 18 03:34:46 WIB 2024 There was an unexpected error (type=Internal Server Error, status=500). org.apache.jsp.web_002dtpl.views.index_jsp 我想从我的控制器文件检查与数据库的连接,所以我尝试将其发送到jsp文件,这是代码: private String connStatus = "Disconnected"; private String connMessage = ""; @RequestMapping("/") public String index(Model model) { try { Class.forName("org.postgresql.Driver"); Connection conn = DriverManager.getConnection(url, user, password); connStatus = "Connected"; } catch (Exception e) { // TODO Auto-generated catch block connMessage = e.getMessage(); } model.addAttribute("connStatus", connStatus); model.addAttribute("connMessage", connMessage); return "index"; } 我不知道什么是正确的方法,因为这是我第一次使用 springboot,有什么想法吗?谢谢你:) 如果您尝试在 Spring Boot 本身中渲染页面,我建议使用 thymleaf 而不是 jsp。不要将代码放在控制器内,而是将其放在您在控制器内调用的单独服务类中。对于您提到的问题,服务器返回默认的 500 错误代码,这并不能说明什么。您可以添加堆栈跟踪吗?
我正在开发简单的 Spring Boot MVC 应用程序。以前我只使用 Spring + Hibernate(即有 servlet.xml 等)来完成所有工作,并且我正在尝试重建项目以使用 Spr...
autoSizeColumn 不适用于我的 HSSFSheet POI
我想用 autoSizeColumn 调整列的宽度,但它不起作用,知道吗? 语句 StReporte = conexion.createStatement(); 结果集 rs_marcador = StReporte。
使用 JWebUnit 测试电子邮件联系表单而不发送电子邮件
我有一个使用 servlet 和 JSP 页面构建的 Java Web 应用程序。我使用 JWebUnit (http://jwebunit.sourceforge.net) 编写了一些集成测试。 我有一个这样的测试方法: @测试 公开
我遇到了以下问题,我有两个班级Student和Faculty,Student有一个Faculty字段。问题是:我怎样才能将这种形式的对象准确地传递到教师领域......
堆栈跟踪如下: 堆栈跟踪: org.apache.jasper.servlet.JspServletWrapper.handleJspException(JspServletWrapper.java:599) org.apache.jasper.servlet.JspServletWrapper.service(JspServletW...
我发现了类似的东西,但没有一个真正符合我的愿望。 我有一个 jsp 页面,其中的 java 代码需要 10-30 秒才能完成(我正在从数据库中获取一些内容并构建cha...
Sitemesh 2.4.2:如何使用除body装饰器之外的装饰器
我正在使用 struts2-archetype-starter Maven 模板来创建 Struts2 web 应用程序。虽然我以前使用过 Struts2,但我对 Sitemesh 还很陌生。我的装饰器文件夹中有一个 adminTemplate.jsp,其中包含...
我正在尝试将css与jsp页面连接起来。我这样写` “rel =“样式表”> 我正在尝试将css与jsp页面连接起来。我这样写` <link href="<c:url value="/resources/css/plugins.css" />" rel="stylesheet"> <link href="<c:url value="/resources/css/style.css" />" rel="stylesheet">` 在 spring-servlet.xml 中 <mvc:resources location="/WEB-INF/resources/" mapping="/resources/**"/> 我是这样写的,但是如果我写这些代码,我会收到 404 not find an 错误。如果我删除这些代码,错误就消失了 我正在尝试在jsp中连接css文件 usually i wrote like this somebody help me.....please.... 示例: <%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c" %> <html> <head> </head> <body> <a href = "<c:url value = "/jsp/index.htm"/>">TEST</a> </body> </html>
sendRedirect() 可以充当 post 方法而不是 get 吗? - jsp/servlet
我有一个简单的表单,它接受用户名和密码。如果登录有效,我必须使用 sendRedirect() 方法将页面重定向到一个页面,如果登录无效则重定向到另一个页面。我需要使用 sendRe...
我目前在 Windows 7 64 位上安装了 IBM Rapid Application Developer 8.5.1,但遇到了以下两个问题: 我无法通过用鼠标拖动滚动条来滚动 输入...
java.lang.NoClassDefFoundError:javax/servlet/jsp/tagext/TagLibraryValidator [重复]
我按照此链接中的指南安装 JSTL,但当我尝试启动 JSP 页面时出现以下错误: java.lang.NoClassDefFoundError:javax/servlet/jsp/tagext/TagLibraryValidator ...
Thymeleaf 或 JSP:Spring Boot 哪个更好?
Thymeleaf 与 Spring Boot 结合比 JSP 更好吗? 他们的表现又如何呢? 是否有任何关于替代 UI 框架的建议 春季启动?
当我尝试在 jsp 代码中使用 java 类从 sql 数据库获取信息时,连接返回 null,如下所示。请协助。 org.apache.jasper.JasperException:异常
IntelliJ IDEA 中自动生成的 JSP 页面这部分有什么意义? <%@ page contentType="text/html;charset=UTF-8" language="java" %> 因为我没有看到任何...
我尝试使用 Struts2 将图像文件插入 MySQL 数据库,但出现以下错误。 ognl.MethodFailedException:对象 com.motorola.action.LicenseAction@569 的方法“执行”失败...
使用ServletFileUpload的parseRequest进行文件上传? [重复]
我上传在我的网络应用程序中使用输入类型=“文件”浏览的文件。问题是我的 FileItem 列表大小为 0,尽管我可以在下面看到所有上传的文件信息 请求 ->
我有一个 Product 实体,其中有一个 imageUrl String 字段。 从用户处获取的产品图片将保存在目录中: System.getProperty("user.home") + "商店/数据/产品/" 当...
我需要使用 Struts 标签吗: 我需要使用 Struts 标签吗: <s:form action="doUpload" method="post" enctype="multipart/form-data"> <s:file name="upload" label="File"/> <s:submit/> </s:form> 利用 Struts 2 提供的文件上传功能? 我可以在没有 Struts 2 标签的情况下实现相同的功能吗?如果是,我可以知道需要将约定合并到操作或配置文件中才能实现相同的目的吗? 很快,是的,你可以。然后该操作使用的配置和约定保持不变。 如果您使用 <form> 标签,那么您应该将操作属性值与映射到该操作的路径一起放置。更多关于动作映射器如何工作以及如何将路径转换到ActionMapper界面。 在表单标签中,您应该放置 enctype="multipart/form-data",以便 Struts 能够将 http 请求包装到 MultipartRequestWrapper 类 并解析表单数据。然后 fileUpload 拦截器 将参数添加到 params 拦截器 所需的操作上下文,以将文件属性注入到处理上传的操作中。 input标签的名称应与属性File类型的名称相对应。上面的两个拦截器都使用它,最后通过 OGNL 注入对象。 如果您需要上传多个文件,那么您应该更改属性类型以能够处理对象集合。看起来像是在这个示例中完成的。 当然可以,你可以使用 HTML 标签, <s:form action="fileUploadAction" method="post" enctype="multipart/form-data"> <input type="file" name="userImage" id="userImage"/> </s:form> 你可以使用 struts2-inceptors 为你做这样的事情。 <interceptors> <interceptor name="mylogging" class="com.alw.controller.MyLoggingInterceptor"> </interceptor> <interceptor-stack name="loggingStack"> <interceptor-ref name="mylogging" /> <interceptor-ref name="defaultStack" /> </interceptor-stack> </interceptors> <action name="fileUploadAction" class="xxx.xxx.FileUploadAction" method="filterUploadFile"> <interceptor-ref name="fileUpload"> <param name="maximumSize">2097152</param> </interceptor-ref> <interceptor-ref name="defaultStack"></interceptor-ref> <result name="success">JSP_Pagesxxx.jsp</result/> </action> 要在您的操作类中执行业务逻辑,您需要这个。 public class FileUploadAction extends ActionSupport implements ServletRequestAware { private File userImage; private String userImageContentType; private String userImageFileName; public String filterUploadFile() { if(UserImageFileName()!=null) { // perform your business logic } } }