html - 如何最好地制作具有多个页面的 Web 应用程序？

Question

我正在尝试使用 PhoneGap 制作一个多平台离线 webapp。我知道我的 html 和 css，但我对 JavaScript 的全部功能并不完全熟悉，而且我以前从未制作过 webapp，更不用说尝试使用 phonegap 来授权它了。

现在，我有 phonegap 为您设置的主要 index.html，但现在我不确定如何进行。如果我想要一个按钮将用户从主页带到另一个页面，我应该制作第二个 html 文件并在它们之间进行字面链接，还是比这复杂得多？

另外(准备好迎接一个来自初学者的可能非常愚蠢的问题):

网络应用程序必须在线吗？我真的不清楚它们是否像需要托管在服务器上的普通网站一样运行，或者它们是否可以像普通的原生应用程序一样打包和下载。请帮忙!

谢谢。

哦，顺便说一句，我正在使用phonegap插件的东西在Xcode中工作......在我转向android之前，我正试图让它在iphone上运行。

Answer 1

虽然当时其他答案对我有所帮助，但我想我会在五年后的现在为我自己的第一个 StackOverflow 问题添加一个更完整的答案。

首先，“网络应用程序”在技术意义上与“网站”相同，是的，它们必须托管在服务器上才能通过浏览器访问......就像每个网站一样。唯一的区别是 Web 应用程序通常是一种更加动态和复杂的网站，涉及 JavaScript 和 AJAX。调用像 this one 这样的简单网站会产生误导。一个“网络应用程序”，而 Facebook 绝对是一个网络应用程序。基本上所有的网络应用程序都是网站，但并非所有的网站都完全是网络应用程序。

但是，如果您希望它可以通过浏览器在任何地方通过 http 访问，则只需“在线”即可。 .如果您像我当时一样制作 Cordova 应用程序，那无关紧要。如果您只想在本地运行应用程序，您可以使用本地服务器，如 Python 的 SimpleHTTPServer。或 webpack 提供的一个，或任何其他替代方案，包括您从头开始编写的服务器。

至于关于拥有多个页面的主要问题，是的 anchor 元素，如 <a href="www.google.com">my link</a>是连接页面的标准方式。要在您自己的页面之间进行链接，您将拥有多个 .html 文件，并且您将创建一个带有类似 href="myOtherPage.html" 的 href 的链接。 ，其中该文件包含在与链接到它的页面的文件相同的目录中。或者，您可以设置一个单页应用程序，其中 JavaScript 加载新页面内容而不使用 anchor 元素——在这种情况下，不需要多个 .html 文件。像 Angular 和 React 这样的框架有助于实现这一点，但这绝不是必要的。