PHP实现直接修改表内容DataGrid功能

最近想做一个通过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。先看一下页面示意图：

498)this.width=498;' onmousewheel = 'javascript：return big(this)' title="2009-8-11-19.22.06" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="270" alt="2009-8-11-19.22.06" src="http://www.bkjia.com/uploadfile/2013/0904/20130904095417528.jpg" width="980" border="0" />

程序讲解：

<ol class="dp-c">
<li class="alt"><span><span><?php    </span></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>模式 </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>模式 </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> '  </span>
</li>
<li><span>      <title>PHPDataGrid</title>  </span></li>
<li class="alt">
<span>      <div>
<span class="string">"center"</span><span>><br>';  </span><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">'</span>
</li>
</div>'</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（可参考