DCAT ??? ??? ?? ??? : ???? ??? ??? ???? ??? ??????.

? ????? DCAT ??? (Laravel ??? ??)?? ??? ?? ???? ???? ??? ?? ???? ???? ??? ???? ???? ???? ??? ?? ?? ?? (? : ID, ??, ?? ??)? ?? ? ? ????.

???? ?? ??

DCAT ???? ?? ???? ????? ??? ??? ?? ???? ???? ? ?? ?? ?? ?? ?? ? ??? ??? ???? ??? ??? ?? ??? ?????.

?? ??

??? ??? ?? ?? ????? ??? ?? ????? ?????? ??? ????.

1. ??? ?? ??? ?? (???? ???)

?? ID ?? ??, ?? ?? ? ??? ??? ???? DCAT ??????? ??? ??? ????. ??? CSS ??? ??? ???? ?????? ?????? ?? ????.

<div class="box">
    <div>
        ID:<input type="text" id="idInput">
        <button id="addButton">??</button>
    </div>
    <table id="dataTable">
        <thead>
            <tr>
                <th>ID</th>
                <th>??</th>
                <th>??</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>

2. ??? ?? JavaScript ??? ??

JavaScript? ???? ??? ???? AJAX ??? ???? ?? ???? ???? ???? ???? ??????.

 document.getElementById ( 'addButton'). addEventListener ( 'click', function () {
    const id = document.getElementById ( 'idinput'). ?;
    if (id) {
        axios.get ( '/your-api-endpoint/'id)
            . ??? (?? => {
                addrowtotable (response.data);
            })
            .catch (error => {
                console.error ( 'error :', error);
                // ?? ??? ?? ?? ?? ??});
    }
});

?? AddRowTotable (data) {
    const tablebody = document.getElementById ( 'dataTable'). QuerySelector ( 'tbody');
    const newrow = tablebody.insertrow ();

    const idcell = newrow.insertcell ();
    const ratercell = newrow.insertcell ();
    const colorcell = newrow.insertcell ();

    idcell.textContent = data.id; // ???? ?? ?? ? ???? ID ?? QuantityCell.innerHtml =`<input type="number" value="1"> `;; // ?? ?? ?? ColorCell.innerHtml =`? ?????<select><option value="red"> ???</option>
<option value="blue"> ???</option></select> `;; // ?? ??? ??}

3. ??? ?? ????

AJAX ??? ???? ???? ?????? Laravel ???? ??? ??????.

  php

?? ???? ? \ http \ ???? \ ???;

App \ http \ Controllers \ Controller? ??????.
Illuminate \ http \ request? ??????.
App \ Models \ YourModel? ??????. // ??? ?? ???? ??? yourController? ????? ?????.
{
    ?? ?? getData (?? $ ??, $ id)
    {
        $ data = yourmodel :: find ($ id); // ???????? ???? ?? ?? ??? ?? ($ data) {If If If Model? ?? ??????.
            return response ()-> json ($ data);
        } ? ?? {
            return response ()-> json ([ 'error'=> 'data ?? ? ??'], 404);
        }
    }
}

4. DCAT ??? ??? ? ???? ??

DCAT ?? ?? ??? API ??? ??????.

 route :: get ( '/your-api-endpoint/{id}', [\ app \ http \ ???? \ admin \ yourcontroller :: class, 'getData']);

5. DCAT ????? ??

DCAT ??? ?????? view() ???? ???? ? ??? ???? ???? ???? ???????.

?? ??? ?? DCAT Admin?? ??? ?? Click-ADD ??? ??? ??? ??? ? ????. ?? API ?? ??? ? ??? ??? ?? /your-api-endpoint ? YourModel ??????. ? ?? ??? ??? ?? ?? ?? ? ??? ?? ????? ???? ?? ????.

? ??? DCAT ????? ???? ???? ?? ???? ??? ?? ??? ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!