带导航的局部视图向导

Question

查了很多东西，但以前从未发布过。这是我的情况。任何帮助将不胜感激。

我有一个带有许多屏幕的向导，带有一个使用 CSS 制作的相关导航栏。当用户从一个屏幕点击到另一个屏幕时，导航会反映用户当前所在的向导页面。每个屏幕都有不同的输入要收集。在每个页面的渲染和提交过程中都需要进行数据库读取和写入。

这就是问题所在。并非每一页都是必需的。导航中只显示需要的页面，需要的信息存储在数据库中。

我的目标是通过将导航和剩余输入分成两个单独的部分来减少数据库查询的数量。这样我就不必在每个屏幕之间呈现导航，从而消除每次屏幕之间的单个查询。

如何提交当前屏幕的表单，渲染下一个屏幕的局部视图，同时更新查询字符串以反映当前的局部视图？这样，如果用户刷新页面，他们将获得当前屏幕。

Answer 1

听起来像是预优化。你怎么知道你的导航会因为数据库而出现问题？

为什么不把你的导航和output cache it分开呢？

如果您确定要在不更改内容的情况下更改 url，您需要使用 History API，如果您需要对不支持的浏览器进行回退，您可以使用 history.js。