Heim  >  Artikel  >  Backend-Entwicklung  >  Unterstützt easyui PHP?

Unterstützt easyui PHP?

angryTom
angryTomOriginal
2020-01-27 21:13:062771Durchsuche

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>

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);
?>

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
    }]
}

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn