创新实训 (十)帮助页面介绍

常见问题及其解答(FAQ),这个页面主要是对测评环境和使用的各种编程语言的编译器和编译命令进行介绍,使用了一个简单的web页面进行展示。
image

  1. 库的引入:

    • 引入了shjsmathjax库。这两个库分别用于语法高亮和数学公式的渲染。
    requireLib('shjs');
    requireLib('mathjax');
    
  2. 页面头部:

    • 输出页面头部内容,使用echoUOJPageHeader函数生成页面标题为“帮助”。
    echoUOJPageHeader(UOJLocale::get('help'))
    
  3. 文章内容:

    • 文章内容用HTML的<article>标签包裹,内包含一个标题为“常见问题及其解答(FAQ)”的<header>
    <article>
        <header>
            <h2 class="page-header">常见问题及其解答(FAQ)</h2>
        </header>
    
  4. 折叠卡片组件:

    • 使用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>Java8JDK版本是 openjdk 1.8.0_222,编译命令:<code>javac code.java</code>。</p>
                    <p>Java11JDK版本是 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>
    
  5. 页面尾部:

    • 输出页面尾部内容,使用echoUOJPageFooter函数生成页面尾部。
    <?php echoUOJPageFooter() ?>
    
posted @   贺丁  阅读(4)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
点击右上角即可分享
微信分享提示