Javascript 需要帮助将2k文件链接到html吗

所以我正在做一个需要大量文件链接的项目（2000）

以下是我的项目的一些细节：

无法直接访问“后端”

有权更改课程材料的目录结构和文件名（pdf文件）

当前的路径和文件命名约定混乱（不存在）且不可预测

目前没有将课程代码与课程说明/课程材料相链接的内容

每门课程有20个课程材料（pdf文件）：

5张学习表
5个学习表答案
5次分级作业
五年级作业答案

现在，目前的网站是，我正在重建，将需要添加文件和链接。当前目录树非常不稳定，不遵循任何一致的命名约定。我的希望是能够尽可能地自动化这个过程。我知道我需要更改目录树和文件名以遵循一种简单的格式，但是，我不确定如何超越这一点，解析文件并通过json或其他格式自动添加它们。这正是我需要帮助的地方。以下是到目前为止使用zurb foundation的课程布局的一些示例代码：

<div class="tabs-content">
    <div class="content active" id="p1a">
          <ul class="ss">
          <li><a href="#">Study Sheet Unit One</a></li>
          <li><a href="#">Study Sheet Unit Two</a></li>
          <li><a href="#">Study Sheet Unit Three</a></li>
          <li><a href="#">Study Sheet Unit Four</a></li>
          <li><a href="#">Study Sheet Unit Five</a></li>

          </ul>
    </div>
    <div class="content" id="p1b">
      <ul class="ssa">
          <li><a href="#">Study Sheet w/ Answers Unit One</a></li>
          <li><a href="#">Study Sheet w/ Answers Unit Two</a></li>
          <li><a href="#">Study Sheet w/ Answers Unit Three</a></li>
          <li><a href="#">Study Sheet w/ Answers Unit Four</a></li>
          <li><a href="#">Study Sheet w/ Answers Unit Five</a></li>

          </ul>
    </div>
    <div class="content" id="p1c">
      <ul class="ga">
          <li><a href="#">Graded Assignment Unit One</a></li>
          <li><a href="#">Graded Assignment Unit Two</a></li>
          <li><a href="#">Graded Assignment Unit Three</a></li>
          <li><a href="#">Graded Assignment Unit Four</a></li>
          <li><a href="#">Graded Assignment Unit Five</a></li>

     </ul>
    </div>
    <div class="content" id="p1d">
      <ul class="gaa">
          <li><a href="#">Graded Assignment w/ Answers Unit One</a></li>
          <li><a href="#">Graded Assignment w/ Answers Unit Two</a></li>
          <li><a href="#">Graded Assignment w/ Answers Unit Three</a></li>
          <li><a href="#">Graded Assignment w/ Answers Unit Four</a></li>
          <li><a href="#">Graded Assignment w/ Answers Unit Five</a></li>

          </ul>

根据聊天中介绍的具体情况

• 您无法访问“后端”
• 您有权更改课程材料（pdf文件）的目录结构和文件名
• 当前的路径和文件命名约定混乱（不存在）且不可预测
• 目前没有将课程代码与课程说明/课程材料相链接的内容
• 每门课程有20个课程材料（pdf文件）：
  • 5个学习表
  • 5个学习表答案
  • 5分等级作业
  • 五年级作业答案

唉，总有一些事情要做（特别是为了将来的可维护性）。 在事态进一步失控之前，我建议从实现文件路径/文件命名约定开始。这也将有助于创建未来的其他解决方案，而不是我建议首先使用的解决方案

主要的一点（和当前的缺陷）是缺乏任何自动关系/可预测性

首先重新构造文件路径/文件名： 让我们做一个文件夹，作为课程材料的根：<代码>课程/ < /代码> .< 在课程中，我们将创建您的主要类别：

courses/math/ courses/english/ courses/science/ courses/social science/ courses/electives/ 现在您已经修复了目录结构，使用PHP解析任何信息和关系都是相对容易的

现在，您可以使用PHP从模板动态构建静态页面，或者让它创建一个（或每个类别一个）json文件（或xml、csv等）传递到浏览器

需要注意的是，在每次页面请求时解析整个目录树并不是一个好主意 最好有一个隐藏的管理页面，其中包含更新后自动更新存储缓存的功能。或者，您可以每24小时自动更新一次（使用公共模板循环检查缓存页面/文件的时间戳，如果时间超过x，则重新运行更新程序脚本）

搜索解析目录、文件（csv/json等）和缓存页面的示例

---

祝你的项目好运

这都是理论化的。我们需要具体的代码来观察。当你可以使用php通过阅读directoriesok来创建链接时，你必须手动链接1000个文件是没有意义的，我怎么能做到这一点呢？你们不能给我指出正确的方向并提供帮助，而不是向下投票到堆栈溢出地狱？html如何获得“学习表第一单元”等？？您是否试图用实际url替换链接中的

#

？人们可能会投反对票，因为你的问题真的不清楚，而且闻起来像XY问题。那么，你到底想做什么，从哪里得到什么？另外，我已经看到您的演示在PHP上运行，所以正如charlietfl的评论所指出的，您很可能应该使用它。 courses/math/HS-ES-103/ courses/math/HS-ES-104/ etc... courses/english/HS-ES-113/ courses/english/HS-ES-114/ etc... courses/category/course-number/ssu/ courses/category/course-number/ssa/ courses/category/course-number/gau/ courses/category/course-number/gaa/ > dir courses/math/HS-ES-103/ courses/math/HS-ES-103/ssu/ courses/math/HS-ES-103/ssa/ courses/math/HS-ES-103/gau/ courses/math/HS-ES-103/gaa/ courses/math/HS-ES-103/info.txt (json/csv/xml etc.) > dir courses/math/HS-ES-103/ssu courses/math/HS-ES-103/ssu/HS-ES-103_ssu_1.pdf courses/math/HS-ES-103/ssu/HS-ES-103_ssu_2.pdf courses/math/HS-ES-103/ssu/HS-ES-103_ssu_3.pdf courses/math/HS-ES-103/ssu/HS-ES-103_ssu_4.pdf courses/math/HS-ES-103/ssu/HS-ES-103_ssu_5.pdf