设计网上订餐的用例图和时序图

以下是网上订餐的用例图和时序图：

用例图：

@startuml
left to right direction
actor Customer
rectangle "网上订餐系统" {
  Customer --> (登录)
  Customer --> (订餐)
  Customer --> (评价)
  (订餐) --> (选择店铺)
  (订餐) --> (选择餐饮)
  (订餐) --> (下订单)
  (订餐) --> (到餐付款)
}
@enduml

时序图：

@startuml
actor Customer
participant "客户端浏览器"
participant "HTTP服务器"
participant "数据库服务器"
participant "打印机"
Customer -> "客户端浏览器": 登录
activate "客户端浏览器"
"客户端浏览器" -> "HTTP服务器": 发送登录请求
activate "HTTP服务器"
"HTTP服务器" -> "数据库服务器": 查询用户信息
activate "数据库服务器"
"数据库服务器" --> "HTTP服务器": 返回用户信息
deactivate "数据库服务器"
"HTTP服务器" --> "客户端浏览器": 返回登录结果
deactivate "HTTP服务器"
"客户端浏览器" -> "HTTP服务器": 发送订餐请求
activate "HTTP服务器"
"HTTP服务器" -> "数据库服务器": 查询店铺信息
activate "数据库服务器"
"数据库服务器" --> "HTTP服务器": 返回店铺信息
deactivate "数据库服务器"
"HTTP服务器" -> "客户端浏览器": 返回店铺信息
deactivate "HTTP服务器"
"客户端浏览器" -> "HTTP服务器": 发送选择餐饮请求
activate "HTTP服务器"
"HTTP服务器" -> "数据库服务器": 查询餐饮信息
activate "数据库服务器"
"数据库服务器" --> "HTTP服务器": 返回餐饮信息
deactivate "数据库服务器"
"HTTP服务器" -> "客户端浏览器": 返回餐饮信息
deactivate "HTTP服务器"
"客户端浏览器" -> "HTTP服务器": 发送下订单请求
activate "HTTP服务器"
"HTTP服务器" -> "数据库服务器": 保存订单信息
activate "数据库服务器"
"数据库服务器" --> "HTTP服务器": 返回订单号
deactivate "数据库服务器"
"HTTP服务器" -> "客户端浏览器": 返回订单号
deactivate "HTTP服务器"
"客户端浏览器" -> "HTTP服务器": 发送到餐付款请求
activate "HTTP服务器"
"HTTP服务器" -> "数据库服务器": 查询订单信息
activate "数据库服务器"
"数据库服务器" --> "HTTP服务器": 返回订单信息
deactivate "数据库服务器"
"HTTP服务器" -> "打印机": 打印订单信息
activate "打印机"
deactivate "打印机"
"HTTP服务器" -> "客户端浏览器": 返回付款结果
deactivate "HTTP服务器"
"客户端浏览器" -> "HTTP服务器": 发送评价请求
activate "HTTP服务器"
"HTTP服务器" -> "数据库服务器": 保存评价信息
activate "数据库服务器"
"数据库服务器" --> "HTTP服务器": 返回评价结果
deactivate "数据库服务器"
"HTTP服务器" -> "客户端浏览器": 返回评价结果
deactivate "HTTP服务器"
@enduml