UML Modeling Online UML modeling tool ProcessOn use

Summary :

-- recommended reasons : Recently from the Windows operating system to the MAC, is looking at design patterns and refactoring, can not find good UML tools, so on the internet to find an online use of the UML tools, used to find it well, recommend to everyone;

-- tool address : https://www.processon.com/;

I. UML usage process

1. Create a UML diagram

Create UML Diagram : Click the "+" button in the upper right corner of the homepage to create the page;

-- Create button :

-- Create a page :

-- Select template :

- Enter a file name and select public or private :

-- UML editing interface :

2. Introduction to the UML editing interface

(1) Menu bar Introduction

Menu Bar :

-- Documents :

-- editor :

-- View :

-- Insert :

-- page :

-- Arrange :

-- Help :

(2) Component Tray Introduction

Component Bar :

Two. UML Class diagram creation

UML class diagram in detail See blog : http://blog.csdn.net/shulianghan/article/details/17578603;

1. Introduction to UML class diagram elements

UML class diagram elements :

-- class :

-- Simple class :

-- Activity class :

-- Interface :

2. UML Class Diagram Relationship settings

(1) Class diagram relationship settings

Dependency Settings :

-- set the class connection :

--click the arrow to enter the arrow edit mode : After entering the arrow edit mode, there will be a red shadow;

-- Set the connection type :

-- Set the starting point :

-- Set the end point :

(2) Dependency settings

Set Dependency : Class A relies on Class B, that is, Class A uses class B;

-- Set the curve style :

-- Set the end point :

-- Final effect :

(3) Generalization relationship setting

Pan-China relationship : Class A is a subclass, class B is the parent class;

-- Set solid line :

-- Set the hollow arrow :

-- Set results :

(4) Association relationship settings

Association Relationship :

-- Set solid line :

-- Set the starting point :

-- Set the end point :

-- Set effect :

(5) Implement relationship settings

Solid line Relationship :

-- Set line style :

-- Set the end point :

-- Set effect :

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

UML Modeling Online UML modeling tool ProcessOn use