2024.5.24

代码量：182行

博客量：1

今天完成了关于腾讯项目里的网络安全部分题目的出现，但在写的过程中发现了一个bug，就是九张卡片对应的是同一个题目，虽然每一次调用了servlet都实现了session的更新，但发现前端呈现如果不刷新就无法更新，然后通过不断的查找资料和搜索终于进行了改正，使用JavaScript代码的document.getEmelteById(),innerHtml来进行解决，以下是相关代码：

<div id="h1" class="page" style="display: none">
    <div id="qtext2" style="color: #fdfcfc;font-size: 40px">请选择其中一张卡片并完成题目</div>
    <div id="tcontainer" class="container">
      <div class="card" onclick="q1()" style="--i:-4">1</div>
      <div class="card" onclick="q1()" style="--i:-3">2</div>
      <div class="card" onclick="q1()" style="--i:-2">3</div>
      <div class="card" onclick="q1()" style="--i:-1">4</div>
      <div class="card" onclick="q1()" style="--i:0">5</div>
      <div class="card" onclick="q1()" style="--i:1">6</div>
      <div class="card" onclick="q1()" style="--i:2">7</div>
      <div class="card" onclick="q1()" style="--i:3">8</div>
      <div class="card" onclick="q1()" style="--i:4">9</div>
    </div>
    <div id="result2"  style="color: #fdfcfc;font-size: 20px"></div>
  </div>

function q1(){
    var xhr = new XMLHttpRequest();  // 创建XMLHttpRequest对象
    xhr.open("GET", "hello-servlet1", true);  // 设置HTTP请求方式和Servlet的URL
    xhr.onreadystatechange = function() {
      if (xhr.readyState == XMLHttpRequest.DONE) {
        if (xhr.status == 200) {
          var response = xhr.responseText;  // 获取Servlet的响应数据
          console.log("从服务器获取的值："+response);

          const overlay=document.getElementById('overlay');
          const popup=document.getElementById('popup');
          overlay.style.display='block';
          popup.style.display='block';

          const labelElement = document.getElementById('propro');
          labelElement.innerHTML="问题:"+response;

          const labelElement2 = document.getElementById('tanswer');
          labelElement2.value="";

          var sessionValues = response.sessionValue; // 获取Session值
        } else {
          // 请求失败
          console.error('请求失败：' + xhr.status);
        }
      }
    };
    xhr.send();
  }

 

package com.example.three;

import java.io.*;
import java.util.Random;

import jakarta.servlet.RequestDispatcher;
import jakarta.servlet.ServletException;
import jakarta.servlet.http.*;
import jakarta.servlet.annotation.*;
import org.json.JSONObject;

@WebServlet(name = "helloServlet", value = "/hello-servlet1")
public class HelloServlet extends HttpServlet {
    private String message;

