在Eclipse中安装和使用UML制图插件

本文将介绍如何安装和使用UML制图插件: AmaterasUML ,AmaterasModeler 和 PlantUML 。

        AmaterasModeler 是 AmaterasUML 的升级版,2012年之前是AmaterasUML ,时隔五年,2017年进行了一次升级 AmaterasModeler ,详情请看github地址:https://github.com/takezoe/amateras-modeler

        PlantUML 是编程式制图工具。 软件要求: Java : 是运行PlantUML的必需条件, 请在您的环境中安装Java; graphviz-dot: 可选的, 但是建议安装 (如果想绘制 除 时序图和活动图以外的图, 就需要安装 Graphviz 软件)。

下面开始安装教程:

        AmaterasUML插件需要 图形化框架-GEF 支持。这里简要介绍一下,GEF现如今是Eclipse的一个开源工具项目,常用的脑图工具Xmind也是通过GEF实现了其部分功能。

        现如今Eclipse大量内置插件都引用了GEF,所以可以跳过GEF的安装,如何安装下面也有说明。

        a8a68084c0ecc2c30eef38f2c4882d72054.jpg

一、GEF的安装方法如下图所示:

    1.选择在线安装

        插件地址:http://download.eclipse.org/tools/gef/updates/releases

        0fd624c3c79e08b8a2f1fce66d001eb164e.jpg

    2. 在地址栏输入插件地址,如果不需要进行GEF开发,中间的插件项只需勾选 GEF MVC 即可,下面的检查插件更新选项可以不选提高速度,直接Next,Finish一路安装下去即可。

        70ac1ced262ad4c751c6208ad95747e4b49.jpg

 

二、接着开始安装AmaterasUML(此项只是介绍了旧版怎么安装,推荐安装 AmaterasModeler ):

    1. AmaterasUML的插件地址如下,将地址贴到迅雷或者浏览器,进行下载。

        http://sourceforge.jp/projects/amateras/downloads/56447/AmaterasUML_1.3.4.zip

    2. 进入Eclipse的安装根目录,找到dropins文件夹,将AmaterasUML_1.3.4解压缩并放进这个文件夹里。

        055b866ffb85f061d922b9c993e6d003d17.jpg

      3. 进入AmaterasUML_1.3.4文件夹目录,我们可以看到下图的内容,但是当前的目录结构并不符合Eclipse的扩展规范,我们在当前目录创建一个plugins文件夹,然后将图中的3个jar包丢进去即可。

        2ee63edebd8bcfb5f34930616e08afbc23b.jpg     

        4e0b078547bde53136b72da72dc691c80c1.jpg


     4. 重启Eclipse之后,右键工程选择New-Other,就可以看到AmaterasUML选项。

       449fc16f9f59d296a1167891b07ddda8957.jpg

    5. 创建UML文件,将左边的类拖到视图中即可将类引入进视图,有继承关系的类会默认连上线。

        类图:

        4ad79d21488af12c661d75308b1f141ba65.jpg

    时序图:

        b71c8aef86e00857c2396d272ba16f3aca0.jpg

 

  三、AmaterasModeler 的安装

        1. 安装方式和GEF的在线安装方式一样,贴上github的插件地址即可:https://takezoe.github.io/amateras-update-site/ 

            c1fec0d1852771834fac46ef208b018b0e1.jpg

        2. 安装后的如下图所示,处理基础UML图之外,还有E-R图 和 前端开发的助手提示

          9d00921dc99d7b0d78f0389d8da081f5df5.jpg

    3. E-R图的使用

        创建文件夹时记得选择数据库类型,当然创建文件后也可以在编辑页面右键修改的。

        9979a6a38ced7097aec2713e1d4b5b806c1.jpg

        点击next下一步配置数据库信息  ,JDBC可以去maven的本地仓库里找。

        194d6b6c7ada118ee8bd218c954e360311a.jpg

        进入到E-R图界面后,我们可以从数据库引入表。

        178c85b0e835737147b5cf59a5293b29eb7.jpg

        我们可以同时选中多张表引入其基本信息。

        2b7566430f81ce738f449c84936295ee6be.jpg

        我们可以双击关系线来修改绑定的字段。

        7ae5ca9571356d6a2e63d8533fba326731a.jpg

    5. 前端Editor的简单对比。

        怎么切换Editor?右键文件OpenWith。

        Eclipse默认的 JSP Editor:

        83437c9b7759ec851455a6f5d5033e9d85e.jpg

        Amateras 的 JSP Editor :

        e014bfc289575bbba80168be6d341b6dfaa.jpg

 

