Heim > php教程 > php手册 > Hauptteil

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

WBOY
Freigeben: 2016-06-13 11:14:53
Original
913 Leute haben es durchsucht

最近想做一个通过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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

3. 基于Oracle简介

对于Oracle的读取主要是把phpmydatagrid.class.php中与MySQL连接的函数修改为Oracle,本篇是通过sqlrelay(可参考

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage