? ?首先打開Eclipse，點擊File > New > Worklight Project（如果沒有 Worklight Project，請選擇 File > New > Other > Worklight Project），這樣就打開新建項目的界面了，如圖：

項目命名為FirstProject,其他的都是默認，點擊Next,接下來填寫應用程序的名字以及選擇要加載的JavaScript庫。如圖：

項目的名字填寫HelloWorld，下面的JavaScript庫的選擇我們就先不選擇，以后手動的添加。然后點擊Finish，就完成了第一個Project的創建，同時第一個應用程序HelloWorld也創建完成了。如圖Eclipse中項目的結構：

這些都是Worklight自動生成的文件結構。其中apps下的common文件夾是放置創建應用程序所需的所有文件的地方，其中包括 HTML、JavaScript和 CSS 文件。到這里項目和應用程序就創建完成了。

? ?接下來是服務器的啟動，如果想測試你的應用程序就必須有一個Worklight服務器，這里會有一個本地的服務器，我們可以測試創建的應用程序。

右鍵單擊項目中的common文件夾 > Run As > Build All and Deploy 如圖：

然后可以看到控制臺打印出成功信息。

現在就可以打開瀏覽器訪問本地服務器的控制臺了。訪問地址：http://localhost:10080/FirstProject/console/

如圖：

這里我們就可以看到我們的應用程序HellWorld了。

? ?接下來我們開發我的們HelloWorld程序：

首先選擇JavaScript庫，剛才我們創建項目的時候跳過了這一步，現在手動選擇。這里我們使用的是JQuery mobile。也可以選擇使用 Dojo mobile 或 Sencha Touch 這樣的庫。此外，您還可以使用純 JavaScript 進行開發，重頭開始創建您的應用程序。

需要下載的東西有JQuery和JQuery Mobile，我使用的JQuery是jquery-1.7.2.min.js JQuery Mobile是

jquery.mobile-1.3.2。

下載好之后，將以下文件放到common/js文件夾下

jquery-1.7.2.min.js

jquery.mobile-1.3.2.min.js

將以下文件和文件夾放到common/css文件夾下

jquery.mobile-1.3.2.css

jquery.mobile.structure-1.3.2.min.css

jquery.mobile-1.3.2/p_w_picpaths

文件添加完成后開始在HelloWorld.html文件中引用JQuery庫

如圖：

接下來添加模板代碼，也就是JQueryMobile官方提供的文檔代碼

<div data-role="page"><div data-role="header"><h1>Page Title</h1></div><!-- /header --><div data-role="content"><p>Page content goes here.</p></div><!-- /content --><div data-role="footer"><h4>Page Footer</h4></div><!-- /footer --> </div><!-- /page -->

這是一個簡單的頁面示例，放到body中，如圖：

這樣一個簡單的應用程序就完成了。接下來就是將部署到模擬器上或者真實的手機上。

搭建特定設備的環境：

右鍵單擊FirstProject > new > Worklight Environment

我選擇的是android，點擊finish之后會有HelloWorld目錄下面會出現android目錄。

這個就是你的android應用程序。（官方說明：Worklight 是使用名為 common 的文件夾中的通用源文件（HTML、CSS 和 JavaScript）以及各自目錄中的特定于平臺的文件（android 適用于 Android 文件，iphone 適用于 iPhone 文件，以此類推）來構造的。例如，由于 iOS 和 Android 構建將使用 JQuery，所以文件 jquery.js 位于 common/jquery.js 中。如果您擁有一些特定于 iOS 的代碼，則 JavaScript 代碼將位于 ios-plugin.js 中，并將放入 iphone/js/iso-plugin.js 中而非 commonjs/iso-plugin.js 中。Worklight 將確保同步每個特定設備環境中的通用文件。）

在準備好部署源代碼后，只需右鍵單擊 Android 應用程序并選擇 在準備好部署源代碼后，只需右鍵單擊 Android 應用程序并選擇 Run as... > Build All and Deploy

接下來，請右鍵單擊該項目并選擇 Run as.. > Android Application

然后就是在虛擬機上測試你的應用了。

今天就到這里了。

轉載于:https://blog.51cto.com/dachengxi/1286362

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Worklight学习-第一个Worlight项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。