Как правильно разработать одностраничную ИС с т.з. правильного тона программирования?

Question

[Самир Курбанов]

Частенько приходится создавать простенькие одностраничные приложения, преимущественно с функциями работы с БД, сортировка в гриде, удаление/изменение в БД, фильтрация, печать отчета и т.п.
Структура проектов обычно следующая:
папка с js-сриптиками
папка со стилями
папка с php-контролерами
и одина html-страничка, в которой помещены ВСЕ формы проекта. И в зависимости от нажатой кнопки панели навигации отображается блок с нужной формой (js обработка (jQuery если точнее))

Напрягает именно громадная html-разметка в одном файле, сложно вносить правки в эту барахолку. На отдельные html-странички не разбить, т.к. придется передвигаться между формами гиперссылками, а это уже не есть одностраничное приложение.
Прошу совета как правильно и удобно структурировать код html-разметки, чтобы не копаться в одном огромном файле, какие технологии, библиотеки лучше использовать?

Answer 1

[Антон Р.]

Прошу совета как правильно и удобно структурировать код html-разметки, чтобы не копаться в одном огромном файле

- Инклудить в index.php

include 'header.html.php';
include 'form1.html.php';
include 'footer.html.php';

Comments

[Самир Курбанов]

Это самый конченный вариант, я так делал, когда учился в 9-м классе.

[Антон Р.]

Самир Курбанов, Окей, городи огород через какой нибудь фреймворк который будет делать тоже самое )

[alex-1917]

Самир Курбанов,

Это самый конченный вариант, я так делал, когда учился в 9-м классе.

и что нам теперь делать с этой информацией?))))

[Антон Р.]

alex-1917, пойду с горя нажрусь ))

[Ruslan Ruslanov]

Самир Курбанов, и почему же?

Answer 2

[xversus]

Поставить gulp и настроить сборку одной страницы из нескольких html-файлов, например, с помощью gulp-file-include.
Для обозначенных вами целей вполне хватит и этого.

Comments

[Антон Р.]

А не проще тогда уж сделать:

include 'header.html.php';
include 'body.html.php';
include 'form1.html.php';
include 'form2.html.php';
include 'footer.html.php';

Зачем приплетать гульп?

[xversus]

Не знаю, я не пишу на php. Если проще, то можно и так.

Answer 3

[Robur]

Возьмите любой шаблонизатор, разложите все красиво по разным файлам и пусть он вам итоговый html собирает который вы не будете трогать и заглядывать тоже не будете

Answer 4

[Анатолий Куликов]

Посмотрите в сторону таких библиотек, как Vue или React.

Comments

[Самир Курбанов]

Я ошибся в выборе эксперта для приглашения(

[Анатолий Куликов]

Pardon Me! Where Do I Find 4giveness?, а что же?

Answer 5

[Владимир]

Можно держать бек и фронт часть в монорепо, но логика для бекенда и для фронта должна быть разделена.
Отдельно RESTful API, отдельно одностраничник например на Angular (https://angular.io)
Сборка и деплой бека и фронта идут отдельно