Maison > Article > développement back-end > Easyui prend-il en charge php ?

Easyui prend-il en charge php ?

angryTomoriginal: 2020-01-27 21:13:062807parcourir

Easyui prend-il en charge PHP ?

easyui prend en charge php. La méthode d'utilisation spécifique consiste à utiliser easyui pour construire la structure de la page, puis à afficher les données renvoyées par php.

EasyUI est une collection de plug-ins d'interface utilisateur basés sur jQuery. L'objectif d'EasyUI est d'aider les développeurs Web à créer plus facilement des interfaces d'interface utilisateur fonctionnelles et esthétiques. Les développeurs n'ont pas besoin d'écrire du javascript complexe, ni d'avoir une compréhension approfondie des styles CSS. Tout ce qu'ils ont besoin de savoir, ce sont quelques balises HTML simples.

Ce qui suit est un exemple d'affichage de données easyUI+PHP pour votre référence :

1. Écrivez d'abord le fichier 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. Ensuite, écrivez le fichier 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);
?>

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

Articles et tutoriels connexes recommandés :

tutoriel php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php JavaScript jquery css easyui html ui

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Pourquoi les temps obtenus par php sont-ils différents ?Article suivant：Pourquoi les temps obtenus par php sont-ils différents ?

Articles Liés

Voir plus