易栈网-膘叔（Neatstudio.COM）

易栈网-膘叔

PHP实现DataGrid

nihilogic:一些JS的图片特效，几乎支持所有浏览器

.NET调PHP Web Service的典型例子

jQuery is DSL (Part 1 - DSL)

JavaScript中的memoization(memoizing) 技术介绍.

PHP实现DataGrid

nihilogic:一些JS的图片特效，几乎支持所有浏览器

.NET调PHP Web Service的典型例子

jQuery is DSL (Part 1 - DSL)

JavaScript中的memoization(memoizing) 技术介绍.

日志分类

热门标签

日志归档

搜索文章

最新评论

博客信息

友情链接

1. 创建测试数据库和表

SQL代码

create database `guru`;



USE `guru`;



CREATE TABLE `employees` (

      `id` int(6) NOT NULL auto_increment,

      `name` char(20) default NULL,

      `lastname` char(20) default NULL,

      `salary` float default NULL,

      `age` int(2) default NULL,

      `afiliation` date default NULL,

      `status` int(1) default NULL,

      `active` tinyint(1) default NULL,

      `workeddays` int(2) default NULL,

      `photo` char(30) default NULL,

      PRIMARY KEY  (`id`)

)



insert into `employees`

    (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`)

    values (1, 'Ana', 'Trujillo',2000,45, '2005-05-13',1,1,10, '1.jpg');

insert into `employees`

    (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`)

    values (2, 'Jennifer', 'Aniston',3500,23, '2004-10-22',1,0,0, '2.jpg');

insert into `employees`

    (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`)

    values (3, 'Michael', 'Norman',1200,19, '2007-01-10',1,1,5, '3.jpg');

insert into `employees`

    (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`)

    values (4, 'Vanessa', 'Black',6500,31, '2000-11-05',1,1,30, '4.jpg');

insert into `employees`

    (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`)

    values (5, 'Michael', 'Strauss',3200,45, '2006-10-21',2,0,22, '5.jpg');

insert into `employees`

    (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`)

    values (6, 'William', 'Brown',2300,21, '2001-03-10',3,1,10, '6.jpg');

insert into `employees`

    (`id`,`name`,`lastname`,`salary`,`age`,`afiliation`,`status`,`active`,`workeddays`,`photo`)

    values (7, 'Lucca', 'Normany',2800,36, '2006-10-02',3,1,20, '7.jpg');

2. PHP程序介绍

3. 基于Oracle简介

4. 源程序下载

什么是Internal DSL？

如何构造Internal DSL？

小结

2. PHP程序介绍

3. 基于Oracle简介

4. 源程序下载

什么是Internal DSL？

如何构造Internal DSL？

小结

浏览模式: 标准 | 列表2024年11月的文章

Submitted by gouki on 2009, August 12, 12:12 PM

虽然有想过用PHP来实现datagrid，但由于php是解释性语言，而且对于数据库没有很好的长连接功能（或者说连接池吧），因此要实现datagrid的意义就不是特别大了。

但datagrid并非没有用处，如果用在网站的后台就可以简化很多操作了。或许有人会说ext不是更漂亮吗？但，这需要对JS了解的很多方可实现。为了实现一个datagrid，再去学EXT，成本有点高，因此，这个PHP的class就可以尝试试用了。

不过，我自己一般不太会用这个东西（但并不反对在项目后台使用它），如果是我自己个人开发的话，或许会采用PHP代码+jQuery的table插件吧？

原文如下，或许可以做个参考：

最近想做一个通过PHP实现DataGrid功能的东西，这样可以直接修改数据库中表的内容，而不用开发【新增数据页面】，【编辑页面】，于是乎在网上找了找，类似的东西也有几个，开源的、付费的都有，不过基本都是基于MySQL。由于需要连接Oracle所以从二次开发和页面样式来说个人觉得 phpMyDataGrid还是比较好上手。本篇首先介绍基于MySQL的使用方法，再简单介绍对于Oracle连接（基于sqlrelay）的二次开发。

phpMyDataGrid主要是通过phpmydatagrid.class.php，dgscripts.js来实现的，总共加起来不到100kB，又是一个小巧的软件。对于这两个文件就不多讲了，感兴趣的同学可以“打包带走”回去慢慢品。主要介绍该软件的使用方法，即实例 datagrid_for_mysql.php。先看一下页面示意图：

