如何为脱机网站创建搜索和筛选框

Question

我想为我的网站实现一个搜索和过滤器框，我正在制作一个完全脱机的Android应用程序。

我有15-20个html页面，每个页面都包含产品说明。考虑产品是1.html中的A，B和C以及2.html中的D，E和F以及高达15 html

在A标题下有A项的描述，B和C的描述相同

＆＃13;

＆＃13;

<h1 style="text-align: center;">A</h1>
<p>&nbsp;</p>
<p>This option defines how much topic information the software should gather before generating your essay, a higher value generally means better essay but could also take more time. You should increase this value if the generated article is under the word limit.</p>
<p>&nbsp;</p>
<h1 style="text-align: center;">B</h1>
<p>&nbsp;</p>
<p>This option defines how much topic information the software should gather before generating your essay, a higher value generally means better essay but could also take more time. You should increase this value if the generated article is under the word limit.</p>
<p>&nbsp;</p>
<h1 style="text-align: center;">C</h1>
<p>&nbsp;</p>
<p>This option defines how much topic information the software should gather before generating your essay, a higher value generally means better essay but could also take more time. You should increase this value if the generated article is under the word limit.</p>

＆＃13;

＆＃13;

＆＃13;

我想在家庭html页面中添加一个过滤器和搜索框，其中有3个类别可供选择

1）项目     在下拉列表中，将为A，B，C，D，E等提供选项，即标题元素。

2）价格：    是10-20 $，20-30 $等等

3）类别 这将是水果，蔬菜或其他。

并基于3个过滤器（或两个或一个，如果他们没有选择任何其他过滤器）将向用户显示结果，而不是通过所有html页面......

有可能吗？ 提前致谢。 我的想法是给一个＆＃34; Id＆＃34;每个标题包含类别，价格和项目...并在3个元素的基础上进行搜索..但我不知道它是否会起作用。

Answer 1

选项1：您需要的是一个本地数据库，用于存储您要搜索的记录。

https://developer.android.com/guide/topics/data/data-storage.html

选项2：将页面的详细信息放在数组或对象中 并通过循环动态显示它。 有了这个，你就不需要为每个产品提供多个html页面。你只需要一个。动态读取数组/对象

选项3：如果您无法重新构建代码。我建议你去研究一下。 web / html抓取。或者使用javascript，根据搜索查询值解析你的html文件的特定元素。

Answer 2

您需要将项目保存在数据集中以进行搜索/过滤。 如果您使用数据库来存储数据，这将变得更容易，更快速和可扩展。根据用户选择，调用数据库查询以选择与用户首选项匹配的相关数据。

Answer 3

这确实是可能的，但几乎肯定是一个坏主意。

您可以包含一个包含所有产品信息的json文件，并将其用作一个巨大的视图模型。如果您的库存非常大，那么从客户端设备中可能会有太多期望。如果您对此有具体问题，我将很乐意回答。

但是，我从来不知道企业会将库存和定价保持一致非常长。您是否会要求客户每次更改时都更新应用程序？没有人提供技术支持会告诉你这是一个好主意。

有一种解决方案可以随意向用户发送友好的UI，同时更新数据。那是一个Web服务器。这是一个连接设备的项目。

根据具体情况，您可以保留一组本地设备。在这种情况下，您不需要应用商店。