Комплексное руководство по автоматическому созданию веб-страниц с помощью PHP в 2023 году

Если вы подпишитесь на услугу по ссылке на этой странице, Reeves and Sons Limited может получить комиссию. Смотрите наши заявление об этике.

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

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

1. Сначала нам нужно создать базовый шаблон веб-страницы.

Это всего лишь стандартный скелет веб-страницы. Вы можете дать ему имя типа «pageBuilder.php» или что-то в этом роде. Для этого вам не обязательно использовать PHP. Вы можете использовать другой язык программирования, но в этом примере мы сделаем все просто и сделаем все на PHP.

Screen Shot на 2016 05-30-1.56.52 А.М.

2. Добавить Bootstrap

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

Screen Shot на 2016 05-30-1.56.56 А.М.

3. Настроить контейнер

Чтобы все было аккуратно и аккуратно, нам следует определить контейнер, в котором мы будем хранить содержимое страницы.

Screen Shot на 2016 05-30-1.56.48 А.М.

4. Создание веб-формы

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

Screen Shot на 2016 05-30-1.56.43 А.М.

5. Добавить поля формы

Это действительно просто. Нам просто нужно собрать несколько основных деталей, которые робот будет использовать для создания новой веб-страницы. Данные, которые нам необходимо знать, включают:

  • Фоновое изображение для страницы
  • Название праздника
  • Headline
  • Вступительная речь
  • Некоторая банальная цитата или дополнительная инструкция
  • Атрибуция для банальной цитаты
  • Стиль шрифта, используемый для каждого из четырех текстовых элементов обрамления (вdiviдважды).
  • Диапазон дат, согласно которому ваучеры действительны для
  • Предложите 1 и предложите 2, которые будут рекламироваться на ваучеры.
  • Дополнительные сообщения ваучера (например, условия)
  • Данные для ваучерных QR-кодов, которые будут сгенерированы

Вот как это выглядит:

Screen Shot на 2016 05-30-1.56.00 А.М.

Screen Shot на 2016 05-30-1.55.54 А.М.

Screen Shot на 2016 05-30-1.55.36 А.М.

И после всех этих усилий мы получим страницу, которая выглядит примерно так:

Screen Shot на 2016 05-30-1.55.22 А.М.

 

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

6. Создайте файл процессора формы

После создания формы вам понадобится программное обеспечение, которое будет обрабатывать отправленные данные и что-то с ними делать. В этом случае мы будем использовать отправленные данные для создания нового HTML стр.

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

Файл должен быть назван так же, как и действие значение атрибута в объявлении формы, поэтому в нашем примере это будет voucherGen.php, и поскольку мы не указали путь, его нужно будет сохранить в том же месте, что и pageBuilder.php для его работы.

7. Инициализировать переменные

Данные, представленные из pageBuilder.php был возвращен как ассоциативный массив, называемый $ _POST, и все значения данных в массиве могут быть доступны через их управление формой HTML имя атрибуты. Поэтому инициализировать наши переменные на самом деле довольно просто. Это также необязательно, но это просто делает код более аккуратным и легким для чтения. Вы, конечно, могли бы работать напрямую с $ _POST если вы предпочитаете.

Screen Shot на 2016 05-30-1.55.15 А.М.

 8. Используйте условные выражения, чтобы установить правильные значения шрифтов.

Сделав это раньше, вы сэкономите время и сэкономите проблемы позже. Мы просто проверяем, какие значения были выбраны, а затем заменяем их фактическими названиями шрифтов.

Screen Shot на 2016 05-30-1.55.10 А.М.9. Начните строить генераторную строку

На самом деле все, что нам нужно здесь сделать, это создать одну действительно длинную строку, которая будет содержать все необходимое для создания новой страницы. Мы будем использовать конкатенацию строк, чтобы сделать ее удобочитаемой и упростить просмотр, куда были вставлены значения данных. Это начинается с настройки базовой HTML-страницы:

Screen Shot на 2016 05-30-1.55.06 А.М.

Вы, вероятно, можете видеть, к чему мы движемся. Обратите внимание на точку с запятой в конце. Это важно. Также любые точки с запятой, встречающиеся в тексте (как часть объявления CSS или клиентского сценария), должны заключаться в кавычки.

10. Начать добавление тела страницы в строку генератора

Есть более эффективные способы создания этой строки, но мне нравится делать код аккуратным, чтобы его было легко читать. Для этого вы можете использовать сокращенные методы, и вам также не обязательно делать это как отдельный процесс для шага 9. Я считаю, что легче понять, когда разные разделы страницы разделены таким образом.

Screen Shot на 2016 05-30-1.55.00 А.М.

11. Напишите строку генератора в HTML

В этом случае мы жестко кодируем имя файла, но вы можете (и, вероятно, должны) сделать это поле в своей форме pageBuilder.

Screen Shot на 2016 05-30-1.54.55 А.М.

12. Добавить тестовую ссылку

Когда вы нажимаете кнопку «СОЗДАТЬ ЭТО», поскольку она не перенаправляет на веб-страницу, как это делает обычная программа PHP, вам нужно добавить ссылку или что-то еще, чтобы перейти и посмотреть, каков был результат.

Screen Shot на 2016 05-30-1.54.50 А.М.

13. Создание пользовательского файла CSS

Вы можете сохранить дополнительные инструкции по стилю в этом файле, но на данный момент единственной важной является инструкция по стилю для main див.

Screen Shot на 2016 05-30-1.54.45 А.М.

14. Создание и загрузка wrap.png

Чтобы это работало правильно, вам нужно создать одно полупрозрачное изображение в пикселях и назовите его wrap.png затем загрузите его по пути, указанному в custom.css .

15. Загрузите подходящие фоновые изображения и проверьте свой pageBuilder

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

Picture1

Это должно привести к созданию чего-то совершенно подобного:

Screen Shot на 2016 05-30-1.54.11 А.М.

Мы уже догадались, что вам не захочется писать все это с нуля, поэтому вы можете скачать исходный код для pageBuilder.php и voucherGen.php здесь. архива.

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

Комментарии Ответы 2

  1. Вебмастер УФАС говорит:

    Très très Instructif, j'ai essayé et ça marche à merveille, milles merci

    1. Богдан Рэнца говорит:

      Пожалуйста! 👍👍👍

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *

Рейтинг *

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.