首页三行文字添加链接、帮助页面文字部分修改,发现登录界面最下方链接问题与注册界面学号非法注入报错等bug

This commit is contained in:
musteven 2025-03-10 15:48:21 +08:00
parent 32e33493e6
commit 463d68b998
2 changed files with 71 additions and 83 deletions

View File

@ -4,8 +4,58 @@
<!-- 所有问题 --> <!-- 所有问题 -->
<div id="faq-allProblems"> <div id="faq-allProblems">
<n-collapse :default-expanded-names="expandItem?expandItem:'1'" accordion> <n-collapse :default-expanded-names="expandItem?expandItem:'1'" accordion>
<n-collapse-item title="1.忘记了密码怎么办?" name="1">
<div class="panel panel-default">
<div id="collapse11" class="panel-collapse collapse" role="tabpanel" >
<div class="panel-body">
<p>回答:解决步骤如下</p>
<ul>
<li>
<h4>
第一步:点击忘记密码,回答注册时的密保问题
</h4>
<img class="shadow-img" width="750" alt="" src="@/assets/images/faq11-1.png">
</li>
<li>
<h4>
第二步:如果忘记了密保问题答案或者没有密保问题
</h4>
<p>寻求班级老师的帮助,由班级老师来对密码进行重置</p>
</li>
</ul>
</div>
</div>
</div>
</n-collapse-item>
<n-collapse-item title="2.忘记了账号怎么办?" name="2" id="forgetName">
<div class="panel panel-default">
<div id="collapse12" class="panel-collapse collapse" role="tabpanel" >
<div class="panel-body">
<p>回答:解决的步骤如下</p>
<ul>
<li>
<h4>
点击右上角注册按钮
</h4>
<P>
进入注册界面,输入自己的学号
</P>
<p>再尝试输入剩余信息,弹出提示信息</p>
</li>
<li>
<h4>查看提示信息</h4>
<p>学号与账号是一一对应的关系,对于已经注册的学号会出现以下提示信息</p>
<p>提示信息中的“用户名:”后的内容即为登录账号</p>
<p><img class="shadow-img" width="750" alt="" src="@/assets/images/faq12.png"></p>
</li>
</ul>
</div>
</div>
</div>
</n-collapse-item>
<n-collapse-item title="2. 如何向OJ系统提交程序?" name="2">
<n-collapse-item title="3. 如何向本系统提交程序?" name="3">
<div class="panel panel-default"> <div class="panel panel-default">
<div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2"> <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
<div class="panel-body"> <div class="panel-body">
@ -44,11 +94,11 @@
</div> </div>
</div> </div>
</n-collapse-item> </n-collapse-item>
<n-collapse-item title="3. 我提交了程序,OJ回复的那些评判结果是什么意思?" name="3"> <n-collapse-item title="4. 我提交了程序,系统回复的那些评判结果是什么意思?" name="4">
<div class="panel panel-default"> <div class="panel panel-default">
<div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3"> <div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
<div class="panel-body"> <div class="panel-body">
<p>回答:下面是常见的OJ评判结果状态以及它们表示的意思:</p> <p>回答:下面是常见的评判结果状态以及它们表示的意思:</p>
<ul> <ul>
<li> <li>
WAIT : 已经提交到后台系统,正在等待裁判机的评判。不过这个过程一般只持续几秒钟,除非当前同时提交的代码太多。 WAIT : 已经提交到后台系统,正在等待裁判机的评判。不过这个过程一般只持续几秒钟,除非当前同时提交的代码太多。
@ -94,20 +144,7 @@
</n-collapse-item> </n-collapse-item>
<n-collapse-item title="5. “运行结果”页面“错误的测试用例ID”那些数字后有一个问号是干什么用的?" name="5"> <n-collapse-item title="5. 我提交的代码明明是我自己写的,但提示我“涉嫌抄袭”,我能“提交本题”吗?" name="5">
<div class="panel panel-default">
<div id="collapse5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
<div class="panel-body">
<p>回答:对于有的考试(或者更确切地说,是练习),教师允许学生查看那些出错的测试用例到底是什么。点击问号后,系统将会给出以下提示:测试数据的输入、正确的输出、您程序的输出。</p>
<p>但是,请求一个提示,会付出一点点代价,会扣除该题2%的分数,但如果对同一个测试用例反复请求提示,不会重复扣分的哦。</p>
<p>对于有的考试,教师不允许请求提示,这时,点击问号后,会提示以下信息:</p>
<p><img class="shadow-img" alt="" src="@/assets/images/faq5-1.png"></p>
</div>
</div>
</div>
</n-collapse-item>
<n-collapse-item title="7. 我提交的代码明明是我自己写的,但提示我“涉嫌抄袭”,我能“提交本题”吗?" name="7">
<div class="panel panel-default"> <div class="panel panel-default">
<div id="collapse7" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading7"> <div id="collapse7" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading7">
<div class="panel-body"> <div class="panel-body">
@ -117,65 +154,6 @@
</div> </div>
</n-collapse-item> </n-collapse-item>
<n-collapse-item title="8. 为什么我用scanf/printf的组合能得到'AC'的程序换成cin/cout就得到了'TLE'?" name="8">
<div class="panel panel-default">
<div id="collapse8" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading8">
<div class="panel-body">
<p>回答: 一般情况下,C语言运行时I/O函数比C++的效率高一些,所以处理大数据量的时候,建议使用scanf/printf组合。</p>
</div>
</div>
</div>
</n-collapse-item>
<n-collapse-item title="11.忘记了密码怎么办?" name="11">
<div class="panel panel-default">
<div id="collapse11" class="panel-collapse collapse" role="tabpanel" >
<div class="panel-body">
<p>回答:解决步骤如下</p>
<ul>
<li>
<h4>
第一步:点击忘记密码,回答注册时的密保问题
</h4>
<img class="shadow-img" width="750" alt="" src="@/assets/images/faq11-1.png">
</li>
<li>
<h4>
第二步:如果忘记了密保问题答案或者没有密保问题
</h4>
<p>寻求班级老师的帮助,由班级老师来对密码进行重置</p>
</li>
</ul>
</div>
</div>
</div>
</n-collapse-item>
<n-collapse-item title="12.忘记了账号怎么办?" name="12" id="forgetName">
<div class="panel panel-default">
<div id="collapse12" class="panel-collapse collapse" role="tabpanel" >
<div class="panel-body">
<p>回答:解决的步骤如下</p>
<ul>
<li>
<h4>
点击右上角注册按钮
</h4>
<P>
进入注册界面,输入自己的学校和学号
</P>
<p>再尝试输入剩余信息,弹出提示信息</p>
</li>
<li>
<h4>查看提示信息</h4>
<p>学号与账号是一一对应的关系,对于已经注册的学号会出现以下提示信息</p>
<p>提示信息中的“用户名:”后的内容即为登录账号</p>
<p><img class="shadow-img" width="750" alt="" src="@/assets/images/faq12.png"></p>
</li>
</ul>
</div>
</div>
</div>
</n-collapse-item>
</n-collapse> </n-collapse>
</div> </div>
</CommonPage> </CommonPage>

