2015年8月4日 星期二

vaadin學習

vaadin應該是應該是基於GWT上的一個開發框架,
由芬蘭某公司所維護,
如果不使用特殊插件,在Apache-2.0的授權下,
均可免費使用,
我目前用的開發環境是Ecplise 4.4 JavaEE,
安裝插件比較不會出問題,
大陸人有翻譯他的電子書,Vaadin之书,
可從官網下載或線上觀看,
 https://vaadin.com/book/zh/-/page/index.html,
他可以使用Tomcat作為Java伺服器,
除錯工具可以使用Firefox+Firebug的組合,
目前我是使用Google Chrome,


Vaadin 带有很多 JAR 库文件, 有些库文件是可选的, 有些是可以相互替代的, 具体情况取决于你开 发的是服务器端还是客户端应用程序, 取决于你是否使用了 add-on 组件, 也取决于你使用 CSS 还 是 Sass theme.


Vaadin Plugin for Eclipse 依赖于 Apache IvyDE plugin, 因此在安装 Vaadin plugin之前需要手动
安装 Apache IvyDE plugin



http://www.apache.org/dist/ant/ivyde/updatesite

Apache IvyDE Resolve Visualizer 是可选的, 如果选择安装它, 会导致其他一些被依赖 的插件也被安装进来.

添加 Vaadin plugin 更新站点

http://vaadin.com/eclipse.
(這裏如果最新的Eclipse會一直安裝失敗,直到我使用4.4版的就OK)

另外為了要使用行動裝置,想安裝Vaadin TouchKit
https://vaadin.com/add-ons/touchkit

The easiest way to build Java applications for iOS, Android and Windows Phone. Add support for smartphones and tablets in days instead of months with the tools you are already using.

This add-on is available under two licenses: AGPL and CVAL. If your project is compatible with AGPL, you can use the add-on for free; otherwise you must acquire a sufficient number of CVAL licenses before the 30-day trial period ends. For more info, click the license links in the summary above.

依據不同授權,可能需要付費購買,如CVAL,費用是以開發者來計算,每人590美金

我使用的安裝方式是根據電子書第20章第3.1節的方式,以 Ivy 依赖项方式安装,
将以下声明加入到 ivy.xml 文件的 dependencies 小节中
<dependency org="com.vaadin.addon"
                     name="vaadin-touchkit-agpl"
rev="latest.release" conf="default->default" />

其中latest.release依據目前最新的版本號,可直接到官網查詢,官網也直接給出上面的聲明,
官網有一個Parking的範例,電子書裡面有導入的步驟,但是其中一個我一直卡關,
因此在這邊給出我的處理方式,

1. 选择菜单项 File → Import
2. 选择 Maven → Check out Maven Project from SCM, 然后单击 Next 按钮.
3. 在 Eclipse 中需要使用源代码管理工具 EGit 来访问 Git 源代码库, 如果你没有安装过, 那 么需要安装它. 如果 Git 没有出现在你的 Eclipse 源代码管理工具列表中, 请点击 m2e marketplace, 选择 EGit, 然后点击 Finish.安装完毕后需要重启 Eclipse, 并重新执行前 面说的 import 步骤.

(需要先把EGit裝好)

4. 在 SCM URL 项目中, 选择 git, 并输入源代码库的 URL https://github.com/vaadin/parking-demo.
5. 点击 Finish 按钮.
6. 编译 widget set, 方法是点击 Eclipse 工具条上的 Compile Widgetset 按钮, 或者使用
Maven 运行 vaadin:compile 目标.

(在這裏我卡關了,一直出現無法編譯的錯誤,根據我的判斷,
可能導入的範例應該是Maven的,要用他的編譯方式,
參考官網的視頻第56秒左右,Vaadin TouchKit 2.0 demo,https://www.youtube.com/watch?v=8RyLkTs9tIU
最後改用另一種方式,於專案右鍵選單中,Run As -> Maven install,就會開始編譯,
之後就可以跑起來了)

沒有留言:

張貼留言