ホームページ > 記事 > バックエンド開発 > easyui は php をサポートしていますか?

easyui は php をサポートしていますか?

angryTomオリジナル: 2020-01-27 21:13:062802ブラウズ

easyui は php をサポートしていますか?

easyui は php をサポートしており、具体的な使用方法は、easyui を使用してページ構造を構築し、php から返されたデータを表示することです。

EasyUI は、jQuery に基づいた UI プラグインのコレクションです。EasyUI の目標は、Web 開発者が機能的で美しい UI インターフェイスをより簡単に作成できるようにすることです。開発者は、複雑な JavaScript を記述する必要も、CSS スタイルを深く理解する必要もなく、いくつかの単純な HTML タグを知っていれば十分です。

以下は、参考までにデータを表示する easyUI PHP の例です:

1. まず HTML ファイルを作成します

<!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. 次に、PHP ファイル

<?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 を記述します。PHP の戻りデータの例:

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

おすすめの関連記事チュートリアル: php チュートリアル

以上がeasyui は php をサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php JavaScript jquery css easyui html ui

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：php で取得される時間が異なるのはなぜですか?次の記事：php で取得される時間が異なるのはなぜですか?

続きを見る