wicket で
wicket stuff に
Example の 起動方法
見つけたは
Examapleを
My環境では
1. wicket core を git cloneする
wicket core を
git clone https://github.com/wicketstuff/core.git
2. ディレクトリ移動
cd ./core/dashboard-parent/dashboard-examples
3. デプロイ
core/dashboard-parent at master · wicketstuff/core に、
記載が
mvn install mvn jetty:run
mvn install
を実行した
Downloaded: https://repo.maven.apache.org/maven2/org/apache/maven/maven-artifact/2.2.1/maven-artifact-2.2.1.jar (79 KB at 32.5 KB/sec) Downloaded: https://repo.maven.apache.org/maven2/org/apache/maven/maven-project/2.2.1/maven-project-2.2.1.jar (153 KB at 51.6 KB/sec) [INFO] Required toolchain: jdk [ version='1.8' ] [ERROR] No toolchain found for type jdk [ERROR] Cannot find matching toolchain definitions for the following toolchain types: jdk [ version='1.8' ] [INFO] ------------------------------------------------------------------------ [INFO] BUILD FAILURE [INFO] ------------------------------------------------------------------------ [INFO] Total time: 03:07 min [INFO] Finished at: 2016-11-08T21:27:17+09:00 [INFO] Final Memory: 17M/66M [INFO] ------------------------------------------------------------------------ [ERROR] Failed to execute goal org.apache.maven.plugins:maven-toolchains-plugin:1.1:toolchain (default) on project wicketstuff-dashboard-examples: Cannot find matching toolchain definitions for the following toolchain types: [ERROR] jdk [ version='1.8' ] [ERROR] Please make sure you define the required toolchains in your ~/.m2/toolchains.xml file. [ERROR] -> [Help 1] [ERROR] [ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch. [ERROR] Re-run Maven using the -X switch to enable full debug logging. [ERROR] [ERROR] For more information about the errors and possible solutions, please read the following articles: [ERROR] [Help 1] http://cwiki.apache.org/confluence/display/MAVEN/MojoFailureException
見たことない
と
Toolchains - Maven - Apache Software Foundation を
以下のような
${your jdk path}
には、
jdk の
- ~/.m2/toolchains.xml
<toolchains> <toolchain> <type>jdk</type> <provides> <version>1.8</version> <vendor>sun</vendor> <id>1.8</id> </provides> <configuration> <jdkHome>${your jdk path}</jdkHome> </configuration> </toolchain> </toolchains>
上記ファイル作成後に、
再度、mvn install
を
[INFO] ------------------------------------------------------------------------ [INFO] BUILD SUCCESS [INFO] ------------------------------------------------------------------------
で成功しました。
後は、
cd demo mvn jetty:run
DEVELOPMENT
モードで
******************************************************************** *** WARNING: Wicket is running in DEVELOPMENT mode. *** *** ^^^^^^^^^^^ *** *** Do NOT deploy to your live server(s) without changing this. *** *** See Application#getConfigurationType() for more information. *** ********************************************************************
Example を いじる
1. 画面起動
http://127.0.0.1:8081/
に
以下の
何も
それを
2. Widget の 選択画面
遷移先では、
選択できるのは
LoremIpsum
Text を表示する Widgetです。 Chart (OpenFlashChart) Flash で
グラフを 描画する OpenFlashChart と いう ライブラリを 使った Widget です。
後述しますが、Chrome で 表示した ところ デフォルトでは 使えませんでした。
ライブラリ自体の 使い方は、 以下の 記事が 参考に なります。
Open Flash Chartを使ってみました : アシアルブログ Chart (JqPlot) JQuery plugin と
して 提供されている グラフライブライリを 使った Widgetです。
ライブラリ自体の 使い方は、 以下の 記事が 参考に なりました。
jqPlot - jQuery プラグインJustGage 半円の
グラフを 出力できる Widget これだけで、
サーバー監視するのも良いかもしれません。 映画の ハッカーみたいな デザインを 再現 JustGage HighCharts wicketstuff-googlecharts を
使った widget です。
ライブラリ自体の 使い方は、 以下の 記事が 参考に なります。
wicketstuff-googlechartsを試してみる - Qiita
3. Widget を いろいろ 表示してみる
2.に
4. OpenFlashChart が Chrome の デフォルト設定だと 表示されないので、 表示させようと したが、 表示されない。。
Chrome で
blog.rettuce.com » Chromeの
を
以下の
Chrome で
一旦諦めます。
5. Widgetの 機能に ついての 説明
Widget の
左から
ウィンドウアイコン
別ウィンドウで、グラフが 開きます。 更新 グラフが
更新されます。 鉛筆マーク グラフの
出力形式を 変更できます。
中身の実装は 自前で やる 形に なります。 クリックすると、
以下、プルダウンが 表示されgraphの 選択が 出来ます。 Xマーク Widget を
削除できます。
6. 感想
HighCharts と、
JustGage は いい 感じに 思います。 Jqplot も 描画は できる。 OpenFlashChart は
動かない。。と いう ことで、 使わない。 nvd3 や、
chart.js グラフを 描画できるようにしたい。
とか考えました。
実装の
実装に
以上です。
コメント