测试代码：

PHP代码

<?php
include ("phpmydatagrid.class.php");
$objGrid = new datagrid;
$objGrid->closeTags(true);
$objGrid->friendlyHTML();
$objGrid->methodForm("get");
//连接数据库
$objGrid->conectadb("127.0.0.1", "root", "root", "guru");
//加密字符串
$objGrid->salt("Myc0defor5tr0ng3r-Pro3EctiOn");
$objGrid->language("en");
//最后一列显示的功能键，从左向右功能为“新增键”、“编辑键”、“删除键”、“浏览键”。
$objGrid->buttons(true,true,true,true);
//修改数值时产生的Form名称
$objGrid->form('employee', true);
//可检索列名
$objGrid->searchby("name,lastname");
//需要读取的表
$objGrid->tabla("employees");
//索引值用于修改数据
$objGrid->keyfield("id");
//分页显示行数
$objGrid->datarows(20);
//默认排序方式
$objGrid->orderby("name", "ASC");
//显示列设置，相关设置可参考phpmydatagrid.class.php
$objGrid->FormatColumn("id", "ID Employee", 5, 5, 1, "50", "center", "integer");
$objGrid->FormatColumn("name", "Name", 30, 30, 0, "150", "left");
$objGrid->FormatColumn("lastname", "Last name", 30, 30, 0, "150", "left");
$objGrid->FormatColumn("age", "Age", 5, 5, 0, "50", "right");
//自定义日期格式
$objGrid->FormatColumn("afiliation", "Afiliation Date", 10, 10, 0, "100", "center", "date:dmy:/");
//编辑时可以自定义为<Select>模式
$objGrid->FormatColumn("status", "Status", 5, 5, 0, "60", "left", "select:1_Single:2_Married:3_Divorced");
//编辑时可以自定义为<CheckBox>模式
$objGrid->FormatColumn("active", "Active", 2, 2, 0,"50", "center", "check:No:Yes");
//自定义货币显示形式
$objGrid->FormatColumn("salary", "Salary", 10, 10, 0, "90", "right", "money:€");
//将数据以柱状图显示
$objGrid->FormatColumn("workeddays", "Work days", 5, 2, 0, "50", "right", "chart:percent:val:31");
$objGrid->checkable();
$objGrid->setHeader();
$objGrid->ajax('silent');
echo '<html>
<head><title>PHPDataGrid</title></head>
<body><div align="center"><br />';
//生成DataGrid
$objGrid->grid();
echo '</div></body></html>';
//关闭数据库连接
$objGrid->desconectar();
?>

对于Oracle的读取主要是把phpmydatagrid.class.php中与MySQL连接的函数修改为Oracle，本篇是通过sqlrelay（可参考http://sqlrelay.sourceforge.net/）进行的Oracle连接，当然也可以使用PHP自带的OCI8模块（效率有些低），修改后另存为phporadatagrid.class.php即可在其他程序（datagrid_for_oracle.php）中调用。以上涉及的所有程序均可在压缩包中找到。
希望对大家有用！

点击下载（原来的是iframe，用IE打开后就会自动下载，所以改作链接了，该链接不是我上传的，请下载后解压前主动测试。谢谢合作）

