Практика по шаблонизатору Blade фреймворка Laravel
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'links' => [
[
'text' => 'text1',
'href' => 'href1',
],
[
'text' => 'text2',
'href' => 'href2',
],
[
'text' => 'text3',
'href' => 'href3',
],
],
]);
?>
Сформируйте из нашего массива следующий HTML код:
<a href="http://href1">text1</a>
<a href="http://href2">text2</a>
<a href="http://href3">text3</a>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'links' => [
[
'text' => 'text1',
'href' => 'href1',
],
[
'text' => 'text2',
'href' => 'href2',
],
[
'text' => 'text3',
'href' => 'href3',
],
],
]);
?>
Модифицируйте предыдущую задачу так, чтобы
каждая ссылка выводилась в отдельном теге
li тега ul. В результате
должен получиться следующий HTML код:
<ul>
<li><a href="http://href1">text1</a></li>
<li><a href="http://href2">text2</a></li>
<li><a href="http://href3">text3</a></li>
</ul>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'employees' => [
[
'name' => 'user1',
'surn' => 'surn1',
'salary' => 1000,
],
[
'name' => 'user2',
'surn' => 'surn2',
'salary' => 2000,
],
[
'name' => 'user3',
'surn' => 'surn3',
'salary' => 3000,
],
[
'name' => 'user4',
'surn' => 'surn4',
'salary' => 4000,
],
[
'name' => 'user5',
'surn' => 'surn5',
'salary' => 5000,
],
],
]);
?>
Выведите этот массив в виде следующей таблицы:
<table>
<tr>
<td>user1</td>
<td>surn1</td>
<td>1000</td>
</tr>
<tr>
<td>user2</td>
<td>surn2</td>
<td>2000</td>
</tr>
<tr>
<td>user3</td>
<td>surn3</td>
<td>3000</td>
</tr>
<tr>
<td>user4</td>
<td>surn4</td>
<td>4000</td>
</tr>
<tr>
<td>user5</td>
<td>surn5</td>
<td>5000</td>
</tr>
</table>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'employees' => [
[
'name' => 'user1',
'surn' => 'surn1',
'salary' => 1000,
],
[
'name' => 'user2',
'surn' => 'surn2',
'salary' => 2000,
],
[
'name' => 'user3',
'surn' => 'surn3',
'salary' => 3000,
],
[
'name' => 'user4',
'surn' => 'surn4',
'salary' => 4000,
],
[
'name' => 'user5',
'surn' => 'surn5',
'salary' => 5000,
],
],
]);
?>
Модифицируйте предыдущую задачу так, чтобы в первом ряду появились заголовки таблицы. В результате должна получиться следующая таблица:
<table>
<tr>
<th>Name</th>
<th>Surname</th>
<th>Salary</th>
</tr>
<tr>
<td>user1</td>
<td>surn1</td>
<td>1000</td>
</tr>
<tr>
<td>user2</td>
<td>surn2</td>
<td>2000</td>
</tr>
<tr>
<td>user3</td>
<td>surn3</td>
<td>3000</td>
</tr>
<tr>
<td>user4</td>
<td>surn4</td>
<td>4000</td>
</tr>
<tr>
<td>user5</td>
<td>surn5</td>
<td>5000</td>
</tr>
</table>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'employees' => [
[
'name' => 'user1',
'surn' => 'surn1',
'salary' => 1000,
],
[
'name' => 'user2',
'surn' => 'surn2',
'salary' => 2000,
],
[
'name' => 'user3',
'surn' => 'surn3',
'salary' => 3000,
],
[
'name' => 'user4',
'surn' => 'surn4',
'salary' => 4000,
],
[
'name' => 'user5',
'surn' => 'surn5',
'salary' => 5000,
],
],
]);
?>
Модифицируйте предыдущую задачу так, чтобы появилась еще одна колонка в начале таблицы, в которой будут выводится порядковые номера работников. Нумерация должна начинаться с единицы. В результате должна получиться следующая таблица:
<table>
<tr>
<th>#</th>
<th>Name</th>
<th>Surname</th>
<th>Salary</th>
</tr>
<tr>
<td>1</td>
<td>user1</td>
<td>surn1</td>
<td>1000</td>
</tr>
<tr>
<td>2</td>
<td>user2</td>
<td>surn2</td>
<td>2000</td>
</tr>
<tr>
<td>3</td>
<td>user3</td>
<td>surn3</td>
<td>3000</td>
</tr>
<tr>
<td>4</td>
<td>user4</td>
<td>surn4</td>
<td>4000</td>
</tr>
<tr>
<td>5</td>
<td>user5</td>
<td>surn5</td>
<td>5000</td>
</tr>
</table>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'employees' => [
[
'name' => 'user1',
'surn' => 'surn1',
'salary' => 1000,
],
[
'name' => 'user2',
'surn' => 'surn2',
'salary' => 2000,
],
[
'name' => 'user3',
'surn' => 'surn3',
'salary' => 3000,
],
[
'name' => 'user4',
'surn' => 'surn4',
'salary' => 4000,
],
[
'name' => 'user5',
'surn' => 'surn5',
'salary' => 5000,
],
],
]);
?>
Модифицируйте предыдущую задачу так, чтобы
на экран выводились только работники с зарплатой
более 2000. В результате должна
получиться следующая таблица:
<table>
<tr>
<td>user3</td>
<td>surn3</td>
<td>3000</td>
</tr>
<tr>
<td>user4</td>
<td>surn4</td>
<td>4000</td>
</tr>
<tr>
<td>user5</td>
<td>surn5</td>
<td>5000</td>
</tr>
</table>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'users' => [
[
'name' => 'user1',
'surn' => 'surn1',
'banned' => true,
],
[
'name' => 'user2',
'surn' => 'surn2',
'banned' => false,
],
[
'name' => 'user3',
'surn' => 'surn3',
'banned' => true,
],
[
'name' => 'user4',
'surn' => 'surn4',
'banned' => false,
],
[
'name' => 'user5',
'surn' => 'surn5',
'banned' => false,
],
],
]);
?>
Выведите этот массив в виде HTML таблицы
с тремя колонками: имя, фамилия и статус.
В последней колонке должен выводится статус
пользователя: забанен он или нет. Если ключ
banned для данного пользователя имеет
значение true, то выводите слово 'banned',
а если false, то слово 'active'.
В результате должна получиться следующая
таблица:
<table>
<tr>
<td>user1</td>
<td>surn1</td>
<td>banned</td>
</tr>
<tr>
<td>user2</td>
<td>surn2</td>
<td>active</td>
</tr>
<tr>
<td>user3</td>
<td>surn3</td>
<td>banned</td>
</tr>
<tr>
<td>user4</td>
<td>surn4</td>
<td>active</td>
</tr>
<tr>
<td>user5</td>
<td>surn5</td>
<td>active</td>
</tr>
</table>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'users' => [
[
'name' => 'user1',
'surn' => 'surn1',
'banned' => true,
],
[
'name' => 'user2',
'surn' => 'surn2',
'banned' => false,
],
[
'name' => 'user3',
'surn' => 'surn3',
'banned' => true,
],
[
'name' => 'user4',
'surn' => 'surn4',
'banned' => false,
],
[
'name' => 'user5',
'surn' => 'surn5',
'banned' => false,
],
],
]);
?>
Модифицируйте предыдущую задачу так, чтобы
цвет текста tr с забаненным пользователем
был красного цвета, а с активным пользователем
- зеленого. В результате должна получиться
следующая таблица:
<table>
<tr style="color: red;">
<td>user1</td>
<td>surn1</td>
<td>banned</td>
</tr>
<tr style="color: green;">
<td>user2</td>
<td>surn2</td>
<td>active</td>
</tr>
<tr style="color: red;">
<td>user3</td>
<td>surn3</td>
<td>banned</td>
</tr>
<tr style="color: green;">
<td>user4</td>
<td>surn4</td>
<td>active</td>
</tr>
<tr style="color: green;">
<td>user5</td>
<td>surn5</td>
<td>active</td>
</tr>
</table>
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'arr' => ['aaa', 'bbb', 'ccc', 'ddd'],
]);
?>
Переберите этот массив циклом и в каждой итерации цикла создайте инпут, сделав значением инпута элемент массива. В результате должен получиться следующий HTML код:
<input value="aaa">
<input value="bbb">
<input value="ccc">
<input value="ddd">
Пусть из действия контроллера в представление передается следующее:
<?php
return view('post.show', [
'cities' => ['Moscow', 'London', 'Paris'],
]);
?>
Сделайте из этого массива выпадающий
список select.
В результате должен
получиться следующий HTML код:
<select>
<option>Moscow</option>
<option>London</option>
<option>Paris</option>
</select>
Сделайте в действии контроллера массив с
числами от 1 до последнего дня текущего
месяца. Передайте этот массив в представление.
Сделайте также переменную, в которой будет
хранится номер текущего дня. Также передайте
эту переменную в представление:
<?php
return view('post.show', [
'days' => [], // ваш код
'today' => 0, // ваш код
]);
?>
Переберите циклом переданный массив и выведите
его в виде списка ul. При этом тегу
li, в котором хранится номер текущего
дня месяца добавьте класс active.
Если, к примеру, сегодня 15-е число,
то результат будет таким:
<ul>
<li>1</li>
<li>2</li>
...
<li class="active">15</li>
...
<li>31</li>
</ul>
