首页 > 开发知识 > 正文

下载bootstrap,压缩包解压到statics目录下

奇岸开发

08/27/2022

无需加好友免费技术支持

下载bootstrap，压缩包解压到statics目录下。下载codemirror，压缩包解压到statics目录下。在templates目录下建立webcoding，新创建模板文件codit.html。ubuntu下apt指令组装docker、docker-compose。下载JudgeServer,git clone 先弄设计效果图：

subprocess子全过程实行代码

在codit.html中运用

来合理布局，用

做为代码编写对话框。在head一部分，引入bootstrap4的css文件和js与此同时引入文件jquery.js相互配合bootstrap网页布局由款式操纵。div作为一个总器皿，它包括两行，每排分成12列，根据需求从左往右分成3个一部分，总宽由col-md-x中为个数据x(1<=x<=12)来分派。表格放到第二行，上下为1例，代码对话框占7列，语言转换、标准输入和提交按钮占3列，标准输出对话框在下边的第三行。界定了表单元素id和name，id是网页页面中js需要使用的，name将报表递交到后面。html代码如下所示：<=x<=12)来分派。表格放到第二行，上下各空1例，代码对话框占7列，语言转换、标准输入和提交按钮占3列，标准输出对话框在下边第三行。表单元素中界定了id和name，id是网页页面中js需要使用的，name是表单提交到后面所使用的。html代码如下所示：</p><p>应用报表递交ajax部分递交代码如下所示：</p><p>以上代码表单提交后，将返回的信息更新到网页页面底端cout_conding有关ajax()详细</p><p> 。</p><p>在webcoding中的views.py加上2个实行代码的主视图：def codejudge(request): 及def codejudgeserver(request):，在almond中的urls.py加上三个路由器详细地址：</p><p>全部路由器都用在关键运用中urls.py与大部分文件对比，django教程中不一样 —— 在各个运用中urls.py文件置放分别运用的路由器，在运用的urls.py别的应用软件包含于文件中urls.py下边完成主视图codejudge,选用前后端json传送数据的文件格式。下边的代码有详细的解释</p><p>假如编译程序有拼写错误，将不正确信息回到前面；编译程序根据再次操作流程回到相对应信息。应用信息json格式传送。这儿的一个重要关键是，当递交的代码有无限循环和其它有危害代码时，这将不益于云服务器运作。下面，应用沙盒防护运作代码，并且通过服务项目向前面给予编译程序软件环境，以防止和产生网络服务器阻塞。</p><p>前期准备工作：onlinejudge由四个控制模块所组成的开源系统程序编写在线评估系统软件。它在这里应用Judger和JudgeServer，git clone</p><p> 文件列表将下载到当地JudgeServer进入目录，拷贝，cp</p><p> 这也是根据docker布署，重装系统docker、docker-compose。应用指令docker-compose up -d，依据docker-compose.yml分配文件具体内容，下载第一次实际操作大会docker将和系统软件一起运行镜像系统及使用器皿。应用指令docker ps可查询已运作的docker器皿。</p><p>这个是我改动JudgeServer目录下的Dockerfile文件，docker build .打造自己的JudgeServer再度改动镜像系统docker-compose.yml对应的一部分。这可以用最新版本的编译程序软件和加上别的计算机语言。docker 更深层次的专业知识请查阅相关信息。</p><p>怎么使用：提前准备语言表达配置和调用方法，放到文件中judge.py时供主视图webcoding.codejudgeserer主视图启用，部分内容如下所示</p><p>类似其他语言。界定启用提供服务的类型，</p><p>这一类根据方式安排了一些主要参数judge()启用服务项目实行代码。judge.py依据JudgeServer目录下的client/Python汇总了下列文件。 下面看一下webcoding视图函数比较低codejudgeserver():</p><p>沙盒分辨系统软件实行代码</p><p>可设置max_cpu_time和max_memory的值停止有危害代码的无尽运作。test_case仅限于功能测试stdinput键入，不用output比照。后面详细介绍导出点评，这儿能用JudgeServer编译程序和操作流程。</p><p>CodeMirror它是一款功能完善的线上代码在线编辑器，具备代码亮度高、全自动缩近功能和标记配对等几种网络新词汇作用。codit.html中作一些调节，应用下列2个 CodeMirror 务必引入的二份主文件</p><p>引入下列文件，完成现阶段环境色度和括号匹配作用：</p><p>引入下列文件，完成语言表达词法的突显作用：</p><p>clike.js 完成了c,c  ,java三个语言的表达语法高亮表明作用。完成在线编辑器活动的主题款式作用引入以下文件：</p><p>可入二种款式，可转换应用。下列文件详细介绍键盘快捷键作用：</p><p>在模板文件</p><p>templates/webcoding/codit.hml的head加上以上各行代码，随后up_data()加上函数的第一行:$("#src_coding").val(editor.getValue()),近义把codemirror的在线编辑器editor表单原素里的代码id值为src_coding递交输入框。在up_data()函数公式加上后，加上函数公式modechange(value),其作用是在挑选计算机语言时转换对应的词法闪光点。</p><p>在模板文件codit.html最终，加上界定设定editor的代码：</p><p>做好了，看实际操作实际效果。</p><p>codemirror款式一</p><p>codemirror款式二</p>

