Unterstützt easyui PHP?-PHP-Problem-php.cn

Unterstützt easyui PHP?

angryTom

Freigeben： 2023-02-28 18:18:01

Original

2854 Leute haben es durchsucht

Unterstützt easyui PHP?

Unterstützt easyui PHP?

easyui unterstützt PHP. Die spezifische Verwendungsmethode besteht darin, easyui zum Erstellen der Seitenstruktur zu verwenden und dann die von PHP zurückgegebenen Daten anzuzeigen.

EasyUI ist eine Sammlung von UI-Plug-ins, die auf jQuery basieren. Das Ziel von EasyUI ist es, Webentwicklern dabei zu helfen, einfacher funktionale und schöne UI-Schnittstellen zu erstellen. Entwickler müssen weder komplexes Javascript schreiben, noch müssen sie über ein tiefgreifendes Verständnis der CSS-Stile verfügen. Sie müssen lediglich einige einfache HTML-Tags kennen.

Das Folgende ist ein Beispiel für die Anzeige von Daten durch easyUI+PHP als Referenz:

1. Schreiben Sie zuerst die HTML-Datei

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/demo/demo.css">
    <script type="text/javascript" src="/mine/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/mine/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<table id="dg" title="My Users" style="width:550px;height:250px"
       toolbar="#toolbar" idField="id"
       rownumbers="true" fitColumns="true" singleSelect="true"> 
    <thead>
    <tr>
        <th field="id" width="50" editor="{type:&#39;validatebox&#39;,options:{required:true}}">ID</th>
        <th field="user_id" width="50" editor="{type:&#39;validatebox&#39;,options:{required:true}}">UID</th>
        <th field="time" width="50" editor="text">TIME</th>
        <th field="type" width="50" editor="{type:&#39;validatebox&#39;,options:{required:&#39;true&#39;}}">TYPE</th>
    </tr>
    </thead>
</table>
<script>
    $(&#39;#dg&#39;).datagrid({
        url: &#39;/index/index/test2&#39;,
    });
</script>

</body>
</html>

Nach dem Login kopieren

2. Schreiben Sie dann die PHP-Datei

<?php
$result = Db::table(&#39;o_attend&#39;)
            ->select();
$arr[&#39;total&#39;]=sizeof($result);
$arr[&#39;rows&#39;]=$result;
echo  json_encode($arr);
?>

Nach dem Login kopieren

3. Beispiel für von PHP zurückgegebene Daten:

{
    "total": 2,
    "rows": [{
        "id": 1,
        "user_id": "1",
        "time": "1",
        "type": 1
    }, {
        "id": 2,
        "user_id": "1",
        "time": "1",
        "type": 2
    }]
}

Nach dem Login kopieren

Empfohlene verwandte Artikel und Tutorials: PHP-Tutorial

Das obige ist der detaillierte Inhalt vonUnterstützt easyui PHP?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!