差分

このページの2つのバージョン間の差分を表示します。

--- eclipse:plant-uml [2021/02/11 11:38]
y2sunlight [Graphvizのテスト]
+++ eclipse:plant-uml [2021/02/11 22:16] (現在)
y2sunlight [EclipseでER図を作る]
@@ 行 1: / 行 1: @@
-> 編集中
+====== EclipseでPlantUMLを使いER図を作成する ======
------
-====== EclipseでPlantUMLを使う ======
 Eclipse Version 2019-12 \\
-PlantUML Plug-in Version X.X.X \\
+PlantUML Plug-in Version 1.2019.11 \\
 graphviz Version  2.46.0
@@ 行 18: / 行 14: @@
   * https://plantuml.com --- PlantUML(本家)
   * https://ja.wikipedia.org/wiki/PlantUML ---Wikipedia
+  * https://plantuml.com/ja/eclipse --- PlantUMLによるEclipseプラグインの紹介
 graphviz関連のリンク
@@ 行 36: / 行 33: @@
   * OfficeSuite 拡張機能 --- LibreOffice Writer, Microsoft Word
   * その他 --- Google Docs(PlantUML Gizmo), LaTeX(PGF/TikZパッケージ), MediaWiki(プラグイン)
+本編では、EclipseでPlantUMLを使ってER図を書くことに主眼を置いていますが、勿論、クラス図、シーケンス図などの他のダイアグラムを書くこともできます。
 -----
@@ 行 123: / 行 122: @@
 ===== Eclipseプラグインのインストール =====
+Eclipseを起動し、[ヘルプ][新規ソフトウェアのインストール]を選択します。
+[{{:eclipse:plant-uml:plant-uml-install10.png?nolink}}]
+■ [追加]ボタンをクリックします。
+[{{:eclipse:plant-uml:plant-uml-install11.png?nolink}}]
+■ リポジトリの名前とロケーションを入力して[追加]を押します。
+  * 名前 --- ''plantuml''
+  * ロケーション --- ''<nowiki>http://hallvard.github.io/plantuml/</nowiki>''
+[{{:eclipse:plant-uml:plant-uml-install12.png?nolink}}]
+■ 全ての項目を選択し、[次へ]を押します。
+  * ''PlantUML Eclipse support''
+  * ''PlantUML Library''
+以降は画面の指示に従ってインストールを完了して下さい。
+インストールが終了したら、メインメニューの[ウインドウ][設定]をクリックし、左ペインから[PlantUML]を選択します。
+[{{:eclipse:plant-uml:plant-uml-setup01.png?nolink}}]
+■ graphviz が正しく認識できていれば「**Installation seems OK. File generation OK**」と表示されます。graphviz をデフォルトフォルダ以外にインストールした場合は、ここで指定して下さい。
 \\
-===== Eclipseからの実行 =====
+===== EclipseでER図を作成 =====
+それでは、EclipseでER図を作ってみます。
+Eclipseで任意のプロジェクトを開き、以下のようなファイルを作ります。
+<code - sample1.txt>
+@startuml
+Entity01 }|..|| Entity02
+Entity03 }o..o| Entity04
+Entity05 ||--o{ Entity06
+Entity07 |o--|| Entity08
+@enduml
+</code>
+メインメニューの[ウィンドウ][ビューの表示][その他]をクリックし [PlantUML][PlantUML]を選択します。入力したPlantUMLのテキストをアクティブにすると[PlantUML]のビューにER図がプレビューされます。
+[{{:eclipse:plant-uml:plant-uml-usage01.png?nolink}}]
+■ [PlantUML]のビューの中でマウスを右クリックして[エクスポート]を選択するとファイル(svg/jpeg/png/gif)に出力する事ができます。
+以下は、もう少し複雑なER図の例です。
+<code - sample2.txt>
+@startuml
+' hide the spot
+hide circle
+' avoid problems with angled crows feet
+skinparam linetype ortho
+entity "Entity01" as e01 {
+  *e1_id : number <<generated>>
+  --
+  *name : text
+  description : text
+}
+entity "Entity02" as e02 {
+  *e2_id : number <<generated>>
+  --
+  *e1_id : number <<FK>>
+  other_details : text
+}
+entity "Entity03" as e03 {
+  *e3_id : number <<generated>>
+  --
+  e1_id : number <<FK>>
+  other_details : text
+}
+e01 ||..o{ e02
+e01 |o..o{ e03
+@enduml
+</code>
+[{{:eclipse:plant-uml:plant-uml-usage02.png?nolink}}]
+PlantUMLによるER図の書き方については、以下を参照して下さい：
+  * https://plantuml.com/ja/ie-diagram --- ER図の文法
+PlantUMLのER図は、クラス図の派生物的な扱いなので、クラス図に関する書き方がそのまま利用できます。
+  * https://plantuml.com/ja/class-diagram --- クラス図の文法
 \\

Ground Sunlight

ユーザ用ツール

サイト用ツール

差分

ページ用ツール