最近想做一个通过php实现datagrid功能的东西，这样可以直接修改数据库中表的内容，而不用开发【新增数据页面】，【编辑页面】，于是乎在网上找了找，类似的东西也有几个，开源的、付费的都有，不过基本都是基于mysql。由于需要连接oracle所以从二次开发和页面样式来说个人觉得 phpmydatagrid还是比较好上手。本篇首先介绍基于mysql的使用方法，再简单介绍对于oracle连接（基于sqlrelay）的二次开发。
1. 创建测试数据库和表
<ol class="dp-c"><li class="alt"><span><span>create database `guru`; </span></span></li><li><span> </span></li><li class="alt"><span>USE `guru`; </span></li><li><span> </span></li><li class="alt"><span>CREATE TABLE `employees` ( </span></li><li><span> `id` int(6) NOT NULL auto_increment, </span></li><li class="alt"><span> `name` char(20) </span><span class="keyword">default</span><span> NULL, </span></li><li><span> `lastname` char(20) </span><span class="keyword">default</span><span> NULL, </span></li><li class="alt"><span> `salary` float </span><span class="keyword">default</span><span> NULL, </span></li><li><span> `age` int(2) </span><span class="keyword">default</span><span> NULL, </span></li><li class="alt"><span> `afiliation` </span><span class="func">date</span><span> </span><span class="keyword">default</span><span> NULL, </span></li><li><span> `status` int(1) </span><span class="keyword">default</span><span> NULL, </span></li><li class="alt"><span> `active` tinyint(1) </span><span class="keyword">default</span><span> NULL, </span></li><li><span> `workeddays` int(2) </span><span class="keyword">default</span><span> NULL, </span></li><li class="alt"><span> `photo` char(30) </span><span class="keyword">default</span><span> NULL, </span></li><li><span> PRIMARY KEY (`id`) </span></li><li class="alt"><span>) </span></li><li><span> </span></li><li class="alt"><span>insert into `employees` </span></li><li><span> (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`) </span></li><li class="alt"><span> values (1, </span><span class="string">'Ana'</span><span>, </span><span class="string">'Trujillo'</span><span>,2000,45, </span><span class="string">'2005-05-13'</span><span>,1,1,10, </span><span class="string">'1.jpg'</span><span>); </span></li><li><span>insert into `employees` </span></li><li class="alt"><span> (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`) </span></li><li><span> values (2, </span><span class="string">'Jennifer'</span><span>, </span><span class="string">'Aniston'</span><span>,3500,23, </span><span class="string">'2004-10-22'</span><span>,1,0,0, </span><span class="string">'2.jpg'</span><span>); </span></li><li class="alt"><span>insert into `employees` </span></li><li><span> (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`) </span></li><li class="alt"><span> values (3, </span><span class="string">'Michael'</span><span>, </span><span class="string">'Norman'</span><span>,1200,19, </span><span class="string">'2007-01-10'</span><span>,1,1,5, </span><span class="string">'3.jpg'</span><span>); </span></li><li><span>insert into `employees` </span></li><li class="alt"><span> (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`) </span></li><li><span> values (4, </span><span class="string">'Vanessa'</span><span>, </span><span class="string">'Black'</span><span>,6500,31, </span><span class="string">'2000-11-05'</span><span>,1,1,30, </span><span class="string">'4.jpg'</span><span>); </span></li><li class="alt"><span>insert into `employees` </span></li><li><span> (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`) </span></li><li class="alt"><span> values (5, </span><span class="string">'Michael'</span><span>, </span><span class="string">'Strauss'</span><span>,3200,45, </span><span class="string">'2006-10-21'</span><span>,2,0,22, </span><span class="string">'5.jpg'</span><span>); </span></li><li><span>insert into `employees` </span></li><li class="alt"><span> (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`) </span></li><li><span> values (6, </span><span class="string">'William'</span><span>, </span><span class="string">'Brown'</span><span>,2300,21, </span><span class="string">'2001-03-10'</span><span>,3,1,10, </span><span class="string">'6.jpg'</span><span>); </span></li><li class="alt"><span>insert into `employees` </span></li><li><span> (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`) </span></li><li class="alt"><span> values (7, </span><span class="string">'Lucca'</span><span>, </span><span class="string">'Normany'</span><span>,2800,36, </span><span class="string">'2006-10-02'</span><span>,3,1,20, </span><span class="string">'7.jpg'</span><span>); </span></li></ol>
2. PHP程序介绍
phpMyDataGrid主要是通过phpmydatagrid.class.php，dgscripts.js来实现的，总共加起来不到100kB，又是一个小巧的软件。对于这两个文件就不多讲了，感兴趣的同学可以“打包带走”回去慢慢品。主要介绍该软件的使用方法，即实例 datagrid_for_mysql.php。先看一下页面示意图：
程序讲解：
立即学习“PHP免费学习笔记（深入）”；
<ol class="dp-c"><li class="alt"><span><span><?php </span></span></li><li><span class="keyword">include</span><span> (</span><span class="string">"phpmydatagrid.class.php"</span><span>); </span></li><li class="alt"><span class="vars">$objGrid</span><span> = </span><span class="keyword">new</span><span> datagrid; </span></li><li><span class="vars">$objGrid</span><span>->closeTags(true); </span></li><li class="alt"><span class="vars">$objGrid</span><span>->friendlyHTML(); </span></li><li><span class="vars">$objGrid</span><span>->methodForm(</span><span class="string">"get"</span><span>); </span></li><li class="alt"><span class="comment">//连接数据库 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->conectadb(</span><span class="string">"127.0.0.1"</span><span>, </span><span class="string">"root"</span><span>, </span><span class="string">"root"</span><span>, </span><span class="string">"guru"</span><span>);</span><span class="comment">//加密字符串 </span><span> </span></li><li class="alt"><span class="vars">$objGrid</span><span>->salt(</span><span class="string">"Myc0defor5tr0ng3r-Pro3EctiOn"</span><span>); </span></li><li><span class="vars">$objGrid</span><span>->language(</span><span class="string">"en"</span><span>); </span></li><li class="alt"><span class="comment">//最后一列显示的功能键，从左向右功能为“新增键”、“编辑键”、“删除键”、“浏览键”。 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->buttons(true,true,true,true); </span></li><li class="alt"><span class="comment">//修改数值时产生的Form名称 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->form(</span><span class="string">'employee'</span><span>, true); </span></li><li class="alt"><span class="comment">//可检索列名 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->searchby(</span><span class="string">"name,lastname"</span><span>); </span></li><li class="alt"><span class="comment">//需要读取的表 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->tabla(</span><span class="string">"employees"</span><span>); </span></li><li class="alt"><span class="comment">//索引值用于修改数据 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->keyfield(</span><span class="string">"id"</span><span>); </span></li><li class="alt"><span class="comment">//分页显示行数 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->datarows(20); </span></li><li class="alt"><span class="comment">//默认排序方式 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->orderby(</span><span class="string">"name"</span><span>, </span><span class="string">"ASC"</span><span>); </span></li><li class="alt"><span class="comment">//显示列设置，相关设置可参考phpmydatagrid.class.php </span><span> </span></li><li><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"id"</span><span>, </span><span class="string">"ID Employee"</span><span>, 5, 5, 1, </span><span class="string">"50"</span><span>, </span><span class="string">"center"</span><span>, </span><span class="string">"integer"</span><span>); </span></li><li class="alt"><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"name"</span><span>, </span><span class="string">"Name"</span><span>, 30, 30, 0, </span><span class="string">"150"</span><span>, </span><span class="string">"left"</span><span>); </span></li><li><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"lastname"</span><span>, </span><span class="string">"Last name"</span><span>, 30, 30, 0, </span><span class="string">"150"</span><span>, </span><span class="string">"left"</span><span>); </span></li><li class="alt"><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"age"</span><span>, </span><span class="string">"Age"</span><span>, 5, 5, 0, </span><span class="string">"50"</span><span>, </span><span class="string">"right"</span><span>);</span><span class="comment">//自定义日期格式 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"afiliation"</span><span>, </span><span class="string">"Afiliation Date"</span><span>, 10, 10, 0, </span><span class="string">"100"</span><span>, </span><span class="string">"center"</span><span>, </span><span class="string">"date:dmy:/"</span><span>);</span><span class="comment">//编辑时可以自定义为<Select>模式 </span><span> </span></li><li class="alt"><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"status"</span><span>, </span><span class="string">"Status"</span><span>, 5, 5, 0, </span><span class="string">"60"</span><span>, </span><span class="string">"left"</span><span>, </span><span class="string">"select:1_Single:2_Married:3_Divorced"</span><span>); </span></li><li><span class="comment">//编辑时可以自定义为<CheckBox>模式 </span><span> </span></li><li class="alt"><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"active"</span><span>, </span><span class="string">"Active"</span><span>, 2, 2, 0,</span><span class="string">"50"</span><span>, </span><span class="string">"center"</span><span>, </span><span class="string">"check:No:Yes"</span><span>);</span><span class="comment">//自定义货币显示形式 </span><span> </span></li><li><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"salary"</span><span>, </span><span class="string">"Salary"</span><span>, 10, 10, 0, </span><span class="string">"90"</span><span>, </span><span class="string">"right"</span><span>, </span><span class="string">"money:€"</span><span>);</span><span class="comment">//将数据以柱状图显示 </span><span> </span></li><li class="alt"><span class="vars">$objGrid</span><span>->FormatColumn(</span><span class="string">"workeddays"</span><span>, </span><span class="string">"Work days"</span><span>, 5, 2, 0, </span><span class="string">"50"</span><span>, </span><span class="string">"right"</span><span>, </span><span class="string">"chart:percent:val:31"</span><span>); </span></li><li><span class="vars">$objGrid</span><span>->checkable(); </span></li><li class="alt"><span class="vars">$objGrid</span><span>->setHeader(); </span></li><li><span class="vars">$objGrid</span><span>->ajax(</span><span class="string">'silent'</span><span>); </span></li><li class="alt"><span class="func">echo</span><span> '<html> </span></li><li><span> <head><title>PHPDataGrid</title></head> </span></li><li class="alt"><span> <body><div align=</span><span class="string">"center"</span><span>><br />'; </span></li><li><span class="comment">//生成DataGrid </span><span> </span></li><li class="alt"><span class="vars">$objGrid</span><span>->grid(); </span></li><li><span class="func">echo</span><span> </span><span class="string">'</div></body></html>'</span><span>;</span><span class="comment">//关闭数据库连接 </span><span> </span></li><li class="alt"><span class="vars">$objGrid</span><span>->desconectar(); </span></li><li><span>?> </span></li></ol>
3. 基于Oracle简介
对于Oracle的读取主要是把phpmydatagrid.class.php中与MySQL连接的函数修改为Oracle，本篇是通过sqlrelay（可参考
PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
724
收藏
