基于EasyUI datagrid实现数据库操作的方法

龙源期刊网 https://www.360docs.net/doc/d18383241.html,

作者：杨旭光

来源：《计算机光盘软件与应用》2012年第22期

摘要：MVC三层架构是一种经典的设计模式，MVC的思想是将“显示”（View）、“数据”（Model）和“控制”（Control）分开。而Jquery UI作为前端视图的一种流行插件，也正逐渐得到广泛应用。其中Datagrid是数据库WEB页面呈现较频繁的一种样式，设计中，数据在呈现于WEB页面前，已事先被封装为JSON格式的数据，数据和显示及控制是分开进行的。

关键词：Jquery；JSON数据格式；MVC三层架构

中图分类号：TP311.13 文献标识码：A 文章编号：1007-9599 （2012） 22-0000-03

1 前言

在WEB服务的开发应用中，MVC多层次架构设计已逐渐成为了一种流行的设计思想。

在早期基于PHP开发WEB服务应用时，一般是把HTML的产生放在PHP中[1]，PHP开发人员需对HTML等前端技术也要有较深入的了解，才能进行开发。而目前，随着模型-视图-控制器开发模式的引入，它不仅减轻了开发人员的负担，而且也增加了设计应用中的灵活性。提高了系统的可维护性、可扩展性和可移植性。其中，在视图前端Web UI技术中关于数据库数据网格的操作是较频繁的一类应用需求。EasyUI DataGrid作为现较流行的一种数据网格插件，

已得到了广泛的运用。它是一个用Jquery[2]写的DataGrid，在具体产生DataGrid时可有两种

方法来实现：

（1）使用PHP等后台语言直接产生HTML语法来显示DataGrid，当要对该DataGrid操

作时，在传递参数到后端，重新产生整个网页。

（2）先形成JSON格式[3]数据给前端，前端接收到JSON格式数据后，再分析并处理数据，然后利用JQuery刷新该DataGrid，以便实现数据的呈现更新。其中，第二种方法，结构相对独立清晰，且前后端分离处理，增加了设计的灵活性。

下面的设计是以第二种方法（如图1所示）来具体实现的。

2 利用EasyUI datagrid实现数据呈现

上述脚本中，指出了后端服务器数据处理的文件是yhsc.php、add_user.php、

update_user.php，这几个文件需在服务器端预定义好。当数据网格初始界面生成后，由dispall