---
# System prepended metadata

title: client server

---


# client server


server (bao gồm cả frontend và backend)
```mermaid
sequenceDiagram
browser->>server: gửi request
server->>database: lấy data
database-->>server: data
server->>server: xử lý data tạo ra code<br>(mà trình duyệt hiểu được (html, css, js))
server-->>browser: code
browser->>browser: chạy code để hiển thị nội dung cho người dùng
```

(server tách riêng frontend và backend)
```mermaid
sequenceDiagram
browser->>server(frontend): gửi request
server(frontend)-->>browser: khung code chưa có dữ liệu gì (html, css, js)
browser->>server(backend): gửi request lấy data
server(backend)->>database: lấy data
database-->>server(backend): data
server(backend)->>server(backend): xử lý data
server(backend)-->>browser: data
browser->>browser: dùng javascript xử lý data tạo ra code chèn vào khung
```



server (chỉ có backend)
```mermaid
sequenceDiagram
app->>server(backend): gửi request lấy data
server(backend)->>database: lấy data
database-->>server(backend): data
server(backend)->>server(backend): xử lý data
server(backend)-->>app: data
app->>app: xử lý data <br>tạo ra code hiển thị nội dung trên app
```