IBM Worklight 6.0 - 内容根目录和本地 Worklight 服务器设置答案

【问题标题】：IBM Worklight 6.0 - content root and local worklight server set-upIBM Worklight 6.0 - 内容根目录和本地 Worklight 服务器设置
【发布时间】：2013-10-06 01:16:31
【问题描述】：

我正在自学 Worklight。我遵循了 IBM (http://www.ibm.com/developerworks/mobile/worklight/getting-started.html) 提供的入门指南。

上述站点中的示例使用相对路径链接到页面或获取图像。是否可以在每个链接前面放置 /（正斜杠）以使其相对于根文件夹？如果可能，如何配置我的本地 Worklight 服务器以使链接和图像在应用程序上正常工作？

我在 /common/ 目录中将应用程序设置为以下目录结构。许多页面在页面上加载共享标题和菜单。当我使用 <a href="/app-pages/page1.html">' 或 <img src="/images/ImageName.png"> 时，这会导致 404. Not Found - http://localhost:10080/images/ImageName.png

home.html
/app-pages/page1.html
/app-pages/page2.html
/app-pages/sub-cat/pageA.html
/app-pages/sub-cat/pageB.html
/shared/header.html
/shared/menu.html
/图片
/css/
/js/
/jqueryMobile

仅供参考，我的开发环境如下。

Windows 7
Eclipse 朱诺
Worklight 6.0

【问题讨论】：

你能改写这个问题，让它提到实际问题吗？你想在你的应用中做什么但不起作用？
我已经编辑了问题。

标签： ibm-mobilefirst worklight-studio

【解决方案1】：

在名为“test”的新 Worklight 应用程序中，在公共文件夹下，您将具有以下层次结构：

CSS
图片
js
test.html

在 test.html 中，如果我要添加 <src="images/icon.png"/>，那么一旦预览应用程序，就会显示位于 images 文件夹中的 icon.png 图像：

我看到您还尝试在您的应用中使用多个页面。请务必阅读Building a multi-page application 培训模块。

【讨论】：

谢谢伊丹。是的，我确实经历了多页应用培训。我想使用 .loadPage() 而不仅仅是第一页的 data-rol="content" 中的内容，以便设备后退按钮起作用。我还想只使用一个可以全局用于导航的 js 文件，而不是为每个页面创建页面特定的 JS 文件。看起来唯一的解决方案是将所有 html 文件放在同一个文件夹中，并将 changePage() 放在第一页中以移动到 app-pages 目录，以便始终使用相同的相对路径。感谢您的评论。
当然。如果我的回答对您有帮助，请将其标记为已回答。