提问打分

2 months ago · dcdd764edd
parent 29c16f95fe
commit dcdd764edd
1 changed files with 110 additions and 0 deletions
--- a/question.html
+++ b/question.html
@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>question</title>
+    <link rel="stylesheet" href="styles.css">
+    <style>
+      /* 其他样式保持不变 */
+    .login-button {
+      cursor: pointer; /* 将鼠标指针设置为点击状态 */
+    }
+    .sign-up-link {
+        cursor: pointer;
+        color: black;
+        font-size: 20px;
+        font-family: Inter;
+        font-weight: 500;
+        text-decoration: none; /* 去掉超链接的下划线 */
+    }
+    </style>
+    <script>
+      function redirectToPage() {
+          window.location.href = 'page.html'; // 
+      }
+  </script>
+</head>
+<body>
+    <div style="width: device-width; height: 832px; position: relative; background: linear-gradient(90deg, rgba(231, 100, 42, 0.69) 0%, rgba(225.24, 187.68, 232.90, 0.69) 50%, rgba(21.28, 44.63, 169.15, 0.69) 100%)">
+        <div style="width: 479px; height: 322px; left: 15%; top: 94px; position: absolute">
+          <div style="width: 479px; height: 290px; left: 0px; top: 0px; position: absolute; background: rgba(217, 217, 217, 0.70); border-radius: 45px"></div>
+          <div style="left: 57px; top: 180px; position: absolute; color: black; font-size: 48px; font-family: Inter; font-weight: 500; word-wrap: break-word">学号</div>
+          <div id="pname" style="left: 150px; top: 180px; position: absolute; color: black; font-size: 48px; font-family: Inter; font-weight: 500; word-wrap: break-word"></div>
+          <div style="width: 96px; height: 264px; left: 57px; top: 60px; position: absolute; color: black; font-size: 48px; font-family: Inter; font-weight: 500; word-wrap: break-word">姓名</div>
+          <div id="pnum" style="width: 96px; height: 264px; left: 150px; top: 60px; position: absolute; color: black; font-size: 48px; font-family: Inter; font-weight: 500; word-wrap: break-word"></div>
+          <div style="width: 230px; height: 0px; left: 32%; top: 114px; position: absolute; border: 1px black solid"></div>
+          <div style="width: 230px; height: 0px; left: 32%; top: 236px; position: absolute; border: 1px black solid"></div>
+        </div>
+        <img style="width: 532px; height: 524px; left: 55%; top: 79px; position: absolute" src="E:\softwareengineer\work2\frontend\assets\d6.png" />
+        <div style="width: 477px; left: 58%; top: 635px; position: absolute; color: #F11E11; font-size: 48px; font-family: Inter; font-weight: 500; word-wrap: break-word">就是你了，我的盆友</div>
+        <div style="width: 438px; height: 200px; left: 16%; top: 416px; position: absolute; color: black; font-size: 30px; font-family: Inter; font-weight: 500; word-wrap: break-word">能够准确重复所提问的问题，则加0.5分，否则加-1分；准确回答问题，根据情况加0.5-3分</div>
+        <form id="getgrade">
+          <div style="width: 480px; height: 100px; left: 25%; top: 580px; position: absolute">
+            <div class="input-container">
+              <label for="grade" style="left: 0px; top: -35px; position: absolute; color: black; font-size: 25px; font-family: Inter; font-weight: 500; word-wrap: break-word">请输入:</label>
+              <input type="text" id="grade" name="grade" style="width: 180px; height: 20px" required><br><br>
+            </div>
+          </div>
+          <button style="width: 282px; height: 56px; left: 22%; top: 650px; position: absolute;border-radius: 71px" type="submit">
+            <div style="width: 282px; height: 56px; left: 0px; top: 0px; position: absolute; background: linear-gradient(180deg, #152DA9 0%, #E7642A 100%); border-radius: 71px"></div>
+            <div style="width: 40px; height: 23px; left: 121px; top: 16.50px; position: absolute; color: white; font-size: 20px; font-family: Inter; font-weight: 500; word-wrap: break-word">确定</div>
+          </button>
+        </form>
+      </div>
+      <script>
+        // 获取标签和输入字段
+        var label = document.querySelector('.input-label');
+        var input = document.querySelector('.input-field');
+        fetch('/api/data')
+          .then(response => response.json())
+          .then(data =>
+          {
+            const pname = document.getElementById('name');
+            pname.innerHTML = `
+            <h2>${data.title}</h2>
+            <p>${data.description}</p>
+            `;
+            const pnum = document.getElementById('num');
+            pnum.innerHTML = `
+            <h2>${data.title}</h2>
+            <p>${data.description}</p>
+            `;
+          })
+          .catch(error => {
+            console.error('Error:',error);
+          });
+        // 为标签添加点击事件
+        label.addEventListener('click', function() {
+          // 点击标签时，聚焦到输入字段
+          input.focus();
+        });
+        document.getElementById('getgrade').addEventListener('submit', function(event) {
+          event.preventDefault(); // 阻止表单默认提交行为
+
+          const formData = {
+              grade: document.getElementById('grade').value,
+          };
+
+          fetch('/api/submit-grade', {
+              method: 'POST',
+              headers: {
+                  'Content-Type': 'application/json'
+              },
+              body: JSON.stringify(formData)
+          })
+          .then(response => response.json())
+          .then(data => {
+              console.log('Success:', data);
+              // 数据提交成功后跳转
+              window.location.href = 'E:\softwareengineer\work2\frontend\page.html';
+          })
+          .catch((error) => {
+              console.error('Error:', error);
+              // 数据提交失败时跳转
+              alert('上传失败！');
+          });
+      });
+      </script>
+</body>
+</html>