作者: Gnie
出处: {GnieTech} (http://www.cnblogs.com/gnielee/)

PHP | 评论:0 | 阅读:16597

Submitted by gouki on 2009, August 11, 9:15 PM

不知道大家是否还记得08年的5月12日，那一天，所有的网页都是灰色的，纪念那逝去的生命。
对于网页开发者来说，为了让用户看到灰色的页面，大多数人都采取了直接修改CSS的方式，使得image的alpha通道为gray，然而，这个方法是不支持FF的。N多办法都不支持。
这是一个JS的特效。它有N多处理图片的方法，可以按需加载，网址是：http://www.nihilogic.dk/labs/imagefx/，可以看到一些效果。

根据网上提供的JS，下载下来后，直接src一下就能用了。然而在测试的时候只有IE有效,firefox下是无效的。打开firebug，发现在执行后报错：

开始的时候一直没有细看，发现上面写的是"code:"也没有什么代码。就利用firebug的watch功能监视。然而死活找不到问题。
代码与网络上是一模一样，问题在哪里呢？
再仔细看出错代码，发现，前两个单词居然是：Security error，难道是安全问题？FF对本地代码的执行进行了限制？
立马把代码拷到虚拟机下运行，果然一切正常。
唉。。。
原来我为了这样一个问题折腾了将近一周。不仔细看出错信息导致的呀。。

顺便贴一个开心网的BUG图片：

Javascript | 评论:0 | 阅读:16370

Submitted by gouki on 2009, August 11, 4:36 PM

一直都是关注着用PHP调用其他的soap方式的web service。偶尔看到一篇用php做web service的。有点感觉新鲜，备个案。哈哈

仅做了解。对于php做webservice，我还不知道性能如何呢。现在andot等人又在推出所谓性能超过phprpc的hprose，也不知道何时能够出来。。。

既然是用PHP做webservice，那么在看过phprpc之后，其实应该感觉用phprpc发布这些东西会更方便吧？不知道为什么不用phprpc或者hprose。。。。

纯记录，作者来自博客园的三聪，地址为：http://www.cnblogs.com/gateluck/archive/2009/08/10/php_web_service.html

原文如下：

最近一个项目由"WinForm直接访问DB2"移植到"WinForm通过PHP Web Service来访问DB2”。
（优点是php可以架在Linux上，而Linux是免费的）
这个命题的难点不是访问DB2，而是.NET调用PHP的Web Service。对于我这个长期作.NET，之前一直以为只有.NET才可以做Web Service……的人来说，真是有点强“聪”所难了。
      但是问题还是要解决的，期限就摆在眼前呢。经过一番调查，终于有了眉目，现在分享给大家。

      首先要说明的，PHP服务器需要至少需要两个文件——一个WSDL文件和一个PHP文件。WSDL文件是一种机读的XML文件，用于描述WebService提供的服务和调用方法（对于.NET则可以自动生成调用代码，十分好用），php文件就是真正实现的WEB服务了。
      1）PHP服务器端代码
          1-1）TestWebService.php代码

[代码]

1-2）TestWebService.wsdl代码

[代码]

      WSDL的代码比较长，当方法很多时，手敲代码是不太可能的。有一个巧的办法，就是也用.NET实现一个不含真正方法体的Web Serivce,然后通过http://***/TestWebService.asmx?wsdl的方法生成wsdl代码文件。
         关于WSDL文件，我要说明特别说明两点：
        （1）soap:address结点是声明WebService的地址，在部署时要改成相应地址；
        （2）一维数组的声明类型为ArrayOfType,字符串数组为ArrayOfString。如果Type不是简单类型，则Type需要另外声明。

      2）.NET客户端代码
           先要添加Web引用，地址为WSDL文件的Http地址。
           调用代码（C#）

[代码]

总结：（一）PHP是一种弱类型语言，检查错误比较困难。array类型也与一般理解的数组不同，它也有类似Hashtable的用法。

（二）PHP Web Service方法的传入参数、返回值都至多有一个，因为真正调用时的参数和返回值，都是包装到一个对象中传送的。

          （三）PHP Web Service也支持自定义类型和自定义类型数组等复杂类型，但不支持多组数组。
          （四）若返回值需要是多张二维表时，我浅薄的以为，可以传化一组字符串数组传送，格式为
                        [表1行数],[表1列数],[表1列名1]，[表1列名2],……[表1列名N]，[表1中按行列存放的值]
                        [表2行数],[表2列数],[表2列名1]，[表2列名2],……[表2列名N]，[表2中按行列存放的值]
                        ……
                        [表M行数],[表M列数],[表M列名1]，[表M列名2],……[表M列名N]，[表2中按行列存放的值]

按顺序将上面[]中的内容串成字符串数组,效率还不错,我测试10000行240列的数据,我有现成编解代码,有兴趣的可以向我索取.

PHP | 评论:0 | 阅读:17649

Submitted by gouki on 2009, August 11, 4:32 PM

DSL,不算新名词了。转至博客园，看名称，估计还有后续文章，先转载，相当于mark一下，哈哈。这样就不会以后找不到链接了。

作者是博客园的cat chen，原文地址，http://www.cnblogs.com/cathsfz/archive/2009/08/10/1543266.html
内容如下：

jQuery刚刚出来的时候，我没有太多关注它，觉得这不过是Yet Another JavaScript Library。早期的jQuery专注于DOM节点的筛选与操作，不提供众多的基础类扩展，更不提供UI组件，因此体积能够做到很小。然而，我实在看不出它和我熟悉的Prototype比有什么明显的优势——jQuery能做的各项独立的操作，Prototype都能做。

后来用jQuery的人越来越多，并且大家都爱用它的链式方法调用，甚至还把这种写法推广到其它语言中去。例如ASP.NET MVP Omar AL Zabir就把他的服务器端C#组件设计为支持链式方法调用的。这时候我才开始关注jQuery，并且逐渐喜欢上了链式方法调用的写法，也在我自己的JavaScript组件中实现类似的API（参考Async和Overload）。最后，我突然明白到，这其实就是一种Internal DSL嘛！

在这篇文章里，我准备先讨论Internal DSL，在下一篇文章里面再解释为什么jQuery是Internal DSL。现在我们就从最根本的问题开始吧——

DSL是指Domain Specific Language，也就是用于描述和解决特定领域问题的语言。例如说，我们有专门描述字符串特征的正则表达式，有专门描述数据库查询的SQL，有专门描述 XML结构的DTD和XSD，甚至有专门描述XML变换的XSLT，这些都是DSL。

当然，并非我们关注的领域都有现成的DSL，这时候我们有三个选择：

使用通用语言描述该领域的问题（non-DSL）
发明一门全新的语言描述该领域的问题（External DSL）
在一门现成语言内实现针对领域问题的描述（Internal DSL）

例如说，我们现在要描述一个很简单的金融领域问题，“我在花旗银行存款$200”这样一句话对应的三种法写法可能是：（假设已经存在I和CitiBank两个实体实例）

I.DepositTo(new USD(200), CitiBank); /* C# */
I deposit 200USD to CitiBank /* E-DSL */
I.deposit(200.USD()).to(CitiBank); /* I-DSL */

第1种做法的成本最低，你只需要有OO的思想就可以了，你总能把实体类设计出来，但可能和人类描述此领域问题的思维方式有一定偏差（为什么USD可以new？为什么不是deposit [something] to [somewhere]？）。

第2种做法的成本最高，你需要写一个全新的解释器，至少是写一组全新的规则，然后让YACC这类工具帮你生成一个解释器，但这样出来的语法最贴近人类思维方式，甚至就如同自然语言一样流畅。

第3种做法术语上述两者的折中方案，如果语法不太复杂可以使用Builder模式实现语法分析，写出来的语法相当贴近自然语言，但还是有学习门槛。由于脚本语言有相当的灵活性，所以现在很多人倾向于选择在脚本语言内实现Internal DSL。

常见的两种Internal DSL实现方法是Method Chaining和Function Sequence。如果我们需要描述一台机器的硬件组成，两种实现方式的代码分别如下：

/* Method Chaining */ computer() .processor() .cores(2) .i386() .disk() .size(150) .disk() .size(75) .speed(7200) .sata() .end();

/* Function Sequence */ computer(); processor(); cores(2); processorType(i386); disk(); diskSize(150); disk(); diskSize(75); diskSpeed(7200); diskInterface(SATA);

无论是哪一种写法，中间都必须写一个分析器层。就如同语法分析器需要使用状态机一样，Internal DSL的实现也必须内置一个状态机，以记录当前执行到什么状态了，并且接下来可以转移到哪些有效状态。

由于这不是一篇专门讲语法分析器和状态机实现的文章，所以我们把关注点保持在API层面就可以了，不深入讨论其实现细节和成本。我们知道链式方法调用能够实现Internal DSL就够了，至于jQuery是如何利用好这一点的，我们在下一篇文章里再作讨论。

在这篇文章里，我们了解了Internal DSL与External DSL之间的区别，同时还了解到实现Internal DSL的具体方式，这为我们接下来讨论jQuery的Internal DSL式接口做好了铺垫。在下一篇文章里，我们将深入地来看看为什么jQuery的接口要如此设计，它能为用户带来了怎样的便利，同时它自身的实现上又有什么优势。

如果你不希望错过下一篇文章，你可以考虑订阅我的博客：

Cat in Chinese (feed)
Cat in dotNET (feed)

Javascript | 评论:0 | 阅读:15635

Submitted by gouki on 2009, August 10, 10:26 PM

膘叔写在前面的话，关于memoization好象在jquery里被应用到了。但应该是1.2.6的事情了，最初的ajax是没有缓存的。后来增加了Data缓存。（记不清了，希望没有记错）
对于memoization的记忆大约是在07年，好象有一个red开头的国内的某个网站，把菲伯拉契数列用memoization实现了一遍，当时记得的测试结果，一个是3000多ms，一个是1000多ms，这已经不是一个量级的了。
于是后来，我看了一下，根据这个原理，写了一个gdata的cache，缓存一些我经常使用的函数和数据。现在当然是不用了。呵呵

以下是原文内容，它来自playgoogle的http://www.cssrain.cn/default.asp?id=1392：

最近在读《JavaScript 设计模式》一书，其中工厂模式中提到了memoizing技术，今天仔细整理了一下memoization 相关的资料，与大家共享。

Memoization的定义：

memoization 一词是Donald Michie 根据拉丁语memorandum杜撰的一个词。相应的动词、过去分词、ing形式有memoiz、memoized、memoizing.

Memoization 是一种将函数返回值缓存起来的方法，Memoization 原理非常简单，就是把函数的每次执行结果都放入一个键值对(数组也可以，视情况而定)中，在接下来的执行中，在键值对中查找是否已经有相应执行过的值，如果有，直接返回该值，没有才真正执行函数体的求值部分。很明显，找值，尤其是在键值对中找值，比执行函数快多了。现代 JavaScript 的开发也已经大量使用这种技术。

一个简单的使用memoization的例子

我们知道，在不同的浏览器中，xmlHttpRequest对象的具体实现都不同。需要判断何种浏览器以执行具体的方法。这里就有一个使用memoization来实现的例子。

function createXHRObject = function(){
//先把三个匿名函数缓存起来。
var methods = [
function(){return new XMLHttpRequest();},
function(){return new ActiveXObject("Msxml2.XMLHTTP");},
function(){return new ActiveXObject("Microsoft.XMLHTTP");}
];
for(var i=0,len=methods.length;i<len;i++){
try{//这里用try catch来代替了条件判断，通常我不赞成这种写法
methods[i]();
}
catch(e){
continue;//如果报异常，则执行下一次循环
}
// 把createXHRObject 与能正常执行的匿名函数对应起来，再调用createXHRObject不用再检测浏览器了
createXHRObject = method[i];
return method[i];
}
}

以上是一个简单的例子，第一次执行createXHRObject（）的时候，会循环判断methods 中的方法，获取一个能正确执行的，并将createXHRObject的引用指向这个方法。以后再使用这个方法的时候，不用去判断，直接自动获取正确的方法。这省去了频繁的ajax调用中浏览器的检测。

当然，这个方法看上去效率的提升不是特别明显，我之所以写上来，是因为能比较清晰的理解memoization是如何实现的。在递归调用的时候，memoization的威力才能更好的显现。

一个递归的例子：

function fib(n) {
if (n < 2) {
return n;
}
return fib(n - 1) + fib(n - 2);
}

这是一个经典的斐波纳契序列，fib(20) 会把fib这个方法执行21891次，如果是fib(40),这会执行331160281次。

再看看如何使用memoization来实现，

var iterMemoFib = (function() {
var cache = [1, 1];
var fib = function(n) {
if (n >= cache.length) {
//将一个递归转换成了一个
for (var i = cache.length; i <= n; i++) {
cache[i] = cache[i - 2] + cache[i - 1];
}
}
return cache[n-1];
}
return fib;
})();

将Function的原型扩展memoize 和unmemoize 方法，这样你可以对任何函数实现memoize和解除memoize,当然，这个方法要慎，对一些不是频繁执行的函数，没必要缓存：

Function.prototype.memoize = function() {
var pad = {};
var self = this;
var obj = arguments.length > 0 ? arguments[i] : null;
var memoizedFn = function() {
// 把参数作为数组保存，作为键，把函数执行的结果作为值缓存起来
var args = [];
for (var i = 0; i < arguments.length; i++) {
args[i] = arguments[i];
}
if (!(args in pad)) {
pad[args] = self.apply(obj, arguments);
}
return pad[args];
}
memoizedFn.unmemoize = function() {
return self;
}
return memoizedFn;
}
Function.prototype.unmemoize = function() {
alert("Attempt to unmemoize an unmemoized function.");
return null;
}

使用方法：

fib.memoize();

参考文档：

Javascript | 评论:0 | 阅读:16200

Records:3094«‹451 452 453 454 455456457 458 459 460 ›»

« 2024年11月 »