    String[][] problems = new String[7][10];
    public void init() {
        message = "Hello World!";
        problems[1][1] = "你知道什么是防火墙吗？它是怎么保护你的电脑的？";
        problems[1][2] = "你听说过防病毒软件吗？它是如何保护你的电脑的？";
        problems[1][3] = " 为什么在网上输入密码时会显示小点或星号？";
        problems[1][4] = "当你登录一个网站时，为什么有时需要输入验证码？";
        problems[1][5] = "你知道什么是Wi-Fi网络吗？它是如何工作的？";
        problems[1][6] = "为什么有些网站的网址是https开头，而不是http？";
        problems[1][7] = "你遇到过电脑运行很慢的情况吗？这可能是哪些原因导致的？";
        problems[1][8] = "你听说过“黑客”吗？他们通常是做什么的？";

        message = "Hello World!";
        problems[2][1] = "你会如何设置家庭Wi-Fi的密码以保证安全？";
        problems[2][2] = "你如何确保自己的手机不会被陌生人访问？";
        problems[2][3] = " 为什么要定期更新你的软件和应用？";
        problems[2][4] = "你会使用哪些方法来创建一个强密码？";
        problems[2][5] = "你会如何检查电脑上是否有恶意软件？";
        problems[2][6] = "如何防止自己的个人信息在网上被泄露？";
        problems[2][7] = "在公共场所使用Wi-Fi时，你会采取哪些安全措施？";
        problems[2][8] = "你会如何设置手机应用的权限来保护隐私？";

        message = "Hello World!";
        problems[3][1] = "你遇到过垃圾邮件吗？你是如何处理它们的？";
        problems[3][2] = "如果你的电脑被病毒感染了，你会怎么做？";
        problems[3][3] = " 你会如何防止自己的电脑被勒索软件攻击？";
        problems[3][4] = "如果发现账号被盗，你会采取哪些措施？";
        problems[3][5] = "你会如何识别和处理钓鱼邮件？";
        problems[3][6] = "你听说过“杀毒软件”吗？它能做什么？";
        problems[3][7] = "如果你觉得自己的网络账户被黑客入侵了，你会怎么做？";
        problems[3][8] = "你会如何报告发现的网络安全问题？";

        message = "Hello World!";
        problems[4][1] = "你知道什么是密码吗？它是如何保护你的账号的？";
        problems[4][2] = "你为什么认为双重验证（如短信验证码）更安全？";
        problems[4][3] = " 为什么有些网站会要求你定期更改密码？";
        problems[4][4] = "你会如何加密你的手机以保护其中的数据？";
        problems[4][5] = "你知道什么是防火墙吗？它能做什么？";
        problems[4][6] = "你会如何管理自己的密码，以防止忘记或被盗？";
        problems[4][7] = "为什么我们需要保护我们的Wi-Fi网络？";
        problems[4][8] = "你会如何确保电子邮件的安全性？";

        message = "Hello World!";
        problems[5][1] = "你会采取哪些措施来保护自己的隐私？";
        problems[5][2] = "你如何确保自己的健康信息不被泄露？";
        problems[5][3] = " 为什么网上购物时要注意支付信息的安全？";
        problems[5][4] = "你知道个人数据保护的重要性吗？";
        problems[5][5] = "你会如何避免在网上泄露过多的个人信息？";
        problems[5][6] = "你知道什么是安全标准吗？它们如何帮助保护你的信息？";
        problems[5][7] = "你听说过数据泄露事件吗？它们对个人有什么影响？";
        problems[5][8] = "为什么公司需要遵守数据保护法规？";

        message = "Hello World!";
        problems[6][1] = "你会如何检测和删除电脑上的恶意软件？";
        problems[6][2] = "你知道哪些基本的电脑安全设置？";
        problems[6][3] = " 你会如何检查你的家庭网络是否安全？";
        problems[6][4] = "你听说过网络安全竞赛吗？它们是如何进行的？";
        problems[6][5] = "你知道如何设置和使用防火墙吗？";
        problems[6][6] = "你会采取哪些步骤来保护自己的手机安全？";
        problems[6][7] = "你知道什么是社交工程攻击吗？如何防范？";
        problems[6][8] = "你如何确保自己安装的软件是安全的？";

    }

    public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
        init();
        Random r = new Random();
        int a = r.nextInt(5)+1; //题目类型
        int b = r.nextInt(7)+1; //题目序号
        int c=r.nextInt(10)+1;
        a=(a+c)%6+1;
        b=(b+c)%8+1;

        String p=problems[a][b];


//        request.setAttribute("problem1",p);
//        RequestDispatcher dispatcher=request.getRequestDispatcher("index.jsp");
//        try {
//            dispatcher.forward(request, response);
//        }catch (ServletException e){
//
//        }

        // 将 p 的值作为响应数据发送给客户端
        response.setContentType("text/plain");
        response.setCharacterEncoding("UTF-8");
        response.getWriter().write(p);


        HttpSession session = request.getSession();  // 获取Session对象
        session.setAttribute("pp", p);  // 将字符串保存在Session中
//
//        // 从Session对象中获取存储的值
//        String sessionValue = (String) session.getAttribute("pp"); // 替换为实际的 Session 属性名称
//
//        // 将Session值封装成JSON对象
//        JSONObject jsonResponse = new JSONObject();
//        jsonResponse.put("sessionValue", sessionValue);
//
//        // 设置响应内容类型为JSON
//        response.setContentType("application/json");
//
//        // 将JSON对象作为响应返回给前端
//        PrintWriter out = response.getWriter();
//        out.print(jsonResponse.toString());
//        System.out.println(jsonResponse.toString());



//        // 转发给另一个Servlet来处理
//        try {
//            request.getRequestDispatcher("index.jsp").forward(request,response);
//        } catch (ServletException e) {
//            throw new RuntimeException(e);
//        }
    }

    public void destroy() {
    }
}