1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ZK Frameworkの環境構築の仕方

Last updated at Posted at 2019-11-02

ZK Frameworkを使用するための環境構築の仕方を書いていきます。

開発環境:
・eclipse version 4.13.0
・java8
・Tomcat8.0

引用元:
https://www.youtube.com/watch?v=HuzarS_adYI

[Help] → [Eclipse Marketplace] を開きます.
スクリーンショット (2).png

Searchタブの[Find:]で「zk studio」と検索します.
「zk studio」が出てきたら[Install]を押下.
スクリーンショット (3).png

ライセンス確認画面が出るので、
[I accept the terms of the license agreement]にチェックを入れて[Finish]ボタンを押下.
スクリーンショット (4).png

Security Warningのポップが出ますが、[Install anyway]ボタンを押下.
スクリーンショット (5).png

再起動についてのポップが出るので、[Restart Now]ボタンを押下.
スクリーンショット (6).png

再起動するとインストールが完了し、ZKのトップページが表示されます.
※※インストール途中にSign inのポップが出ますので、その時に任意のUserNameとPasswordを入力してください.
スクリーンショット (8).png

zkのプロジェクトが作成できるようになっています.
スクリーンショット (9).png
スクリーンショット (10).png

ZUL Paletteの表示手順
スクリーンショット (11).png
スクリーンショット (12).png

Hello Worldプログラムの作成.
WebContent直下にzulファイルを作成し、実行します.
スクリーンショット (13).png

実行結果
スクリーンショット (19).png

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?