提交一个测试版

web/template/syzoj/demos/1.html

@@ -0,0 +1 @@
+11111

web/template/syzoj/demos/2.html

@@ -0,0 +1 @@
+22222

web/template/syzoj/demos/3.html

@@ -0,0 +1 @@
+33333

web/template/syzoj/demoset.php

@@ -16,6 +16,40 @@ foreach ($directory as $fileinfo) {
   }
 }
 ?>
+<div class="container"></div>
+  <div class="row">
+    <div class="col-md-3">
+      <ul class="list-group">
+        <?php foreach ($files as $file): ?>
+          <li class="list-group-item">
+            <a href="demoset.php?demo=<?php echo $file; ?>"><?php echo $file; ?></a>
+          </li>
+        <?php endforeach; ?>
+      </ul>
+    </div>
+    <div class="col-md-9">
+      <div id="content">
+        <?php
+        if (isset($_GET['demo']) && in_array($_GET['demo'], $files)) {
+          $demoFile = $_GET['demo'];
+          $demoContent = file_get_contents(dirname(__FILE__) . '/demos/' . $demoFile);
+          echo $demoContent;
+        } 
+        ?>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+function loadContent(file) {
+  fetch('demos/' + file)
+    .then(response => response.text())
+    .then(data => {
+      document.getElementById('content').innerHTML = data;
+    });
+}
+</script>
 
   </div>
   <?php include("template/$OJ_TEMPLATE/footer.php"); ?>