创新实训 (十)帮助页面介绍
常见问题及其解答(FAQ),这个页面主要是对测评环境和使用的各种编程语言的编译器和编译命令进行介绍,使用了一个简单的web页面进行展示。
-
库的引入:
- 引入了
shjs
和mathjax
库。这两个库分别用于语法高亮和数学公式的渲染。
requireLib('shjs'); requireLib('mathjax');
- 引入了
-
页面头部:
- 输出页面头部内容,使用
echoUOJPageHeader
函数生成页面标题为“帮助”。
echoUOJPageHeader(UOJLocale::get('help'))
- 输出页面头部内容,使用
-
文章内容:
- 文章内容用HTML的
<article>
标签包裹,内包含一个标题为“常见问题及其解答(FAQ)”的<header>
。
<article> <header> <h2 class="page-header">常见问题及其解答(FAQ)</h2> </header>
- 文章内容用HTML的
-
折叠卡片组件:
- 使用Bootstrap的折叠卡片组件显示测评环境的详细信息。卡片标题部分是可点击的,点击后会展开或折叠卡片内容部分。
<section> <div class="card my-1"> <div class="card-header collapsed" id="headerThree" data-toggle="collapse" data-target="#collapseThree" style="cursor:pointer;"> <h5 class="mb-0">测评环境</h5> </div> <div id="collapseThree" class="collapse"> <div class="card-body"> <p>默认的测评环境是 Ubuntu Linux 18.04 LTS x64。</p> <p>C的编译器是 gcc 7.4.0,编译命令:<code>gcc code.c -o code -lm -O2 -DONLINE_JUDGE</code>。</p> <p>C++的编译器是 g++ 7.4.0,编译命令:<code>g++ code.cpp -o code -lm -O2 -DONLINE_JUDGE</code>。如果选择C++11会在编译命令后面添加<code>-std=c++11</code>。</p> <p>Java8的JDK版本是 openjdk 1.8.0_222,编译命令:<code>javac code.java</code>。</p> <p>Java11的JDK版本是 openjdk 11.0.4,编译命令:<code>javac code.java</code>。</p> <p>Pascal的编译器是 fpc 3.0.4,编译命令:<code>fpc code.pas -O2</code>。</p> <p>Python会先编译为优化过的字节码<samp>.pyo</samp>文件。支持的Python版本分别为Python 2.7和3.6。</p> </div> </div> </div> </section>
-
页面尾部:
- 输出页面尾部内容,使用
echoUOJPageFooter
函数生成页面尾部。
<?php echoUOJPageFooter() ?>
- 输出页面尾部内容,使用
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端