在多个页面上搜索HTML表



你好,堆栈溢出社区!

我正在为一个使用HTML表的游戏制作一个包含数千个自定义mod的目录。当我开始这个项目时,我认为一个HTML页面会很慢,但对于我期望的大约4k个文件来说已经足够了。随着我的进步,我意识到这些表中需要数以万计的文件,并让用户进行搜索,找到他们缺少的内容,以加载新的场景。每个条目大约有20个文本条目和一个小图像(约3KB(。我只需要能够搜索一列。我想在我的网站上把表格分为几个页面,以帮助加载速度和改善整体组织。但是,用户必须导航到每个页面,并在那里进行搜索。这可能需要一段时间,而且非常麻烦
我不擅长网站编程。有人能建议用户从一个位置搜索多个网页和表格的方法吗?理想情况下,这将跳转到新网页上表格中的位置,或者像浏览器的搜索功能一样突出显示条目。

您可以在此处查看我的当前设置:https://www.loco-dat-directory.site/

希望有人能给我指明正确的方向,因为我现在很困惑:-(

这将是我的步骤,将我的所有信息复制到excel Spreadsheet中,然后将其转换为json,然后使其成为javascript的数组(myarray(,然后可以创建一个输入字段,然后单击if语句if input==myarray[0]。propertyName

如果你想要的不仅仅是精确匹配,你需要https://lodash.com/在您的项目中。

破解解决方案

有一个名为TableCapture的浏览器工具,可以从html表中捕获数据并加载到excel/电子表格中——在这里,你基本上是听从电子表格软件来管理搜索。

你必须看看是否:

  1. 这种类型的工具可以解决您的问题-也许您可以手动提取每个HTML页面的内容,然后将这些页面合并到一个具有多个";片材";,然后让人们下载";电子表格";从您的网站
  2. 如果你不承担上面的劳动,只是告诉其他人去做,那么你就必须看看你是否能教人们如何自己进行搜索和使用这种方法。例如";下载这个插件,在这些页面上使用它,搜索">

为什么你的问题很难回答

人们很难在stackoverflow.com(通常是代码解决方案(中回答你的原因是,你需要一个比硬编码表和html/css/javascript更复杂的解决方案(在我看来(。

这种情况正是人们使用数据库API接受信息请求("term": "something"(并传递响应("results": [...](的原因。

感谢大家的宝贵建议。我不知道大多数潜在的解决方案都存在,很高兴看到其他人是如何解决类似范围的问题的。我决定使用DataTables进行内置排序和筛选:https://datatables.net/我还将在主页上使用一个带有输入字段的javascript数组,允许用户搜索他们的mod所在的包。这将使他们在我的网站上找到单独的页面,每个页面都有一个mod包的唯一数据表。单独的页面加载速度要比一个巨大的页面显示所有内容快得多。

最新更新