Let's have few examples : Let's have few examples.
WARNING
This translation need to be updated.
WARNING
Компоненты
Обозначения компонентов должны быть заключены в квадратные скобки. Также можно использовать ключевое слово component для объявления компонента. Вы можете объявить алиас с помощью ключевого слова as. Этот алиас может быть использован позже, при объявлении связей.
@startuml
[First component]
[Another component] as Comp2
component Comp3
component [Last\ncomponent] as Comp4
@enduml
Интерфейсы
Для обозначения интерфейса используется символ () (потому что он выглядит как круг). Также возможно использование ключевого слова interface для объявления интерфейса. Вы можете объявить алиас с помощью ключевого слова as. Этот алиас может быть использован позднее, когда будут задаваться связи. Далее мы увидим, что задание интерфейсов опционально.
@startuml
() "First Interface"
() "Another interface" as Interf2
interface Interf3
interface "Last\ninterface" as Interf4
@enduml
Простой пример
Отношения между элементами создаются с помощью комбинации точечных линий (..), прямых линий (--) и стрелок (-->).
Вы можете использовать ключевые слова note left of , note right of , note top of , note bottom of чтобы задать метки, относящиеся к одному объекту. Заметка также может быть задана не прикреплённой, используя ключевое слово note, а затем прикреплена к другим объектам, используя символ ...
@startuml
interface "Data Access" as DA
DA - [First Component]
[First Component] ..> HTTP : use
note left of HTTP : Web Service only
note right of [First Component]
A note can also
be on several lines
end note
@enduml
Группирование компонентов
Вы можете использовать несколько ключевых слов package, чтобы группировать компоненты и интерфейсы вместе.
По умолчанию, связи между классами имею два тире -- и ориентированы вертикально. Можно создавать горизонтальные связи с помощью одного тире (или точки), вот так:
Также, можно изменить направление стрелки добавлением ключевых слов left, right, up или down внутри стрелки:
@startuml
[Component] -left-> left
[Component] -right-> right
[Component] -up-> up
[Component] -down-> down
@enduml
Вы можете сократить запись, используя только первую букву направления (например, -d- вместо -down-) или две первые буквы (-do-). Пожалуйста, заметьте, что не стоит использовать эту функциональность без особой надобности: Graphviz обычно даёт хорошие результаты без дополнительной настройки.
Use UML2 notation
By default (from v1.2020.13-14), UML2 notation is used.
@startuml
interface "Data Access" as DA
DA - [First Component]
[First Component] ..> HTTP : use
@enduml
Использовании нотации UML1
Команда skinparam componentStyle uml1 используется, чтобы переключиться на нотацию UML1.
@startuml
skinparam componentStyle uml1
interface "Data Access" as DA
DA - [First Component]
[First Component] ..> HTTP : use
@enduml
Use rectangle notation (remove UML notation)
The skinparam componentStyle rectangle command is used to switch to rectangle notation (without any UML notation).
@startuml
skinparam componentStyle rectangle
interface "Data Access" as DA
DA - [First Component]
[First Component] ..> HTTP : use
@enduml
Длинное описание
Для помещения многострочного текста в тело компонента используются квадратные скобки
@startuml
component comp1 [
This component
has a long comment
on several lines
]
@enduml
Индивидуальные цвета
Вы можете задать цвет после определения компонента.
@startuml
component [Web Server] #Yellow
@enduml
Использование Sprite в стереотипах
Можно использовать спрайты внутри компонентов стереотипа.
@startuml
sprite $businessProcess [16x16/16] {
FFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFF
FFFFFFFFFF0FFFFF
FFFFFFFFFF00FFFF
FF00000000000FFF
FF000000000000FF
FF00000000000FFF
FFFFFFFFFF00FFFF
FFFFFFFFFF0FFFFF
FFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFF
FFFFFFFFFFFFFFFF
}
rectangle " End to End\nbusiness process" <<$businessProcess>> {
rectangle "inner process 1" <<$businessProcess>> as src
rectangle "inner process 2" <<$businessProcess>> as tgt
src -> tgt
}
@enduml
Skinparam
Вы можете использовать команду skinparam для изменения шрифтов и цветов диаграммы Вы можете использовать данную команду :
В определении диаграммы, как любую другую команду,