graph TD A[开始] --> B{是否登录?} B -->|是| C[进入主页] B -->|否| D[跳转到登录页] C --> E[显示用户信息] D --> F[输入用户名密码] F --> G[验证身份] G --> H[验证成功?] H -->|是| C H -->|否| I[显示错误信息] I --> D

sequenceDiagram participant 用户 participant 网站 participant API participant 数据库 用户->>网站: 访问页面 网站->>API: 请求数据 API->>数据库: 查询 数据库-->>API: 返回结果 API-->>网站: JSON响应 网站-->>用户: 渲染页面

pie title 编程语言使用比例 "JavaScript" : 40 "Python" : 25 "Java" : 20 "其他" : 15

gantt title 项目开发计划 dateFormat YYYY-MM-DD section 设计 需求分析 :done, des1, 2026-03-01, 7d 原型设计 :active, des2, 2026-03-08, 5d 界面设计 : des3, after des2, 5d section 开发 前端开发 : dev1, after des3, 10d 后端开发 : dev2, after des3, 12d section 测试 单元测试 : test1, after dev1, 5d 集成测试 : test2, after dev2, 7d

classDiagram class Animal { +String name +int age +eat() +sleep() } class Dog { +bark() } class Cat { +meow() } Animal <|-- Dog Animal <|-- Cat

stateDiagram-v2 [*] --> 待处理 待处理 --> 进行中: 开始处理 进行中 --> 已完成: 完成任务 进行中 --> 待处理: 取消 已完成 --> [*]: 结束