Имитация страницы формата А4 в HTML PHP LOOP - PullRequest
0 голосов
/ 06 марта 2019

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

У меня есть 5 строк 4 столбца (5x4 = 20 ярлыков на странице)

Особенность в том, что у меня четыре цены, а количество этикеток зависит от общего количества. Я приведу пример. У меня есть колонки брои, цена1, цена2, цена3, цена4 С примерами данных:

Брой: 90

цена1: 4,85

цена2: 7,90

цена3: 9,30

цена4: 11,10

Делим (broi) 90/4 и получаем, что из 1 цены мы должны иметь 22,5, например:

цена1: 4,85 - 22шт

цена2: 7,90 - 24 шт.

цена 3: 9,30 - 22 шт.

цена 4: 11,10 - 22 шт. (всего шт 90 = брой)

Вот пример, в качестве снимка, to now

И я хочу быть: want to be

Мой php код:

<?php
$mysqli = new mysqli('localhost', 'user', 'pass', 'db');
/* check connection */
if ($mysqli->connect_errno) {
   printf("Connect failed: %s\n", $mysqli->connect_error);
   exit();
}
$mysqli->set_charset("utf8");

/* разделяме на 4 и правиме второто число да компенсира остатъка */
function calculate_columns(int $total, int $size, int $prefer = 1): array {
    $columns = [];
    for ($i = 0; $i < $size; $i++) {
        $columns[$i] = floor($total / $size);
    }
    $columns[$prefer] += $total - $columns[$prefer] * $size;
    return $columns;
    /*
     Array ( 
         [0] => 22 
         [1] => 24 
         [2] => 22 
         [3] => 22 
     ) 
     */
}
?><html>
    <head>
        <style>body {
  background: rgb(204,204,204); 
}
page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  //box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="landscape"] {
  width: 42cm;
  height: 29.7cm;  
}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="landscape"] {
  width: 21cm;
  height: 14.8cm;  
}
@media print {
  body, page {
    margin: 0;
    box-shadow: 0;
  }
}

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  margin-left:10px;
  color: #000 ;
  font-size:19px !important;
  font-weight: bold; font: arial;
}

/* Centered text */
.centered {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left:6px;

}


.A4 {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  padding: 10px 25px;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  box-sizing: border-box;
  font-size: 12pt;
}

@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
  size: A4 portrait;
}

@media print {
  body {
    margin: 0;
    padding: 0;
  }
  .A4 {
    box-shadow: none;
    margin: 0;
    width: auto;
    height: auto;
  }
  .noprint {
    display: none;
  }
  .enable-print {
    display: block;
  }
}


</style>
<script>
  //window.print();
</script>
</head>
<body>
<?php
$lstoutput = array();
$sqlquery = $mysqli->query("SELECT * FROM items WHERE id=1");
while($row = $sqlquery->fetch_array()) {
    $lstoutput[] = $row;
}
    $labels = calculate_columns($lstoutput[0]['broi'], 4);
        $page_much = $lstoutput[0]['broi']/20; //$labels[0]
        $page_number = '0';
        for(; $page_number < $page_much ; $page_number++){
            echo '<page size="A4"><table cellpadding="6" style="padding-top: 30px"><tbody>';
            if($lstoutput[0]['price1'] != null) {
                $labels_number = 0;
                for ($labels_number = 0; $labels_number <= $labels[0]; $labels_number++) {
                    if ($labels_number %4 === 0) {
                        echo("</tr>\n<tr style='margin:1px'>");
                    }
                    echo '<td style="margin:1px" class="container"><img src="label.png" alt="label" style="border:1px solid #333;width:184px;height:184px" /><div class="centered">'.$lstoutput[0]['price1'].'</div></td>';
                }
            }
            if($lstoutput[0]['price2'] != null) {
                $labels_number = 0;
                for ($labels_number = 0; $labels_number <= $labels[0]; $labels_number++) {
                    if ($labels_number %4 === 0) {
                        echo("</tr>\n<tr style='margin:1px'>");
                    }
                    echo '<td style="margin:1px" class="container"><img src="label.png" alt="label" style="border:1px solid #333;width:184px;height:184px" /><div class="centered">'.$lstoutput[0]['price2'].'</div></td>';
                }
            }
            echo '</tbody></table></page>';
        }
