Автоматическое создание веб-страниц с помощью PHP

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

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

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
  • Вступительная речь
  • Некоторая банальная цитата или дополнительная инструкция
  • Атрибуция для банальной цитаты
  • Стиль шрифта для каждого из четырех элементов текста (индивидуально).
  • Диапазон дат, согласно которому ваучеры действительны для
  • Предложите 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. Добавить тестовую ссылку

Когда вы нажимаете кнопку BUILD IT, потому что она не перенаправляется на веб-страницу, как в обычной программе PHP, вам нужно добавить ссылку или что-то в этом роде и посмотреть, что получилось.

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

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

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

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 в виде строк, а затем записать их в файлы во всех ситуациях. Просто будьте осторожны, чтобы не поместить что-то подобное в рекурсивный цикл, иначе вы пополните свой жесткий диск и

Каталин Зорзини

Я блогер веб-дизайна и начал этот проект, проведя несколько недель, пытаясь выяснить, лучшая платформа для электронной коммерции для себя. Проверьте мой текущий top 10 разработчики сайтов для электронной коммерции.