easyui支持php吗?

easyui支持php吗?

easyui支持php,具体的使用方法是使用easyui来搭建页面结构,然后通过php返回的数据进行展示即可。

EasyUI是一组基于jQuery的UI插件集合体,EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,需要了解的只有一些简单的html标签。

下面是一个easyUI+PHP展示数据的例子,供各位参考:

1、首先编写HTML文件

1

2

3

4

5

6

扫描二维码关注公众号,回复: 9012455 查看本文章

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

<!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:'validatebox',options:{required:true}}">ID</th>

        <th field="user_id" width="50" editor="{type:'validatebox',options:{required:true}}">UID</th>

        <th field="time" width="50" editor="text">TIME</th>

        <th field="type" width="50" editor="{type:'validatebox',options:{required:'true'}}">TYPE</th>

    </tr>

    </thead>

</table>

<script>

    $('#dg').datagrid({

        url: '/index/index/test2',

    });

</script>

 

</body>

</html>

2、然后编写PHP文件

1

2

3

4

5

6

7

<?php

$result = Db::table('o_attend')

            ->select();

$arr['total']=sizeof($result);

$arr['rows']=$result;

echo  json_encode($arr);

?>

3、php返回数据示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

{

    "total": 2,

    "rows": [{

        "id": 1,

        "user_id": "1",

        "time": "1",

        "type": 1

    }, {

        "id": 2,

        "user_id": "1",

        "time": "1",

        "type": 2

    }]

}

合肥代孕威信15023219993太原代孕威信15023219993上海代孕威信15023219993广州代孕+15023219993重庆代孕+15023219993以上就是easyui支持php吗?的详细内容,更多请关注php中文网其它相关文章!

猜你喜欢

转载自www.cnblogs.com/ipengrui1/p/12283396.html