Первое с чего нужно начать, это создать .docx документ на своем ПК, например template.docx
Для примера я взял куски из договора на создание сайта
Подготавливаем шаблон word документа
Открываем word файл и начинаем его шаблонизировать путем замены текста на переменные синтаксиса типа ${data}
У нас будут следующие переменные, которые мы будем подставлять в документ:
${num_dogovor} — номер догвоора ${city} — город ${date} — текущая дата ${name} — ФИО ${company} — Название Организации ООО ${summa} — Сумма ${summa_str} — Сумма, прописью ${summa_nalog} — Налог, 6% от суммы ${summa_nalog_str} — Налог, 6% от суммы (прописью) ${ur_address} — Юр. адрес ${post_address} — Почтовый адрес ${company_ogrn} — ОГРН ${company_okpo} — ОКПО ${company_kpp} — КПП ${company_inn} — ИНН организации ${company_bank} — Название банка ${company_ks} — кор. счет ${company_rs} — р. счет ${direktor} — ФИО директора
//Подключаем библиотеку
require $_SERVER["DOCUMENT_ROOT"].'/lib/phpword/autoload.php';
//создаем класс
$phpWord = new \PhpOffice\PhpWord\PhpWord();
$_doc = new \PhpOffice\PhpWord\TemplateProcessor('template.docx');
Синтаксис для замены переменных
$_doc->setValue('num_dogovor', $number_document);
Подготовим пару переменных
//запихиваем сумму в переменную, что бы далее с ней поработать
$summa = 25550;
// делаем красивый формат
$summa_format = number_format($summa, 2, ',', ' ');
// вычислим налог от суммы (6%) и так же определим в отдельную переменную красивый формат суммы
$summa_nalog = $summa * 6 / 100;
$summa_nalog_format = number_format($summa_nalog, 2, ',', ' ');
Мы будем писать все в одном файле, так что после обращения на по адресу файла php, документ уже будет генерироваться. Делаю я это для упрощения понимания.
Содержимое готово, теперь приступаем к самой генерации PDF документа на PHP
Генерация PDF документа и скачивание
$html = mb_convert_encoding($content, 'HTML-ENTITIES', 'UTF-8');
$dompdf = new DOMPDF();// Создаем обьект
$dompdf->load_html($html, 'UTF-8'); // Загружаем в него наш html код
$dompdf->render(); // Создаем из HTML PDF
// $dompdf->stream('mypdf.pdf'); // Выводим результат (скачивание)
$output = $dompdf->output();
Или сохраняем наш PDF на сервере
//папка куда сохроняем
$img_Dir_Str = "invoice/";
$img_Dir = $_SERVER['DOCUMENT_ROOT']."/". $img_Dir_Str;
@mkdir($img_Dir, 0777);
//сохранение pdf на сервере
$file = "Сгенерированный PDF документ на PHP.pdf";
file_put_contents($img_Dir.$file, $output);
Вам остается только экспериментировать с размерами подписи, с ее расположением, меняя параметры CSS.
Собственно все! Пользуйтесь!
Можно конечно еще улучшить скрипт
Загнать сумму в переменную и выводить ее прописью (из 25000 в двадцать пять тысяч рублей 00 коп.)
Сформировать в догонку акт выполненных работ
А еще до кучи какой-нибудь договор
Если Вам нужно написать готовый инструмент для генерации документов, то пишите, посмотрим что можно сделать под Ваш задачи.
Пишите в комментариях, если нужно дописать функцию перевода числа в прописной вид.
Наложение текста на картинку при помощи php не такая уж и сложная задача, главное разобраться с функцией imagettftext(), которая имеет ряд параметров:
Описание
imagettftext(‘Фон или фотка’, ‘Размер шрифта’, ‘Угол наклона’, ‘Координат оп оси X’, ‘Координат оп оси Y’, ‘Цвет шрифта’, ‘Путь к файлу со шрифтом’, ‘Любой текст’)
Фон или фотка = imagecreatefromjpeg("images/img.jpg") - (в нашем случае это изображение)
Размер шрифта = 22 — 22px
Угол наклона = 30 — 30 градусов наклон надписи
Координат оп оси Y = 200 — 200 пикселей отступ сверху
Координат оп оси X = 100 — 100 пикселей отступ слева
Цвет шрифта = imageColorAllocate('Фон или фотка', 255, 255, 255) — возвращает идентификатор цвета, представляющий цвет, составленный из данных RGB-компонентов.
Путь к файлу со шрифтом = "fonts_capcha/tahoma.ttf" — тут все понятно
Любой текст = 'Тект который мы будем накладывать на фотку'
Код php наложения текста
Наложение текста по центру исходной картинки, то есть если вы подставите свой фон для наложения текста, то он все ровно будет расположен по центру. Так же мы добавили в код обводку на текст, для того что бы на светлых тонах фонового ихзображения, текст все ровно выделялся и удобно читался пользователем.
Обводка на текст при помощи php создается очень просто — нужно всего лишь создать такие же текста функцией imagettftext(), но на 1,2 пикселя смещая координаты.
$imgage_path = "images/img.jpg"; //Путь к изображению
$text = $_GET['text']; //Забираем тест, который мы написали
$img = imagecreatefromjpeg($imgage_path); // создаём новое изображение из файла
$font = "fonts_capcha/tahoma.ttf"; // путь к шрифту
$font_size = 22; // размер шрифта
$color = imageColorAllocate($img, 255, 255, 255); //Цвет шрифта
$shadow = imageColorAllocate($img, 0, 0, 0); // цвет обводки (черный цвет)
$size=getimagesize($imgage_path); //Узнаем размер изображения
$w=(int)$size[0]; // ширина
$h=(int)$size[1]; // высота
// текст по центру
$box = imagettfbbox($font_size, 0, $font, $text);
$x = ($w/2)-($box[2]-$box[0])/2; //по оси x
$y = ($h/2)-($box[3]-$box[5])/2; //по оси y
//Обводка
imagettftext($img, $font_size, 0, $x+2, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x-2, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y+2, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y-2, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x+1, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x-1, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y+1, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y-1, $shadow, $font, $text);
//Разметка самого текста
imagettftext($img, $font_size, 0, $x, $y, $color, $font, $text);
header("Content-type: image/png");
imagepng($img);
imagedestroy($img);
0- нижний левый угол, X-позиция 1- нижний левый угол, Y-позиция 2- нижний правый угол, X-позиция 3- нижний правый угол, Y-позиция 4- верхний правый угол, X-позиция 5- верхний правый угол, Y-позиция 6- верхний левый угол, X-позиция 7- верхний левый угол, Y-позиция
Разметка на html
Разметку мы делаем для наглядного примера и удобного теста.
Доброго времени суток начинающие программисты, в этом уроке мы будем создавать онлайн калькулятор услуг. В качестве примера мы будем брать калькулятор ремонта, который делает онлайн расчет стоимости ремонта.
Фишка этого калькулятора в том, что в итоге все расчеты можно сохранить в word документ и формирует он все данные за считанные мили-секунды.
Для чего мы создаем такой калькулятор расчетов услуг
Быстрая готовая смета
Сформированный документ можно уже отправлять клиенту
Экономия времени пользователю, тем самым повышаем КПД
Какие методы используем
Формирование шаблона на HTML
Использование многомерного массива в input
Запросы к базе данных для вывода услуг
Расчет при помощи javascript
Php формирование документа
Создаем калькулятор расчета за 6 простых шагов
Шаг 1. Создаем базу данных в mysql
В источниках есть дамп базы данных, в ней находится 2 таблицы. В последующих шагах мы будем к ним обращаться.
price_cat — таблица с категориями price_item — таблица с услугами
Создаем базу данных импортируем файл calculator.sql в созданную базу данных и подключаемся к ней.
Как видим ничего сложного нет, очень простые запросы к базе, очень простой html код. Единственное на что хотел обратить внимание, это на то что мы используем многомерный массив input. В файле обработчике мы будет работать с ними и научимся извлекать нужные данные из них.
Теперь самое интересное. Напишем скрипт для расчета стоимости услуг на javascript.
Шаг 3. Пишем скрипт на javascript онлайн расчета
Некоторые строки я пояснил прямо в коде.
$(function(){
// смена стрелочки у категории
$(".open_category").click(function(){
var status = $(this).attr("aria-expanded")
if(status=="false")
{
$(this).find("i").attr("class","fa fa-angle-up");
}
else
{
$(this).find("i").attr("class","fa fa-angle-down");
}
})
// событие при наборе кол-ва в калькуляторе
$(".calc").on("change keyup", function(){
var value = $(this).val();
var price = $(this).parent().prev().find("input").val();
price = price.replace(/\s/g, ''); // удаляем пробелы
var item_summa = value*price;
item_summa = item_summa.Crop(2); // 2 знаka после запятой
$(this).parent().next().find("input").val(item_summa);
var summa_category = 0; // сюда будем загонять сумму в каждоый категории
var total_summa = 0; // сюда будем загонять итоговую сумму
var item_summa_category = $(this).parent().next().find("input");
$(item_summa_category).each(function(){ // пробегаемся по всем суммам и суммируем
var k = parseFloat($(this).val());
if(!k || k==0){k=0;}
summa_category += k;
})
// записываем расчеты по категориям
$(this).parents(".category").find(".summa_category").text(summa_category);
$(this).parents(".category").find(".summa_category_input").val(summa_category);
$("big.summa_category").each(function(){ // пробегаемся по всем суммам в категориях и суммируем
var t = parseFloat($(this).text());
if(!t || t==0){t=0;}
total_summa += t; // считаем общую стоимость
})
// выводим итоговую сумму
$(".total").text(total_summa);
$(".total_input").val(total_summa);
})
})
// функция знаки после запятой
Number.prototype.Crop = function (x){
var s = this+'', a = s.split('.');
a[1]=a[1]||'';
return parseFloat(a[0]+'.'+a[1].substring(0,x));
}
Отлично теперь, если вы сделали все правильно, то у наш созданный калькулятор уже должен считать.
Шаг 4. Пишем скрипт формирования содержимого в word.docx документ.
В исходниках есть файл sample.rtf, его вы должны разместить у Вас на сервере. Он послужит нам шаблоном для создания документа формата .docx на php. Он так же содержит метки, куда мы будем присваивать переменные, созданные в файле save_word.php. Этот файл и есть обработчик формирования word документа.
Файл save_word.php
header('Content-Type: text/html; charset= utf-8');
$categories = isset($_POST['category']) ? $_POST['category'] : array(); // Записываем в многомерный массив все инпуты, которые мы разметели с помощью цикла в php
//В Переменную word мы будем присваивать все что мы расчитали.
$word = "<div style=\"font-family: Helvetica, Arial, sans-serif;\"><table cellpadding=\"0\" border=\"1\" cellspacing=\"0\" style=\"width:100%; border-color: #ddd;\">";
// пробегаемся по категориям
foreach($categories as $category) {
if($category["summa"]!=0) //Проверяем, если есть расчеты в категории, то считаем.
{
// Обратите внимания, в переменнюу word мы присваем с точкой в начале ".=", это значит что мы добавляем содержимое к тому что было ранее. То есть иными словами Лево+Право=ЛевоПраво
$word .= "<tr><th colspan=\"5\"><div style=\"font-family: Helvetica, Arial, sans-serif; padding:15px; text-align:left; background: #ececec; font-size: 16px;\">$category[name] ($category[summa] руб.)</th></div></tr>";
$word .= "
<tr style=\"font-size:13px;\">
<td><div style=\"padding:5px; font-family: Helvetica, Arial, sans-serif;\"><strong>Наименование работ</strong></div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif; padding:5px; text-align:center\"><strong>Ед. изм.</strong></div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px; text-align:center\"><strong>Стоимость</strong></div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px; text-align:center\"><strong>Кол-во</strong></div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px; text-align:center\"><strong>Сумма</strong></div></td>
</tr>
";
foreach($category["items"] as $items) //Пробегаемся по всем услугам
{
if($items["summa"]!=0) // По аналогии. ну тут понятно думаю.
{
$word .="<tr style=\"font-size:12px;\">
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px;\">$items[name]</div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px; text-align:center;\">$items[ed_izm]</div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px; text-align:center;\">$items[price]</div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px; text-align:center;\">$items[kolvo]</div></td>
<td><div style=\"font-family: Helvetica, Arial, sans-serif;padding:5px; text-align:center;\">$items[summa]</div></td>
</tr>";
}
}
}
}
$word .="</table>";
$word .="<div style=\"padding:15px; margin-top:30px; font-size:18px; \"><strong>Итого:</strong> ".$_POST['total']." руб.</div></div>";
$d=Date('d.m.Y');
$name_doc = "Ваш прайс-лист ($d)";
//Сгенерировать заголовки, которые упростят браузеру выбор требуемого приложения для визуализации
header('Content-type: application/msword');
header('Content-disposition: inline; filename='.$name_doc.'.doc');
// Открыть файл шаблона
$filename = 'sample.rtf';
$fp = fopen($filename,'r');
//прочитать шаблон в перменную
$output = fread($fp, filesize($filename));
fclose($fp);
//Заменить заполнители в шаблоне требуемыми переменными
$output = str_replace('<<NAME>>',$word,$output);
//Отправить сгенерированный документ в браузер
html_entity_decode(iconv("utf-8", "windows-1251", $output), ENT_QUOTES, "windows-1251");
echo $output
В некоторых моментах мне было лень присваивать классы, прописывать к ним стили, а потом подключать новую CSS. По этому я писал стили прямо в коде в тегах, конечно же плохой пример, не делайте так, но из-за 2-3 строк, тоже время терять не хочется.
Все готово, можете тестировать и визуализировать выводимый word формат.
Вывод
В этом уроке мы создали онлайн калькулятор расчета услуг, на примере калькулятора ремонта, позаимствовав идею у сайта remont-cityper.ru. Написанный нами код очень сильно отличается от кода, который использован в демо примере. ( можете убедится сами). Так же мы научились создавать word документ под средством php, использовав шаблон rtf и специальные метки. Это отличный урок по созданию счетов, бланков, прайс-листов и т.д.
Пишите комментарии по этому поводу, я буду раз услышать от вас рекомендации или советы.
Обсудить проект
закрыть