Info |
---|
We assume you have already tried out the editing experience via our online editor. If you have not, we strongly suggest you try it out first. |
You are viewing a demo page. To edit the diagrams on this page, you have to click the edit button on the top left corner.
Sequence Diagram
...
Zenuml sequence macro |
---|
uuid | ac904a3a-d92f-4674-bc51-3ff083758c3e |
---|
updatedAt | 2021-08-06T06:14:16Z |
---|
|
@Lambda OrderController
<<BFF>> OrderService
group BusinessService {
PurchaseService
InvoiceService
}
//`POST /orders`
OrderController.create(payload1234 |
...
Generic Diagrams
You can also use the “ZenUML Graph” component to draw any generic diagrams. This is done throw an integration with the opensource drawio project.
Zenuml graph macro |
---|
uuid | 26671782-781c-4b57-9b15-4c92a2122222 |
---|
customContentId | 376471557 |
---|
updatedAt | 2021-07-25T05:38:46Z |
---|
|
Mermaid
The following diagrams show some features of the mermaid component. The document of mermaid can be found here.
Flow chart
Zenuml sequence macro |
---|
uuid | 575626b8-9529-4ecb-87fc-de275204f9f6 |
---|
customContentId | 376340492 |
---|
updatedAt | 2021-07-25T05:38:57Z |
---|
|
@Lambda OrderController
<<BFF>> OrderService
group BusinessService {
PurchaseService
InvoiceService
}
//`POST /orders`
OrderController.create(payload) {
OrderService.create(payload) {
order = new Order(payload)
par {
PurchaseService.createPO(order)
InvoiceService.createInvoice(order)
}
}
} |
Class diagram
Zenuml sequence macro |
---|
uuid | 52a22a51-be80-458b-ad2f-16e024f24e13 |
---|
updatedAt | 2021-03-14T00:14:58Z |
---|
|
@Lambda OrderController
<<BFF>> OrderService
group BusinessService {
PurchaseService
InvoiceService
}
//`POST /orders`
OrderController.create(payload) {
OrderService.create(payload) {
order = new Order(payload)
par {
PurchaseService.createPO(order)
InvoiceService.createInvoice(order)
}
}
} |
State diagram
...
uuid | b4e54356-e7f8-4512-947a-dd16706d92d2 |
---|
updatedAt | 2021-03-14T00:16:40Z |
---|
...
) {
OrderService.create(payload) {
order = new Order(payload)
par {
PurchaseService.createPO(order)
InvoiceService.createInvoice(order)
}
}
} |