View File

@ -12,8 +12,9 @@
</div> </div>
<!-- 文字说明 --> <!-- 文字说明 -->
<div class="index-right-div"> <div class="index-right-div">
<p class="index-right-line1">第一条文字说明(可能的链接控件)</p> <router-link to="/user/exam-list" class="index-right-line1">点击进入作业</router-link>
<p class="index-right-line2">第二条文字说明(可能的链接控件)</p> <router-link to="/user/take-class" class="index-right-line2">点击加入班级</router-link>
<router-link to="/user/faq" class="index-right-line3">点击查看帮助</router-link>
</div> </div>
</div> </div>
</div> </div>
@ -93,17 +94,26 @@ img.shadow-img {
/* 文字说明样式 */ /* 文字说明样式 */
.index-right-div { .index-right-div {
margin-left: 30px; /* 根据需要调整左边距 */ margin-left: 35px;
width: 400px; /* 根据需要调整宽度 */ width: 400px;
} }
.index-right-line1, /* 修改文字说明样式,添加悬停效果 */
.index-right-line2 { .index-right-div a {
color: #4e627a; color: #4e627a;
padding-top: 35px; /* 调整行距 */ text-decoration: none;
transition: color 0.3s ease; /* 颜色变换过渡效果 */
display: block;
padding-top: 38px;
white-space: nowrap; /* 防止文字换行 */ white-space: nowrap; /* 防止文字换行 */
} }
/* 鼠标悬停时的样式 */
.index-right-div a:hover {
color: rgb(25, 157, 168); /* 鼠标悬停时的颜色 */
cursor: pointer; /* 鼠标指针变为指针形状 */
}
.container { .container {
background-image: url('@/assets/images/login_bg.webp'); /* 设置背景图片 */ background-image: url('@/assets/images/login_bg.webp'); /* 设置背景图片 */
background-size: cover; background-size: cover;