EasyUI与PHP联合操作数据库数据 (easyui php数据库数据)

在互联网时代,网站作为企业的重要宣传和营销渠道,越来越受到企业的关注和重视。开发一个美观、功能强大的网站不仅需要技术人员的努力和付出,还需要使用到一些好用的技术工具。EasyUI是一款非常流行的前端UI框架,使用它可以为网站搭建美观的UI界面。而PHP是一种流行的服务器端编程语言,使用它可以编写出高效的网站程序。本文主要介绍如何使用EasyUI和PHP联合操作数据库数据,以满足网站的数据查询、修改等需求。

一、EasyUI的特点

EasyUI是由国内的开发者制作的一个开源的前端框架,它的核心特点如下:

1.基于jQuery的UI框架,易于学习和使用。

2.提供了多种UI组件,包括常用的表格、树形控件、对话框等。

3.支持Ajax技术,可以实现与后台服务器的交互。

4.完全免费,开源代码,方便修改和拓展。

二、PHP的特点

PHP是一种流行的服务器端编程语言,它的特点如下:

1.简单易学,使用方便。

2.能够与多种数据库进行连接,包括MySQL和Oracle等。

3.支持面向对象编程,可以编写出结构清晰、易于维护的程序。

4.完全免费,可在Windows和Linux系统下运行。

三、EasyUI与PHP的联合使用

EasyUI与PHP的联合使用可以非常方便地实现网站数据的查询、修改等功能。其基本思路是,前端通过EasyUI发送Ajax请求到后台PHP程序,后台PHP程序再从数据库中查询数据并返回给前端,前端再将数据显示在EasyUI组件中。

下面举一个例子,介绍如何使用EasyUI和PHP联合操作数据库数据。我们假设要实现的功能是,在网页上显示学生成绩的列表,并提供添加、修改、删除等功能。

(一)实现学生成绩列表显示

首先需要编写一个PHP文件,用于处理前端EasyUI发送的Ajax请求,并从数据库查询数据后返回到前端。在这里我们使用MySQL作为数据库。

//连接MySQL数据库

$conn=mysql_connect(“localhost”,”username”,”password”);

mysql_select_db(“database”,$conn);

mysql_query(“set names utf8”);

//传入参数page和rows,表示当前页和每页显示记录数

$page=$_GET[‘page’];

$rows=$_GET[‘rows’];

//查询总记录数

$sql=”select count(*) from score”;

$result=mysql_query($sql);

$row=mysql_fetch_array($result);

//查询当前页的数据

$sql=”select * from score limit “.($page-1)*$rows.”,”.$rows;

$result=mysql_query($sql);

$arr=array();

while($row=mysql_fetch_assoc($result)){

array_push($arr,$row);

}

echo json_encode(array(‘total’=>$row[0],’rows’=>$arr));

?>

在这个PHP程序中,首先连接MySQL数据库,并设置编码格式为utf-8。然后从前端GET方式传入参数page和rows,表示当前页和每页显示记录数。在查询前需要先查询出总记录数,再查询当前页的数据。最后将查询结果使用json_encode转换成json格式并返回到前端。

下一步我们需要在前端编写EasyUI的表格组件,并使用Ajax发送请求到上述PHP程序中获取数据库中的数据。具体代码如下:

$(function(){

$(‘#dg’).datagrid({

url:’get_data.php’, //后台PHP程序地址

pagination:true, //开启分页

pageSize:10, //每页显示的记录数

pageList:[10,20,30,40], //可选的每页记录数

columns:[[ //定义每一列的内容

{field:’id’,title:’学号’,width:80},

{field:’name’,title:’姓名’,width:100},

{field:’score’,title:’成绩’,width:80},

{field:’subject’,title:’科目’,width:100}

]]

});

});

其中url属性指向上述PHP程序的地址,pagination属性开启分页功能,pageSize属性指定每一页显示的记录数,pageList属性指定可选的每页记录数列表。columns属性定义每一列的内容。

(二)实现学生成绩添加、修改、删除功能

对于添加、修改、删除操作,我们需要编写一些额外的PHP程序,分别用于处理各种操作。这里只举例介绍添加操作的实现过程,其余操作过程类似。

首先需要在前端编写一个EasyUI的表单组件,用于输入学生的学号、姓名、成绩和科目等信息。具体代码如下:

$(function(){

$(‘#dlg’).dialog({

buttons:[{ //定义模态框按钮

text:’保存’,

handler:function(){

$(‘#fm’).form(‘submit’,{

url:’save_data.php’, //处理表单数据的PHP程序

onSubmit:function(){ //提交表单前的验证

return $(this).form(‘validate’);

},

success:function(result){ //提交表单成功后的回调函数

result=ON.parse(result);

if(result.success){

$(‘#dlg’).dialog(‘close’);

$(‘#dg’).datagrid(‘reload’);

} else {

$.messager.show({

title:’Error’,

msg:result.msg

});

}

}

});

}

},{

text:’取消’,

handler:function(){ $(‘#dlg’).dialog(‘close’); }

}]

});

});

closed=”true” buttons=”#dlg-buttons”>

相关问题拓展阅读:

Jquery EasyUI 表格功能的实现(js和php)

你的把你的代码贴出来,可能是你的后台数据格式问题,应该是以json格式才行

用firefox的firebug插件看看有没有访问到后台,如果访问了,看返回和饥伏的内容是什么;如果没有访问后肢羡台,那就是唤携页面上代码有问题了。

前一段时间正好用过衡宏jquery easyui不过备拦并我是在jsp中使用 ,php不仿迹会,说说我用得时候的原理,

整体来说我用的时候就是用$(‘#equipmentTable’).datagrid执行一个ajax的请求,然后在后台将查询结果转成json后返回

先确认一下这个datagrid中url的地址指向的是你的php文件戚空昌么?亏知没有调用说明你的URL根本就没有指高扒向你的php!

easyui php数据库数据的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于easyui php数据库数据,EasyUI与PHP联合操作数据库数据,Jquery EasyUI 表格功能的实现(js和php)的信息别忘了在本站进行查找喔。


数据运维技术 » EasyUI与PHP联合操作数据库数据 (easyui php数据库数据)