用户登录
=============


<h5>用户登录URL</h5> 


{{ '[登录页面]({}/login)'.format(sitedomain) }}: {{ '{}/login'.format(sitedomain) }}


<h5>用户登录</h5>


```{image} /_static/imgs/account-sign/login.PNG
:alt: 登录界面1
:class: bg-primary
:width: 400px
:align: center
```


<h6>字段说明</h6> 


| 字段名称      |    说明         |    验证     |
| ------------ | --------------- | ----------- |
| 用户名       | 注册用户的用户名或邮箱 |  用户名不能为空 |
| 密码         | 注册用户的登录密码 |  密码不能为空 |


<h6>登录流程</h6> 


<table style="width:80%;"><tr><td>

```{mermaid}
%%init:{'theme':'default'}%%
graph LR

A[用户名或邮箱] --> B[密码] --> C[对齐拼图] --> D[点击登录]

class A,B,C,D,E proc-font14;
```

</td></tr></table>


<h5>后端交互</h5> 


```{image} /_static/imgs/account-sign/login2.PNG
:alt: 登录界面2
:class: bg-primary
:width: 400px
:align: center
```

<h6>后端流程</h6> 


<table style="width:100%;"><tr><td>


```{mermaid}
%%init:{'theme':'default', 'themeVariables':{'fontSize':'12px'}}%%
graph LR
B[登录页面] --> C{登录验证} --> |验证未通过| B
C --> |验证通过| D{页面跳转} --> |已创建知识库| E[仪表盘]
D -->|未创建知识库| F[用户信息]

class B,C,D,E,F proc-font14;
linkStyle 0,1,2,3,4 proc-font-size:12px;
```

</td></tr></table>