四、PlantUML插件 ,复杂的制图需要graphviz,支持编程式绘制UML图。

 官网地址:http://plantuml.com/zh/index

    官网的Demo:

     09ede8139a6733f41a7e8658682e972bda3.jpg

1.  在线安装插件地址:http://plantuml.sourceforge.net/updatesite/

a565c4c71ba34ca1750edb1ef9233891e55.jpg

2.安装之后在window->preference配置中会提示需要配置graphviz关联

c78a7da4b83040de3d8b62c003771a5201c.jpg

3.下载graphviz

   官网下载地址:https://graphviz.gitlab.io/_pages/Download/Download_windows.html

    Graphviz是开源的图形可视化软件。 图形可视化是一种将结构信息表示为图的抽象图形和网络。 具有重要应用网络、生物信息学、软件工程、数据库和web设计、机器学习和在视觉接口为其他技术领域。使用的是DOT脚本语言。

   由于我们只是PlantUML需要graphviz支持,我选择下载zip包。

    46f49bc995104272ffab5e194eee3d77118.jpg

4. 我在Eclipse根目录建立一个extends文件夹将zip解压到这里。

    75a1454c018cc5a9816f22cfce1c4591ffa.jpg

5. 回到Eclipse配置上PlantUML的关联,将执行器设置为graphviz的bin目录下的dot.exe,保存关闭。

    a32c0e065ea69545aa1bec29b4b36d2f523.jpg

6. 打开PlantUML视窗。

    dd3adf38b48274e0bf4a3ffdfad2900209d.jpg

    7a4accd04a878ef4104c54dcc107f871011.jpg

7. 双击打开一个类,我就可以在下面的视窗看到PlantUML自动生成的类图和类图源码。

    96c39aab5b7c8b1f1055a08087429245344.jpg

    

    909186f8085e65c721a10bfe2e9e2ee62fe.jpg

8. 我们还可以自己编写UML图,我在项目中创建了一个文本文件text, 编写了制图代码通过PlantUML生成了对应的UML图,右键图片是可以导出另存为的。

    aa9f46a277bfcbf8962ba388b8e4fe4483e.jpg 

     其他的官方生成示例:

    @startuml
    package "Some Group" {
      HTTP - [First Component]
      [Another Component]
    }
    node "Other Groups" {
      FTP - [Second Component]
      [First Component] --> FTP
    } 
    cloud {
      [Example 1]
    }
    database "MySql" {
      folder "This is my folder" {
        [Folder 3]
      }
      frame "Foo" {
        [Frame 4]
      }
    }
    [Another Component] --> [Example 1]
    [Example 1] --> [Folder 3]
    [Folder 3] --> [Frame 4]
    @enduml

    be29fe23f404a592e1cb32e86835ee87d6f.jpg

    @startuml
    skinparam class {
    BackgroundColor PaleGreen
    ArrowColor SeaGreen
    BorderColor SpringGreen
    }
    skinparam stereotypeCBackgroundColor YellowGreen
    Class01 "1" *-- "n" Class02 : contains
    Class03 o-- Class04 : aggregation
    @enduml

    5bb42a9905cee16ebb719b11df845e0aa94.jpg

跟多PlantUML的使用方法请参考之前给出的官网地址,或者是下面的官方指南:

英文版:

http://plantuml.com/PlantUML_Language_Reference_Guide.pdf

中文版:

http://s.plantuml.com/PlantUML_Language_Reference_Guide_ZH.pdf

单独使用PlantUML还可以使用单独编辑器:PlantUML_QEditor

转载于:https://my.oschina.net/u/3798688/blog/3007343

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值