szit

Felhasználói eszközök

Eszközök a webhelyen

Itt vagy: start » oktatas » programozas » php » php_rest_api » php_mocking
Nyomvonal:
oktatas:programozas:php:php_rest_api:php_mocking

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
Következő változat		Előző változat
oktatas:programozas:php:php_rest_api:php_mocking [2022/04/10 16:43] – [Egyszerűen tömbből] adminoktatas:programozas:php:php_rest_api:php_mocking [2022/04/10 17:24] (aktuális) – [Lehetséges JavaScript kliens] admin
Sor 55: Sor 55:
         [ "id"=>2, "name"=>"kenyér", "price"=>0.8 ],         [ "id"=>2, "name"=>"kenyér", "price"=>0.8 ],
         [ "id"=>3, "name"=>"tej", "price"=>0.9 ]         [ "id"=>3, "name"=>"tej", "price"=>0.9 ]
 +        ]
 +    ];
 +</code>
 +
 +Ezek után csak a termékekre így hivatkozunk:
 +<code php>
 +    $res = json_encode(
 +        $data['products'],
 +        JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT 
 +    );
 +</code>
 +
 +
 +
 +
 +<code php>
 +    $data = [
 +        "products" => [
 +            [ "id"=>1, "name"=>"vaj", "price"=>1.8 ],
 +            [ "id"=>2, "name"=>"kenyér", "price"=>0.8 ],
 +            [ "id"=>3, "name"=>"tej", "price"=>0.9 ]
 +            ],
 +        "customers" => [
 +            ["id"=>1, "name"=>"Penge Béla", "city"=>"Szeged"],
 +            ["id"=>2, "name"=>"Ezres Irén", "city"=>"Szeged"],
 +            ["id"=>3, "name"=>"Látó Ervin", "city"=>"Szeged"],
         ]         ]
     ];     ];
Sor 150: Sor 176:
 .then(res => { .then(res => {
     console.log(res );     console.log(res );
 +});
 +</code>
 +
 +
 +==== Rendereléssel ====
 +
 +Táblázat a HTML oldalon. 
 +<code html5>
 +        <table class="table table-striped">
 +            <thead>
 +                <tr>
 +                    <th>#</th>
 +                    <th>Név</th>
 +                    <th>Ár</th>
 +                </tr>
 +            </thead>
 +            <tbody id="tableBody">
 +            </tbody>
 +        </table>
 +</code>
 +
 +
 +<code javascript app.js>
 +const tableBody = document.querySelector('#tableBody');
 +
 +var url = 'http://localhost:3000/api/products';
 +fetch(url)
 +.then(res => res.json())
 +.then(res => {
 +    res.forEach(prod => {
 +        console.log(prod.name);
 +        let tr = document.createElement('tr');
 +        let tdId = document.createElement('td');
 +        let tdName = document.createElement('td');
 +        let tdPrice = document.createElement('td');
 +        
 +        tableBody.appendChild(tr);
 +        tr.appendChild(tdId);
 +        tr.appendChild(tdName);
 +        tr.appendChild(tdPrice);
 +        tdId.textContent = prod.id;
 +        tdName.textContent = prod.name;
 +        tdPrice.textContent = prod.price;
 +
 +    });
 }); });
 </code> </code>
  
oktatas/programozas/php/php_rest_api/php_mocking.1649601786.txt.gz · Utolsó módosítás: 2022/04/10 16:43 szerkesztette: admin