1
graph TD
2
    A[开始] --> B{条件检查}
3
    B -->|是| C[处理步骤 1]
4
    B -->|否| D[处理步骤 2]
5
    C --> E[子过程]
6
    D --> E
7
    subgraph E [子过程详情]
8
        E1[子步骤 1] --> E2[子步骤 2]
9
        E2 --> E3[子步骤 3]
10
    end
11
    E --> F{另一个决策}
12
    F -->|选项 1| G[结果 1]
13
    F -->|选项 2| H[结果 2]
14
    F -->|选项 3| I[结果 3]
15
    G --> J[结束]
16
    H --> J
17
    I --> J

1
sequenceDiagram
2
    participant User as 用户
3
    participant WebApp as 网页应用
4
    participant Server as 服务器
5
    participant Database as 数据库
6

7
    User->>WebApp: 提交登录请求
8
    WebApp->>Server: 发送认证请求
9
    Server->>Database: 查询用户凭据
10
    Database-->>Server: 返回用户数据
11
    Server-->>WebApp: 返回认证结果
12

13
    alt 认证成功
14
        WebApp->>User: 显示欢迎页面
15
        WebApp->>Server: 请求用户数据
16
        Server->>Database: 获取用户偏好
17
        Database-->>Server: 返回偏好设置
18
        Server-->>WebApp: 返回用户数据
19
        WebApp->>User: 加载个性化界面
20
    else 认证失败
21
        WebApp->>User: 显示错误消息
22
        WebApp->>User: 提示重新输入
23
    end

1
gantt
2
    title 网站开发项目时间线
3
    dateFormat  YYYY-MM-DD
4
    axisFormat  %m/%d
5

6
    section 设计阶段
7
    需求分析      :a1, 2023-10-01, 7d
8
    UI设计                 :a2, after a1, 10d
9
    原型创建        :a3, after a2, 5d
10

11
    section 开发阶段
12
    前端开发      :b1, 2023-10-20, 15d
13
    后端开发       :b2, after a2, 18d
14
    数据库设计           :b3, after a1, 12d
15

16
    section 测试阶段
17
    单元测试              :c1, after b1, 8d
18
    集成测试       :c2, after b2, 10d
19
    用户验收测试   :c3, after c2, 7d
20

21
    section 部署
22
    生产环境部署     :d1, after c3, 3d
23
    发布                    :milestone, after d1, 0d

1
classDiagram
2
    class User {
3
        +String username
4
        +String password
5
        +String email
6
        +Boolean active
7
        +login()
8
        +logout()
9
        +updateProfile()
10
    }
11

12
    class Article {
13
        +String title
14
        +String content
15
        +Date publishDate
16
        +Boolean published
17
        +publish()
18
        +edit()
19
        +delete()
20
    }
21

22
    class Comment {
23
        +String content
24
        +Date commentDate
25
        +addComment()
26
        +deleteComment()
27
    }
28

29
    class Category {
30
        +String name
31
        +String description
32
        +addArticle()
33
        +removeArticle()
34
    }
35

36
    User "1" -- "*" Article : 写作
37
    User "1" -- "*" Comment : 发表
38
    Article "1" -- "*" Comment : 拥有
39
    Article "1" -- "*" Category : 属于

1
stateDiagram-v2
2
    [*] --> 草稿
3

4
    草稿 --> 审核中 : 提交
5
    审核中 --> 草稿 : 拒绝
6
    审核中 --> 已批准 : 批准
7
    已批准 --> 已发布 : 发布
8
    已发布 --> 已归档 : 归档
9
    已发布 --> 草稿 : 撤回
10

11
    state 已发布 {
12
        [*] --> 活跃
13
        活跃 --> 隐藏 : 临时隐藏
14
        隐藏 --> 活跃 : 恢复
15
        活跃 --> [*]
16
        隐藏 --> [*]
17
    }
18

19
    已归档 --> [*]