┌─┐                                                                                                                                                                                  ,.-^^-._ 
         ║"│                                                                                                                                                                                 |-.____.-|
         └┬┘             ┌──────────┐                                                                                                                                                        |        |
         ┌┼┐             │<< HTML >>│                    ┌─────────────┐             ┌────────────────┐           ┌───────────┐          ┌─────────────┐          ┌──────────┐               |        |
          │              │Products  │                    │<<Vue >>     │             │<<HTTP client >>│           │<< Jooby >>│          │<< Jooby >>  │          │<< DAO >> │               |        |
         ┌┴┐             │Page      │                    │products-list│             │axios           │           │Server     │          │ProductModule│          │ProductDAO│               '-.____.-'
      Customer           └────┬─────┘                    └──────┬──────┘             └───────┬────────┘           └─────┬─────┘          └──────┬──────┘          └────┬─────┘               Database  
         │    views page     ┌┴┐                                │                            │                          │                       │                      │                        │      
         │ ─────────────────>│ │                                │                            │                          │                       │                      │                        │      
         │                   │ │                                │                            │                          │                       │                      │                        │      
         │                   │ │          « mounted »          ┌┴┐                           │                          │                       │                      │                        │      
         │                   │ │ ─────────────────────────────>│ │     ────┐                 │                          │                       │                      │                        │      
         │                   │ │                               │ │         │ getAllProducts()│                          │                       │                      │                        │      
         │                   │ │                               │ │     <───┘                 │                          │                       │                      │                        │      
         │                   │ │                               │ │                           │                          │                       │                      │                        │      
         │                   │ │                               │ │                           │                          │                       │                      │                        │      
         │                   │ │                               │ │                           │                          │                       │                      │                        │      
         │                   │ │                               │ │   get("/api/products")    ┌┴┐                        │                       │                      │                        │      
         │                   │ │                               │ │ ────────────────────────> │ │                        │                       │                      │                        │      
         │                   │ │                               │ │                           │ │                        │                       │                      │                        │      
         │                   │ │                               │ │                           │ │HTTP GET /api/products ┌┴┐                      │                      │                        │      
         │                   │ │                               │ ┌┴┐                         │ │ ─────────────────────>│ │                      │                      │                        │      
         │                   │ │                               │ │ │                         │ │                       │ │                      │                      │                        │      
         │                   │ │                               │ │ │                         │ │                       │ │get("/api/products") ┌┴┐                     │                        │      
         │                   │ │                               │ │ │                         │ │                       │ │ ───────────────────>│ │                     │                        │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                     │                        │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │   getProducts()    ┌┴┐                       │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │ ──────────────────>│ │                       │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                    │ │                       │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                    │ │select * from products ┌┴┐    
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                    │ │ ────────────────────> │ │    
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                    │ │                       └┬┘    
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                    │ │         result        │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                    │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─       
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │                    └┬┘                       │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │       products      │                        │      
         │                   │ │                               │ │ │                         │ │                       │ │                     │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─                         │      
         │                   │ │                               │ │ │                         │ │                       │ │                     └┬┘                     │                        │      
         │                   │ │                               │ │ │                         │ │                       │ │       products       │                      │                        │      
         │                   │ │                               │ └┬┘                         │ │                       │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │                      │                        │      
         │                   │ │                               │ │                           │ │                       └┬┘                      │                      │                        │      
         │                   │ │                               │ │                           │ │ JSON encoded products  │                       │                      │                        │      
         │                   │ │                               │ │                           │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │                       │                      │                        │      
         │                   │ │                               │ │                           └┬┘                        │                       │                      │                        │      
         │                   │ │                               │ │   JSON encoded products   │                          │                       │                      │                        │      
         │                   │ │                               │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─                           │                       │                      │                        │      
         │                   │ │                               │ │                           │                          │                       │                      │                        │      
         │                   │ │                               │ │                           │                          │                       │                      │                        │      
         │                   │ │                               │ │─ ─ ┐                      │                          │                       │                      │                        │      
         │                   │ │                               │ │    | JavaScript products  │                          │                       │                      │                        │      
         │                   │ │                               └┬┘< ─ ┘                      │                          │                       │                      │                        │      
         │                   │ │ products merged with template  │                            │                          │                       │                      │                        │      
         │                   │ │ <─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │                            │                          │                       │                      │                        │      
         │                   │ │                                │                            │                          │                       │                      │                        │      
         │                   └┬┘                                │                            │                          │                       │                      │                        │