线框图-登录

Plant UML 线框图代码：

@startuml

(*) --> "{{
salt
title 密码登录
{
"<&person>请输入用户名   "
"<&key>请输入密码    "
^中文^
"  "|<&image>
[<&account-login>登录]
}
}}" as login

login --> if "检查用户名、密码、验证码是否有空值？" then
-right-->[有空值提示] "{{ 
salt
title 密码登录
{
{^<color:red>请输入用户名
"<&person>请输入用户名   "
}
{^<color:red>请输入密码
"<&key>请输入密码    "
}
^中文^
{^<color:red>验证码错误
"  "|<&image>
}
[<&account-login>登录]
}
}}"
else
-->[值不为空] if "检查验证码是否正确？" then
-right->[验证码不正确提示]"{{
salt
title 密码登录
{
"<&person> admin   "
"<&key>****   "
^中文^
{^<color:red>验证码错误
"392e"|<&image>
}
[<&account-login>登录]
}
}}"
else
-->[验证码正确] if "检查用户名与密码是否正确？" then
-right->[用户名与密码不正确]"{{
salt
title 密码登录
{
"<&person> admin   "
{^<color:red>用户名或密码错误
"<&key>****   "
}
^中文^
"  "|<&image>
[<&account-login>登录]
}
}}"
else
  -->[用户名与密码正确] 跳转到首页
  -->(*)
endif

endif 

@enduml

标签：用户名,登录,title,--,验证码,框图,密码
来源： https://blog.csdn.net/qq_29497651/article/details/122312067