Отображение json в html

@neosoznan5622 · Регистрация: 21.05.2022

Студворк — интернет-сервис помощи студентам

Привет, как можно реализовать чтоб данные из json передавались в контроллер и при вызове контроллера в html отображалась новость
template.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
class Template implements ViewInterface
{
    public function __construct(
        protected string $template,
        protected array $data,
    ) {
 
    }
    public function render(): boll|string
    {
        header('HI');
        extract($this->data);
        ob_start();
        include ( TEMPLATES_PATH . DIRECTORY_SEPARATOR . $this->template . '.php');
        $content = ob_get_contents();
        ob_end_clean();
        return $content;
    }
}

controller.php

PHP
1
2
3
4
public function home(): Template
    {
        return new Template('home', []);
    }

json

JSON
1
[{"date":"08.08.2021","name_art":"Dream destinations to visit this year in Paris", "text_art":"Progressively incentivize cooperative systems through technically sound functionalities. Credibly productivate seamless data with flexible schemas."},{"date":"08.08.2021","name_art":"Breathtaking first-person photosaround Europe", "text_art":"Progressively incentivize cooperative systems through technically sound functionalities. Credibly productivate seamless data with flexible schemas."} ]

И чтоб в html передавались данные из json

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="regular_article">
                <img class="regular_img" src="" alt="blog">
                <span class="regular_date">08.08.2021</span>
                <a href="#" class="regular_subtitle">Dream destinations to visit this
                 year in Paris</a>
                <p class="regular_text">Progressively incentivize cooperative systems through
                    technically sound functionalities. Credibly productivate
                    seamless data with flexible schemas.</p>
            </div>
<div class="regular_article">
                <img class="regular_img" src="" alt="blog">
                <span class="regular_date">08.08.2021</span>
                <a href="#" class="regular_subtitle">Breathtaking first-person photos
                    around Europe</a>
                <p class="regular_text">Progressively incentivize cooperative systems through
                    technically sound functionalities. Credibly productivate
                    seamless data with flexible schemas.</p>
            </div>

@Para bellum · 03.07.2022, 18:39

Напишите что-то вроде

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
interface Storage
{
    public function read(string $tablename): ?array;
}
 
class JsonStorage implements Storage
{
    public function read(string $tablename): ?array
    {
        return json_decode(
            file_get_contents(STORAGE_PATH . DIRECTORY_SEPARATOR . $tablename . '.json'),
            true
        );
    }
}

Далее, принимайте объект Storage в конструкторе контроллера:

PHP
1
2
public function __construct(private Storage $storage)
{}

При создании экземпляра контроллера передавайте в него объект JsonStorage.
И метод home поменяйте так:

PHP
1
2
3
4
5
6
public function home(): Template
{
    return new Template('home', [
        'articles' => $this->storage->read('articles')
    ]);
}

Само собой, представленный ваше код -- лишь набросок. Нужно добавить namespace, проверку на существование файла.

@neosoznan5622 · 04.07.2022, 00:32 **[ТС]**

Привет, спасибо за ответ, но я не совсем пока понимаю как это будет выводиться при открытии самой html страницы)

@Para bellum · 04.07.2022, 05:38

В подключаемом шаблоне будет доступна переменная $articles, в которой находится массив записей. Массив нужно обходить в цикле и формировать HTML:

PHP/HTML
1
2
3
4
5
6
7
8
<?php foreach ($articles as $article): ?>
    <div class="regular_article">
        <img class="regular_img" src="" alt="blog">
        <span class="regular_date"><?=e($article['date'])?></span>
        <a href="#" class="regular_subtitle"><?=e($article['name_art'])?></a>
        <p class="regular_text"><?=e($article['text_art'])?></p>
    </div>
<?php endforeach ?>

Функция e -- это обёртка над htmlentities, нужна просто для краткости записи. Выглядеть должна так:

PHP
1
2
3
4
5
6
7
if (!function_exists('e') {
    
    function e(string $value): string
    {
        return htmlentities($value, ENT_QUOTES | ENT_SUBSTITUTE | ENT_HTML5, 'UTF-8');
    }
}

Кстати, в классе Template поменяйте boll на bool в возвращаемых типах метода render.
И я упустил момент вызова render в прошлом сообщении:

PHP
1
2
3
return (new Template('home', [
    'articles' => $this->storage->read('articles')
]))->render();

Но я бы на вашем месте один раз создал экземпляр Template, а уже в render передавал имя шаблона и данные.

@neosoznan5622 · 06.07.2022, 12:29 **[ТС]**

А где вообще должен быть htmlentities, в самом html?

@Para bellum · 06.07.2022, 15:38

Вот это:

PHP
1
2
3
4
5
6
7
if (!function_exists('e') {
    
    function e(string $value): string
    {
        return htmlentities($value, ENT_QUOTES | ENT_SUBSTITUTE | ENT_HTML5, 'UTF-8');
    }
}

Нужно добавить в файл для всяких подобных вспомогательных функций (например, в helpers.php). Затем helpers.php подключить к вашему проекту с помощью require и объявленные в нём функции станут доступны во всём проекте.

Новые блоги и статьи Все статьи Все блоги /
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .

@neosoznan5622 0 / 0 / 0 Регистрация: 21.05.2022 Сообщений: 15
	04.07.2022, 00:32 [ТС]
	Привет, спасибо за ответ, но я не совсем пока понимаю как это будет выводиться при открытии самой html страницы) 0

@neosoznan5622 0 / 0 / 0 Регистрация: 21.05.2022 Сообщений: 15
	06.07.2022, 12:29 [ТС]
	А где вообще должен быть htmlentities, в самом html? 0