搜索
搜索

使用JSP进行测验应用

Education 4Fun 发表于 Java
46
教育4乐趣：

很抱歉问这个问题。我过去几个小时一直在搜索，但找不到任何帮助。

我想使用JSP制作一个简单的测验应用程序。我创建了两个表，如下所示

  1. Col1：QuizId Col2：测验名称Col3：问题数
  2. Col1：QtnNum Col2：问题Col3：Option1 Col4：Option2 Col5：Option3 Col6：Option4 Col7：CorrectOption

该页面将如下图所示。

在此处输入图片说明

该页面的代码是

<%@page import="java.sql.*,java.io.*,java.text.*,java.util.*  ,javax.servlet.*,javax.servlet.http.*" 
 %> 
   <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
     pageEncoding="ISO-8859-1"%>
  <!DOCTYPE HTML>
    <HTML>
   <head>
  <meta charset="ISO-8859-1">
       <link rel="stylesheet" 
       href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 
       integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" 
    crossorigin="anonymous">
    <link rel="stylesheet" href="bstyle.css" type="text/css">
    <title>Insert title here</title>
   </head>
     <body>
  <body>
  <%            
String quiz_title =request.getParameter("quiz_title");
String no_question =request.getParameter("no_question");
String quiz_id=request.getParameter("quiz_id");
   %>
       <br><br>
      <div class="container">
<div class="row">
    <div class="col-6">
        <h3><%=quiz_title %></h3>
    </div>
    <div class="col-6">
        <h3>Total no. of questions: <%=no_question %></h3>
    </div>
</div>
<br>
<%
Class.forName("com.mysql.jdbc.Driver");
Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/student_portal 2.0","root","");
Statement st=con.createStatement();
String sql="select * from quiz_q_a where quiz_id="+quiz_id;
ResultSet rs=st.executeQuery(sql);
while(rs.next())
{
    String question =rs.getString("question");
    String option_a =rs.getString("option_a");
    String option_b =rs.getString("option_b");
    String option_c =rs.getString("option_c");
    String option_d =rs.getString("option_d");
    String correct_option =rs.getString("correct_option");
    String explanation =rs.getString("explanation");
    String current_no =rs.getString("q_no");    
%>
<div class="row">
    <div class="col-6">
        <h4><%=current_no%>.  <%=question %></h4>
    </div>
    <div class="col-6">
        <h4>    &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;(&emsp;)
        </h4>
    </div>
</div>  
<br>
<form>
    <div class="row">
        <div class="col-6">
            <div class="form-check">
              <input class="form-check-input" type="radio" name="inlineRadioOptions" value="A">
              <label class="form-check-label" for="inlineRadio1">A. <%=option_a %></label>
            </div>
        </div>
        <div class="col-6">
            <div class="form-check">
              <input class="form-check-input" type="radio" name="inlineRadioOptions" value="B">
              <label class="form-check-label" for="inlineRadio1">B. <%=option_b %></label>
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-6">
            <div class="form-check">
              <input class="form-check-input" type="radio" name="inlineRadioOptions" value="C">
              <label class="form-check-label" for="inlineRadio1">C. <%=option_c %></label>
            </div>
        </div>
        <div class="col-6">
            <div class="form-check">
              <input class="form-check-input" type="radio" name="inlineRadioOptions" value="D">
              <label class="form-check-label" for="inlineRadio1">D. <%=option_d %></label>
            </div>
        </div>
    </div>
    <br>
    <hr>
</form> 
<%
}
%>  
   </div>
    <br>

     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384- 
     DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"> 
   </script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" 
    integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 
      crossorigin="anonymous"></script>
       <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" 
    integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" 
    crossorigin="anonymous"></script>
    
    
     </body>
      </html>

我的要求是在页面末尾添加一个提交按钮。单击提交按钮后，用户响应应存储在数组中。应将用户响应数组中选择的答案与表格中的正确答案数组进行比较，并计算分数。

请帮助我实现这一目标。我无法捕获用户响应。谢谢。

斯瓦蒂语：