?>
    </body>
</html>

Ответы [ 2 ]

0 голосов
/ 07 марта 2019

Если вы установите метки как div с помощью css display: inline-block вместо использования таблицы, браузер сам переопределит элементы для размещения на каждой странице.

.label {
  display: inline-block;
  width: 200px;
  height: 100px;
  border: 1px solid black;
  padding: 5px;
  margin: 5px;
}
<div class="label">label</div>
<div class="label">label</div>
<div class="label">label</div>
<div class="label">label</div>
<div class="label">label</div>
...

Это выглядит так в моем окне предварительного просмотра: enter image description here

0 голосов
/ 06 марта 2019

@ DinoCoderSaurus Я установил код после удаления цикла, чтобы создать количество страниц, добавил функцию page-break-after (css), но не получил его снова, установил код photo +.

   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }

enter image description here

<?php
$mysqli = new mysqli('localhost', 'USER', 'PASS', 'DATABASE');
/* check connection */
if ($mysqli->connect_errno) {
   printf("Connect failed: %s\n", $mysqli->connect_error);
   exit();
}
$mysqli->set_charset("utf8");

/* разделяме на 4 и правиме второто число да компенсира остатъка */
function calculate_columns(int $total, int $size, int $prefer = 1): array {
    $columns = [];
    for ($i = 0; $i < $size; $i++) {
        $columns[$i] = floor($total / $size);
    }
    $columns[$prefer] += $total - $columns[$prefer] * $size;
    return $columns;
    /*
     Array ( 
         [0] => 22 
         [1] => 24 
         [2] => 22 
         [3] => 22 
     ) 
     */
}
?><html>
    <head>
        <style>body {
  background: rgb(204,204,204); 
}
page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  //box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="landscape"] {
  width: 42cm;
  height: 29.7cm;  
}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="landscape"] {
  width: 21cm;
  height: 14.8cm;  
}
@media print {
  body, page {
    margin: 0;
    box-shadow: 0;
  }
}

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  margin-left:10px;
  color: #000 ;
  font-size:19px !important;
  font-weight: bold; font: arial;
}

/* Centered text */
.centered {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left:6px;

}


.A4 {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  padding: 10px 25px;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  box-sizing: border-box;
  font-size: 12pt;
}

@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
  size: A4 portrait;
}

@media print {
  body {
    margin: 0;
    padding: 0;
  }
  .A4 {
    box-shadow: none;
    margin: 0;
    width: auto;
    height: auto;
  }
  .noprint {
    display: none;
  }
  .enable-print {
    display: block;
  }
}

   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }

</style>
<script>
  //window.print();
</script>
</head>
<body>
<?php
$lstoutput = array();
$sqlquery = $mysqli->query("SELECT * FROM items WHERE id=1");
while($row = $sqlquery->fetch_array()) {
    $lstoutput[] = $row;
}
    $labels = calculate_columns($lstoutput[0]['broi'], 4);
            echo '<page size="A4"><table cellpadding="5" style="padding-top: 10px"><tbody>';
            if($lstoutput[0]['price1'] != null) {
                $labels_number = 0;
                for ($labels_number = 0; $labels_number <= $labels[0]; $labels_number++) {
                    if ($labels_number %4 === 0) {
                        echo("</tr>\n<tr style='margin:1px'>");
                    }
                    echo '<td style="margin:1px" class="container"><img src="label.png" alt="label" style="border:1px solid #000;width:90%;height:90%" /><div class="centered">'.$lstoutput[0]['price1'].'</div></td>';
                }
            }
            if($lstoutput[0]['price2'] != null) {
                $labels_number = 0;
                for ($labels_number = 0; $labels_number <= $labels[1]; $labels_number++) {
                    if ($labels_number %4 === 0) {
                        echo("</tr>\n<tr style='margin:1px'>");
                    }
                    echo '<td style="margin:1px" class="container"><img src="label.png" alt="label" style="border:1px solid #000;width:90%;height:90%" /><div class="centered">'.$lstoutput[0]['price2'].'</div></td>';
                }
            }
            echo '</tbody></table></page>';
?>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...