easyui支持php吗?

Posted ipengrui1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

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中文网其它相关文章!

 

以上是关于easyui支持php吗?的主要内容,如果未能解决你的问题,请参考以下文章

Easyui的easyui-filebox有人知道是不是支持 多文件上传吗?

easyui好用吗?

架构丰富的代码片段也应该用于产品列表吗?

easyui表单提交,后台获取不到值

easyUI中的treegrid如何支持大数据量的展示,不分页。像它的datagrid一样

EasyUI CRUD应用Java改造版本