SimpleOne can be described as a three-tier system, having
SimpleOne comprises of the backend server and frontend server.
Backend server responsibility is interaction with the database, it handles all the queries received from the frontend server. By results, it forms a JSON object and returns it to a frontend server via API.
Backend and frontend interaction scheme
The frontend server works as a SPA (Single Page Application). It means that the page is loaded only once, and then, when changed, or when any button clicked, the query to the backend server is sent to process the changes. The backend server processes this query and returns the answer in JSON format. After that, the changes are applied and displayed in the interface.
SPA finctionality scheme
<img src="data:image/png;base64,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" style="cursor:pointer;max-width:100%;" onclick="(function(img){if(img.wnd!=null&&!img.wnd.closed){img.wnd.focus();}else{var r=function(evt){if(evt.data=='ready'&&evt.source==img.wnd){img.wnd.postMessage(decodeURIComponent(img.getAttribute('src')),'*');window.removeEventListener('message',r);}};window.addEventListener('message',r);img.wnd=window.open('https://www.draw.io/?client=1&lightbox=1&edit=_blank');}})(this);"/>
Сипмл состоит из бэкенда и фронтенда. Они расположены на разных серверах. Бэкенд отвечает за взаимодействие с БД, т.е. с таблицами. Он формирует JSON-объект, который через API возвращает на фронтенд. Фронтент работает по принципу SPA, т.е. единожды загружает страницу, а далее, при любом изменении, при любом нажатии кнопки идёт запрос к бэкенд-серверу, который в JSON-виде возвращает ответ. Причем он возвращает только запрошенные данные, происходит экономичное взаимодействие, что экономит ресурсы (тут можно нарисовать простенькую схему). Фронтенд построен через React, эта библиотека позволяет удобно увязывать данные с версткой.