您还需要将<form>标签和submit按钮放在while-loop。外部。此外，由于单选按钮当前在表单中具有相同的值，因此可以通过current_no您的单选按钮的名称（即name="inlineRadioOptions_<%=current_no%>"：）唯一地标识每个可以使用的单选按钮。因此，您的jsp代码看起来像下面：

 <form method="post" action="your_url">
     <%
    //your connection codes
    while(rs.next())
    {
       //other codes
          String current_no =rs.getString("q_no");    
    %>
    <div class="row">
        <div class="col-6">
            <h4><%=current_no%>.  <%=question %></h4>
        </div>
        <div class="col-6">
            <h4>    &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;(&emsp;)
            </h4>
        </div>
    </div>  
    <br>
    <form>
        <div class="row">
            <div class="col-6">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="inlineRadioOptions_<%=current_no%>" value="A">
                  <label class="form-check-label" for="inlineRadio1">A. <%=option_a %></label>
                </div>
            </div>
            <div class="col-6">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="inlineRadioOptions_<%=current_no%>" value="B">
                  <label class="form-check-label" for="inlineRadio1">B. <%=option_b %></label>
                </div>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-6">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="inlineRadioOptions_<%=current_no%>"  value="C">
                  <label class="form-check-label" for="inlineRadio1">C. <%=option_c %></label>
                </div>
            </div>
            <div class="col-6">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="inlineRadioOptions_<%=current_no%>"  value="D">
                  <label class="form-check-label" for="inlineRadio1">D. <%=option_d %></label>
                </div>
            </div>
        </div>
        <br>
        <hr>
    <%
    }
    %>  
//will have value of quiz_id
  <input type="hidden" name-"quiz_id" value="<%=quiz_id%>">
    //added button
    <input type="submit">
    </form>

然后，在服务器端，您需要根据再次使用select查询来获取结果，quiz_id并根据此增量值来检查用户的答案和正确的答案是否相同。即：

<!--your connection codes-->
 //to get no coorect and wrong answer
int wrong = 0, correct = 0;
//getting quiz_id
String quiz_id = request.getParameter("quiz_id");
String sql = "select * from quiz_q_a where quiz_id=" + quiz_id;
ResultSet rs = st.executeQuery(sql);
while (rs.next()) {
 //get correct option for 1st ,2 ..etc
 String correct_option = rs.getString("correct_option");
 //get current question..
 String current_no = rs.getString("q_no");
 //get user answer
 String answers = request.getParameter("inlineRadioOptions_" + current_no);
 //check if equal
 if (answers.equals(correct_option)) {
  correct++; //increment

 } else {

  wrong++; //increment
 }
}
out.println("Correct Answer are" + correct);
out.println("Wrong Answer are" + wrong);

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Laravel 7和Mysql创建应用测验

使用Javax swing进行测验后如何显示分数？

使用Python处理图像以进行图像测验（大像素区域）

使用JSP进行快速CSS测试

Android：使用if else语句测验应用程序

使用JSP进行URL设计

进行互动测验

Mysql随机行进行测验

在Javascript中使用数组进行测验吗？

使用PHP和jQuery进行单选按钮测验

进行摇摆徽标测验

尝试进行测验

使用线程的sleep（）方法进行测验

尝试用Java进行测验

AngularJS测验应用

使用C＃和数据库创建测验应用程序

使用Json进行Jquery测验

目标C中的测验应用

测验应用程序：使用NSUserDefaults保存选定的测验问题并将其显示在另一个视图控制器中

在textview中显示评论/在editview中接受评论以在测验应用中使用

使用JSP进行Spring Boot，获取异常

使用 jsp、hibernate、mysql 和 eclipse mars 在 Web 应用程序中进行注释配置

使用 javascript 的简单测验

在python中使用列表进行随机测验

如何在 Python 中使用循环进行测验？

使用 Tkinter 的 Python 测验

使用 Angular 开发测验 Web 应用程序？

如何使用单选按钮进行测验？

我的测验应用程序未显示测验选项

TOP 榜单

  1. 1

    Qt Creator Windows 10 - “使用 jom 而不是 nmake”不起作用

  2. 2

    使用next.js时出现服务器错误，错误：找不到react-redux上下文值；请确保组件包装在<Provider>中

  3. 3

    Swift 2.1-对单个单元格使用UITableView

  4. 4

    SQL Server中的非确定性数据类型

  5. 5

    如何避免每次重新编译所有文件？

  6. 6

    Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听

  7. 7

    在同一Pushwoosh应用程序上Pushwoosh多个捆绑ID

  8. 8

    HttpClient中的角度变化检测

  9. 9

    在 Avalonia 中是否有带有柱子的 TreeView 或类似的东西？

  10. 10

    在Wagtail管理员中，如何禁用图像和文档的摘要项？

  11. 11

    通过iwd从Linux系统上的命令行连接到wifi（适用于Linux的无线守护程序）

  12. 12

    构建类似于Jarvis的本地语言应用程序

  13. 13

    Camunda-根据分配的组过滤任务列表

  14. 14

    如何了解DFT结果

  15. 15

    Embers js中的更改侦听器上的组合框

  16. 16

    ggplot：对齐多个分面图-所有大小不同的分面

  17. 17

    使用分隔符将成对相邻的数组元素相互连接

  18. 18

    PHP Curl PUT 在 curl_exec 处停止

  19. 19

    您如何通过 Nativescript 中的 Fetch 发出发布请求？

  20. 20

    错误：找不到存根。请确保已调用spring-cloud-contract：convert

  21. 21

    应用发明者仅从列表中选择一个随机项一次

热门标签

归档