</div>

</div>

<div class="bodytip">
        <div class="detail">
          <p>了解更多下载bootstrap,压缩包解压到statics目录下欢迎联系奇岸开发客服。</p>
          <p>奇岸开发可定制企业官网小程序、小程序商城、餐饮外卖小程序、预约小程序、多门店小程序、分销小程序及个人小程序。</p>
        </div>

<div class="prenext">
          <ul>
              
               <li class="left">上一篇：<a href="https://www.ahqian.com/kaifa/24295">python程序编写训练编号页面知识测试页面</a></li>

<div class="wxbox">
          <div class="fl">
            <img rel="nofollow" src="https://oss.wuxiqian.com/www/22/img/aboRTJwjpKfilhsIAqrSdYmWeVOCBFvx.png" alt="微信二维码" title="微信扫一扫加好友" />
            <p>微信长按识别或扫一扫，无需加好友直接咨询，企业网站开发、网站托管维护、企业管理系统开发、微信小程序制作、域名主机、网站备案、网站改版等提供专业技术解答。</p>
          </div>
        </div>

</div>

<h3>精彩推荐</h3>
      <div class="inews-list">
        <ul class="twlist">
          
            <li><a href="https://www.ahqian.com/news/28778" title='企业门户网站建设计划的最后一部分'><img
                rel="nofollow" src="https://oss.wuxiqian.com/www/1/autoimg/1663176003Qgd.png" alt="企业门户网站建设计划的最后一部分" style="object-fit:cover;"
                title="企业门户网站建设计划的最后一部分"><strong>企业门户网站建设计划的最后一部分</strong></a>
            <p>企业门户网站建设计划的最后一部分</p>
          </li>

<li><a href="https://www.ahqian.com/news/25248" title='18个出类拔萃的国外网站,教你如何通过更好的网站设计和营销策'><img
                rel="nofollow" src="https://oss.wuxiqian.com/www/1/autoimg/1661880303fxY.png" alt="18个出类拔萃的国外网站,教你如何通过更好的网站设计和营销策" style="object-fit:cover;"
                title="18个出类拔萃的国外网站,教你如何通过更好的网站设计和营销策"><strong>18个出类拔萃的国外网站,教你如何通过更好的网站设计和营销策</strong></a>
            <p>18个出类拔萃的国外网站,教你如何通过更好的网站设计和营销策</p>
          </li>

<li><a href="https://www.ahqian.com/kaifa/17325" title='好用的PPT模板网站!'><img
                rel="nofollow" src="https://oss.wuxiqian.com/www/1/autoimg/1659204302w7U.png" alt="好用的PPT模板网站!" style="object-fit:cover;"
                title="好用的PPT模板网站!"><strong>好用的PPT模板网站!</strong></a>
            <p>好用的PPT模板网站!</p>
          </li>

<li><a href="https://www.ahqian.com/kaifa/4779" title='无锡做网站多少钱，如何让网站利益最大化'><img
                rel="nofollow" src="https://oss.wuxiqian.com/www/22/img/tUTavBKnqzWdwMHsSAOPVklxJumZhQCf.png" alt="无锡做网站多少钱，如何让网站利益最大化" style="object-fit:cover;"
                title="无锡做网站多少钱，如何让网站利益最大化"><strong>无锡做网站多少钱，如何让网站利益最大化</strong></a>
            <p>无锡做网站多少钱，如何让网站利益最大化</p>
          </li>

</ul>
      </div>

<div class="sdbtn"><a href="javascript:" rel='nofollow'>点我获得帮助</a></div>

</div>

</div>
    
          <footer class="footer">
    <div class="box" id="">
      <div class="d1">
        <p class="d1m">
        </p>
        <p>© 2016-2022 奇岸网络科技有限公司 版权所有<br />
          <a href=https://beian.miit.gov.cn/ target=_blank rel=nofollow>皖ICP备16025676号-1</a><br />
        </p>
        <P>联系电话：<a href="javascript:">13501992972</a></P>
      </div>
      <div class="d2">
        <span><img rel="nofollow" src="https://oss.wuxiqian.com/www/22/img/EFxsJUNnfROVlozprMKXyuZdThwLmAvj.png" alt="奇岸开发业务咨询微信二维码" title="微信扫一扫加好友洽谈" width='120' height="120" />
          <em>如您需要快速报价</em>
          <em>请加技术经理微信</em>
          </span>
        
        
        
        
        
        
      </div>
    </div>
    <div class="box2">
      <div class="copy">
        <p>
          QIAN开发 STUDIO / 
            <a href=" /sitemap">网站地图</a>
        </p>
      </div>
    </div>
  </footer>
  <script rel="nofollow" src="https://oss.wuxiqian.com/www/22/tel/js/jquery.min.js"></script>

<script rel="nofollow" src="https://oss.wuxiqian.com/www/22/tel/js/wow.js"></script>
  
  <script>
    wow = new WOW(
      {
        animateClass: 'animated',
        offset: 30
      }
    );
    wow.init();
  </script>
    
    <script rel="nofollow" src="https://oss.wuxiqian.com/www/22/tel/js/common.js"></script>

</body>

</html>