%%{init: {"theme": "base", "themeVariables": {"primaryColor": "#fabd2f", "primaryTextColor": "#282828", "primaryBorderColor": "#b57614", "lineColor": "#7c6f64", "secondaryColor": "#83a598", "tertiaryColor": "#b8bb26", "background": "#fbf1c7", "mainBkg": "#ebdbb2", "fontFamily": "Tahoma, sans-serif"}}}%% flowchart LR subgraph Era1["ยุค Local DB / Embedded"] A["SQLiteฐานข้อมูลในไฟล์เดียว"] end subgraph Era2["ยุค Client-Server DB"] B["PostgreSQLServer Database"] C["Connection Poolจัดการหลาย connection"] end subgraph Era3["ยุค Cloud Database"] D["Managed DBBackup/Scaling"] E["pgAdmin/GUIจัดการฐานข้อมูล"] end A --> B --> C --> D --> E
%%{init: {"theme": "base", "themeVariables": {"primaryColor": "#fabd2f", "primaryTextColor": "#282828", "primaryBorderColor": "#b57614", "lineColor": "#7c6f64", "secondaryColor": "#83a598", "tertiaryColor": "#b8bb26", "background": "#fbf1c7", "mainBkg": "#ebdbb2", "fontFamily": "Tahoma, sans-serif"}}}%% flowchart LR A["Express APINode.js Server"] --> B["pg PoolConnection Pool"] B --> C["Parameterized Query$1 $2"] C --> D["PostgreSQLDatabase Server"] D --> E["Rowsผลลัพธ์"] E --> A