Повторное использование шаблона HTML для нескольких веб-страниц одновременно с JavaScript

Question

Несколько месяцев назад я запустил сайт. Моя проблема в том, что я начинаю получать довольно много того, что является просто дубликатами страниц. Я копирую необработанный HTML-код для своей домашней страницы, а затем избавляюсь от всего, что очень специфично для моей домашней страницы, и это только для того, чтобы я мог использовать мои заголовки и навигационные меню. Все мои страницы имеют много общего кода. Это становится действительно утомительным, чтобы повторить это для каждой страницы. Я знаю, что у людей была эта проблема раньше, и я уверен, что есть какой-то большой секретный (для меня) API, о котором все уже знают для этого. Но когда я подхожу к 50 страницам, мне нужна базовая страница шаблона HTML (которую я могу сделать), а затем немного javascript, чтобы распечатать этот код на одной из моих других страниц. Поэтому, если я хочу добавить другой элемент в мое меню, мне не нужно проходить и менять все 50 страниц HTML, я могу просто изменить шаблон, и тогда он будет добавлен на каждую другую страницу. Возможно, для этого тоже есть решение на стороне сервера. И не стесняйтесь упоминать это. Но я действительно хорошо разбираюсь в javascript и не так хорош в серверных вещах. Я действительно не хочу, чтобы это влияло на время загрузки моей страницы (которым я очень горжусь и очень усердно работал)Так что, возможно, решение на стороне сервера для меня. Но если у кого-то есть идеи, я был бы очень признателен. Заранее спасибо.

Answer 1

Вы имеете в виду, что все страницы, которые у вас есть сейчас, являются статическими?

, если да, не делайте этого. если через какое-то время вы создадите все страницы таким способом, вы не сможете легко расширить свой веб-сайт, и боги запрещают, если вы хотите изменить небольшой дизайн, тогда вам придется делать это на всех страницах.

для динамических страниц, которые выпроектируйте страницу только один раз, и вы загружаете части, которые меняются с помощью JS или PHP.

вам нужно 3 вещи:

1- HTML-шаблон страницы

2- Данныеbase (SQL или NOSQL)

3 - внутренний язык для связи с базой данных и загрузки данных для вас на основе URL-адреса, который вводит пользователь. это может быть что угодно, от php до python

4 (опционально), чтобы сделать ваш сайт мобильным и работать с низкоскоростным интернетом, получать данные с помощью js и частично загружать их на страницу.

если вы спросите мое мнение, php laravel действительно хорош, и он позаботится о многих вещах для вас. а для js вы можете использовать Vuejs.

хорошего дня!