【问题标题】:How best to make a web app with multiple pages?如何最好地制作具有多个页面的 Web 应用程序?
【发布时间】:2012-03-19 09:54:23
【问题描述】:

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

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

另外(准备好回答一个可能是初学者提出的极其愚蠢的问题):

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

谢谢。

哦,顺便说一句,我正在使用 phonegap 插件的东西在 Xcode 中工作....我正在尝试让它在 iphone 上运行,然后再转到 android。

【问题讨论】:

    标签: html ios web-applications cordova web


    【解决方案1】:

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

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

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

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

    【讨论】:

      【解决方案2】:

      在典型的网络应用程序中,大多数时候您只需要创建一个链接,就像您在网站上创建一个链接一样。此外,可以通过本地环境(研究 Mamp/ 或 Wamp)开发 Web 应用程序,具体取决于您的应用程序所需的依赖项。

      【讨论】:

        猜你喜欢
        • 2013-03-27
        • 2020-08-29
        • 2011-12-07
        • 1970-01-01
        • 1970-01-01
        • 2020-02-22
        • 2017-09-04
        • 2011-01-29
        • 2011-04-02
        相关资源
        最近更新 更多