Palm應用開發之二從Helloworld開始學習Palm開發

http://www.cnblogs.com/vaiyanzi/archive/2010/04/10/1708962.html

 

本系列目錄:

  1. Palm Web OS 簡介
  2. Palm 應用開發之一開發環境搭建

學習任何一種開發語言或者編程工具都是從經典的"helloworld"開始,學習Palm WebOS平臺的編程也不例外,首先也從helloworld開始。

本文主要介紹:

  • 如何創建一個Helloworld程序
  • Palm應用開發的中的幾個主要文件的介紹
  1. 使用Eclipse創建第一個Palm webOS 應用Helloworld

    打開我上一篇介紹的成功安裝了開發Palm WebOS 插件的Eclips開發環境,打開"File->New->Mojo Application" 彈出新建應用程序的對話框"New Mojo Appliction",如下圖:

    輸入項目名稱helloworld,

    再輸入項目的其它相關信息如:

    標題(Title):helloworld,

    開發者(vendor):xsl,

    應用ID(Id):com.xsl.helloworld,

    應用版本(version):1.0.0.

    然後點擊"Finish"完成新建項目。

2.Palm應用中的文檔結構以及幾個主要文件的介紹

創建完成項目後我們可以看到如下文檔結構:

    

這個結構中有三個文件夾分別是:app,images,stylessheets,這幾個文件是創建項目時自動創建的,images文件夾主要存放一些項目中要用到的圖片資源,app中有兩個文件夾Assistants和views這兩個文件中存儲的是項目中的主要文件,其中assistants中存放的是Controller,全部是js文件,views文件夾存儲的是所有的view文件,全部是html文件,views中的所有文件都受assistants中的controller控制,這裏的文件分佈正好和MVC模式對應,當然我們還可以在app中創建一個models文件來存儲應用中的Model,一般只有應用程序複雜的時候纔會創建model,否則model會合併到controller中。這三個文件夾也是Mojo框架的MVC模式的主要體現。Stylesheets文件夾中存放的是項目中要用到的css文件。

除了上面介紹的幾個文件夾外,根目錄中還有幾個重要的文件:appinfo.json,icon.png,index.html,sources.json。icon.png是項目的圖標文件,appinfo.json 是項目的配置文件和asp.net 中的web.config相似,不過appinfo.json的信息就簡單的多,只有簡單的幾行信息:

{

    "id": "com.xsl.helloworld",

    "version": "1.0.0",

    "vendor": "xsl",

    "type": "web",

    "main": "index.html",

    "title": "helloworld",

    "icon": "icon.png"

}

以上的信息是系創建一個項目時的默認的信息,這裏的信息中創建項目時所填寫的信息,這些信息都是可以改寫的,關於這個配置文件在後面我會用用一篇文章來詳細介紹。Sources.json文件是一個資源應用的存儲文件,比如說整個項目中的所的js文件都配置在這個文件中,編譯後項目運行時會自動的到這個文件中的所有資源文件引用到各個頁面中去。這樣在每個view中不用在一一引用這些js文件,sources.json中的默認信息:

[

{

"source": "app/assistants/stage-assistant.js"

}

j

如果再創建文件js文件就要手動在這裏配置,比如在項目中創建了一個文件AjaxService.js,那麼就要在sources.json中配置如下:

[

{

"source": "app/assistants/stage-assistant.js"

},

{

    "source": "app/AjaxService.js"

}

]

index.html 文件是項目啓動的入口和Windows程序中的program.cs 的作用一樣,文件的內容如下:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <title>helloworld</title>

    <script src="/usr/palm/frameworks/mojo/mojo.js" type="text/javascript" x-mojo-version="1" />

    

    <link href="stylesheets/helloworld.css" media="screen" rel="stylesheet" type="text/css" />

</head>

<body>

    <h2>這是我的第一個webos程序helloword</h2>

    <p>

    helloword

    </p>

</body>

</html>

這是一個標準的html文件,在這個問文件中有兩條資源引用語句:

<script src="/usr/palm/frameworks/mojo/mojo.js" type="text/javascript" x-mojo-version="1" />

這條語句引用的是Mojo的框架庫

<link href="stylesheets/helloworld.css" media="screen" rel="stylesheet" type="text/css" />

這條語句引用了項目中要用到的css,這些資源文件只需要在這個文件中引用一次就可以了,不用在每個viewhtml文件中都引用

下面body標籤中是主體內容,在這裏我們寫上:<body>

    <h2>這是我的第一個webos程序helloword</h2>

    <p>

    helloword

    </p>

</body>

 

下面打開虛擬機啓動模擬器,選擇Eclipse工具欄的debug按鈕啓動,在模擬器中顯示如下圖:

好了第一palm webos應用就完成了,是不是很簡單?下面的文章我將詳細的介紹Palm開發的其它方面的知識


作者:藍之風
出處:http://www.cnblogs.com/vaiyanzi/
本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章