206 lines
5.2 KiB
Markdown
206 lines
5.2 KiB
Markdown
---
|
||
puppeteer:
|
||
landscape: false
|
||
format: "A4"
|
||
timeout: 3000
|
||
export_on_save:
|
||
puppeteer: true
|
||
---
|
||
|
||
[TOC]
|
||
|
||
# Plantuml
|
||
|
||
```plantuml
|
||
Alice -> Bob: Authentication Request
|
||
Bob --> Alice: Authentication Response
|
||
|
||
Alice -> Bob: Another authentication Request
|
||
Alice <-- Bob: Another authentication Response
|
||
```
|
||
|
||
# 时序图
|
||
|
||
```plantuml
|
||
@startuml
|
||
|
||
!include https://deep-tek.com/puml/core.puml
|
||
|
||
用户 -> 认证中心: 登录操作
|
||
认证中心 -> 缓存: 存放(key=token+ip,value=token)token
|
||
|
||
用户 <- 认证中心 : 认证成功返回token
|
||
用户 -> 认证中心: 下次访问头部携带token认证
|
||
认证中心 <- 缓存: key=token+ip获取token
|
||
其他服务 <- 认证中心: 存在且校验成功则跳转到用户请求的其他服务
|
||
其他服务 -> 用户: 信息test
|
||
@enduml
|
||
```
|
||
# 时序图1
|
||
```uml
|
||
@startuml
|
||
|
||
!include https://deep-tek.com/puml/core.puml
|
||
|
||
用户 -> 认证中心: 登录操作
|
||
认证中心 -> 缓存: 存放(key=token+ip,value=token)token
|
||
|
||
用户 <- 认证中心 : 认证成功返回token
|
||
用户 -> 认证中心: 下次访问头部携带token认证
|
||
认证中心 <- 缓存: key=token+ip获取token
|
||
其他服务 <- 认证中心: 存在且校验成功则跳转到用户请求的其他服务
|
||
其他服务 -> 用户: 信息test
|
||
@enduml
|
||
```
|
||
|
||
# 时序图-相对路径1
|
||
|
||
```plantuml
|
||
@startuml
|
||
' !include ./core.puml
|
||
!include https://deep-tek.com/puml/core.puml
|
||
|
||
用户 -> 认证中心: 登录操作1
|
||
认证中心 -> 缓存: 存放(key=token+ip,value=token)token
|
||
|
||
用户 <- 认证中心 : 认证成功返回token
|
||
用户 -> 认证中心: 下次访问头部携带token认证
|
||
认证中心 <- 缓存: key=token+ip获取token
|
||
其他服务 <- 认证中心: 存在且校验成功则跳转到用户请求的其他服务
|
||
其他服务 -> 用户: 信息test
|
||
@enduml
|
||
```
|
||
# 时序图-相对路径2
|
||
|
||
```plantuml {align="center"}
|
||
@startuml
|
||
' !include ../puml/core.puml
|
||
!include https://deep-tek.com/puml/core.puml
|
||
|
||
scale max 800 width
|
||
scale max 800 height
|
||
|
||
用户 -> 认证中心: 登录操作2
|
||
认证中心 -> 缓存: 存放(key=token+ip,value=token)token
|
||
|
||
用户 <- 认证中心 : 认证成功返回token
|
||
用户 -> 认证中心: 下次访问头部携带token认证
|
||
认证中心 <- 缓存: key=token+ip获取token
|
||
其他服务 <- 认证中心: 存在且校验成功则跳转到用户请求的其他服务
|
||
其他服务 -> 用户: 信息test
|
||
@enduml
|
||
```
|
||
|
||
# 待办
|
||
|
||
- [ ] 待办1
|
||
- [x] 待办2
|
||
|
||
# 样式
|
||
|
||
```plantuml
|
||
@startuml
|
||
' !include https://deep-tek.com/puml/cerulean/puml-theme-cerulean.puml
|
||
' help themes
|
||
!theme bluegray
|
||
|
||
participant participant as Foo
|
||
actor actor as Foo1
|
||
boundary boundary as Foo2
|
||
control control as Foo3
|
||
entity entity as Foo4
|
||
database database as Foo5
|
||
collections collections as Foo6
|
||
queue queue as Foo7
|
||
Foo -> Foo1 : To actor
|
||
Foo -> Foo2 : To boundary
|
||
Foo -> Foo3 : To control
|
||
Foo -> Foo4 : To entity
|
||
Foo -> Foo5 : To database
|
||
Foo -> Foo6 : To collections
|
||
Foo -> Foo7 : To queue
|
||
@enduml
|
||
```
|
||
|
||
# 表格
|
||
| Syntax | Description |
|
||
| ----------- | ----------- |
|
||
| Header | Title |
|
||
| Paragraph | Text |
|
||
|
||
# 代码
|
||
```java
|
||
public void fun() {
|
||
|
||
}
|
||
```
|
||
# C4图
|
||
```plantuml
|
||
|
||
@startuml container-diagram
|
||
|
||
!include https://deep-tek.com/puml/C4_Component.puml
|
||
!include https://deep-tek.com/puml/core.puml
|
||
|
||
LAYOUT_TOP_DOWN()
|
||
'LAYOUT_AS_SKETCH()
|
||
LAYOUT_WITH_LEGEND()
|
||
|
||
title Container diagram for Internet Banking System
|
||
|
||
Person(customer, Customer, "A customer of the bank,测试 with personal bank accounts")
|
||
|
||
System_Boundary(c1, "Internet Banking") {
|
||
Container(web_app, "Web Application", "Java, Spring MVC", "Delivers the static content and the Internet banking SPA")
|
||
Container(spa, "Single-Page App", "JavaScript, Angular", "Provides all the Internet banking functionality to cutomers via their web browser")
|
||
Container(mobile_app, "Mobile App", "C#, Xamarin", "Provides a limited subset of the Internet banking functionality to customers via their mobile device")
|
||
ContainerDb(database, "Database", "SQL Database", "Stores user registraion information, hased auth credentials, access logs, etc.")
|
||
Container(backend_api, "API Application", "Java, Docker Container", "Provides Internet banking functionality via API")
|
||
}
|
||
|
||
System_Ext(email_system, "E-Mail System", "The internal Microsoft Exchange system")
|
||
System_Ext(banking_system, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")
|
||
|
||
Rel(customer, web_app, "Uses", "HTTPS")
|
||
Rel(customer, spa, "Uses", "HTTPS")
|
||
Rel(customer, mobile_app, "Uses")
|
||
|
||
Rel_Neighbor(web_app, spa, "Delivers")
|
||
Rel(spa, backend_api, "Uses", "async, JSON/HTTPS")
|
||
Rel(mobile_app, backend_api, "Uses", "async, JSON/HTTPS")
|
||
Rel_Back_Neighbor(database, backend_api, "Reads from and writes to", "sync, JDBC")
|
||
|
||
Rel_Back(customer, email_system, "Sends e-mails to")
|
||
Rel_Back(email_system, backend_api, "Sends e-mails using", "sync, SMTP")
|
||
Rel_Neighbor(backend_api, banking_system, "Uses", "sync/async, XML/HTTPS")
|
||
@enduml
|
||
```
|
||
|
||
# 脑图
|
||
|
||
```plantuml
|
||
@startmindmap
|
||
<style>
|
||
mindmapDiagram {
|
||
node {
|
||
BackgroundColor lightGreen
|
||
}
|
||
:depth(1) {
|
||
BackGroundColor lightBlue
|
||
}
|
||
}
|
||
</style>
|
||
* Linux
|
||
** NixOS
|
||
** Debian
|
||
*** Ubuntu
|
||
**** Linux Mint
|
||
**** Kubuntu
|
||
**** Lubuntu
|
||
**** KDE Neon
|
||
-- test
|
||
--- test
|
||
-- test2
|
||
@endmindmap
|
||
```
|