语源科技BlogJava-Java JavaScript Web2.0

搞了个CGIC的系列“教程”

Jack L — Thu, 25 Oct 2007 07:00:00 GMT

摘要: 发布在这里：http://webdn.trueself.cn/archives/107 阅读全文

Jack L 2007-10-25 15:00 发表评论

关于使用JavaScript解析XML的问题

Jack L — Sun, 30 Sep 2007 19:15:00 GMT

大家好，最近我在学习用JavaScript解析XML。但是有点郁闷。
1）
首先我有一个疑惑，网上都在讲如何从一个url载入一个xml文档，然后变成一个xmlDocument，但是能不能把一个字符串转化成一个xmlDocument呢？该如何操作呢？
2）
然后就是从网络载入xmlDocument的话，文件名的后缀一定要是xml才行。我在FireFox里面试过，把文件名的后缀xml去掉，程序就傻了。不光是用load方法如此，用XMLHttpRequest去获取文件也是如此。如果我使用动态服务端技术的话，比如JSP/PHP，服务端的url显然不会是“.xml”结尾，那么我又该怎样处理，才能使从服务端传回来的XML格式的数据在浏览器里变成xmlDocument对象呢？

Jack L 2007-10-01 03:15 发表评论

强烈推荐！专业的Web开发者网络: webdn.trueself.cn

Jack L — Sat, 29 Sep 2007 17:20:00 GMT

先来个链接！
http://webdn.trueself.cn

看到这个题目，自己都很肉麻。但这是有原因的。首先声明一下，webdn.trueself.cn只是我的个人网站而已。在注册域名的时候，觉得trueself这个名字很好，又没有被注册，就买下来了。

然后开始想该放点什么东西，想来想去，决定还是做自己熟悉的技术型blog。由于自己在Web2.0方面有一些经验，于是一拍脑袋，想出了WebDN(其含义为Web Developer Network)这个名字，作为二级域名。

搞了两天，突然想用百度看看自己被检索没有，这是才发现，原来WebDN这个一级域名被注册了。挺好的，我一点没有眼红。说明WebDN这个名字不错嘛。

慢慢地，用百度搜索WebDN，我的网站出现在了第一页，排第五。那叫一个开心啊。

不过几天之后，也就是两三天之前，我被恶心了。那个WebDN不知是不是做了SEO，现在用百度搜索WebDN，出现一堆文章，而文章的标题是他们的域名。想想都知道，哪有正常人把域名当作标题？？我的博客正在被这样一些垃圾文章掩没。

想想奇怪，我一个小小的博客他们都要搞？也许我猜错了。不过今天我也尝试一把SEO，看看把域名放在标题里有啥效果没。

Jack L 2007-09-30 01:20 发表评论

Java中的++操作

Jack L — Thu, 20 Sep 2007 08:50:00 GMT

摘要: 本文正文及所有讨论整理发布于：http://webdn.trueself.cn/archives/7 阅读全文

Jack L 2007-09-20 16:50 发表评论

JavaScript中容易犯的大小写问题

Jack L — Mon, 17 Sep 2007 15:35:00 GMT

JavaScript是区分大小写的语言，而HTML则不区分。
在HTML可以用大写或小写甚至是大小写夹杂表达的地方，在JavaScript中却要多加留意。
比如onclick事件，在JavaScript中一定要全部用小写
看代码：

1 <html>
2 <head>
3     <title>JSTesttitle>
4 head>
5 <body>
6     <input type="button" id="btn1" value="btn1" ONClick="alert('hello, this is btn1');">input>
7     <input type="button" id="btn2" value="btn2">input>
8     <script type="text/javascript" charset="utf-8">
9         var ele=document.getElementById("btn2");
10         ele.onclick=function(){alert('hello, this is btn2');}
11     script>
12 body>
13 html>

很明显，第6行，在HTML中引用onclick与第10行在JavaScript中引用onclick事件是不同的。
你可以把第6行"onclick"中的任何一个或若干字母写成大写或小写都没有关系，但是第10行中的onclick必须全部是小写。

Jack L 2007-09-17 23:35 发表评论

使用CGIC实现Web文件上传的服务端代码

Jack L — Thu, 30 Aug 2007 12:39:00 GMT

用C语言编写cgi程序的话，CGIC是非常流行的库，官方页面及下载地址为：www.boutell.com/cgic/#obtain
不少网站都有文件上传的功能，本文展示如何用CGIC库编写文件上传的服务端程序，最后给出一段简单的HTML代码，供大家测试使用。

//upload.c
#include<stdio.h>
#include<string.h>
#include<unistd.h>
#include<fcntl.h>
#include<sys/stat.h>
#include"cgic.h"
#define BufferLen 1024
int cgiMain(void){
    cgiFilePtr file;
    int    targetFile;
    mode_t    mode;
    char name[128];
    char fileNameOnServer[64];
    char contentType[1024];
    char buffer[BufferLen];
    char *tmpStr=NULL;
    int size;
    int got,t;
    cgiHeaderContentType("text/html");
    //取得html页面中file元素的值，应该是文件在客户机上的路径名
    if (cgiFormFileName("file", name, sizeof(name)) !=cgiFormSuccess) {
        fprintf(stderr,"could not retrieve filename\n");
        goto FAIL;
    }
    cgiFormFileSize("file", &size);
    //取得文件类型，不过本例中并未使用
    cgiFormFileContentType("file", contentType, sizeof(contentType));
    //目前文件存在于系统临时文件夹中，通常为/tmp，通过该命令打开临时文件。临时文件的名字与用户文件的名字不同，所以不能通过路径/tmp/userfilename的方式获得文件
    if (cgiFormFileOpen("file", &file) != cgiFormSuccess) {
        fprintf(stderr,"could not open the file\n");
        goto FAIL;
    }
    t=-1;
    //从路径名解析出用户文件名
    while(1){
        tmpStr=strstr(name+t+1,"\\");
        if(NULL==tmpStr)
            tmpStr=strstr(name+t+1,"/");//if "\\" is not path separator, try "/"
        if(NULL!=tmpStr)
            t=(int)(tmpStr-name);
        else
            break;
    }
    strcpy(fileNameOnServer,name+t+1);
    mode=S_IRWXU|S_IRGRP|S_IROTH;
    //在当前目录下建立新的文件，第一个参数实际上是路径名，此处的含义是在cgi程序所在的目录（当前目录））建立新文件
    targetFile=open(fileNameOnServer,O_RDWR|O_CREAT|O_TRUNC|O_APPEND,mode);
    if(targetFile<0){
        fprintf(stderr,"could not create the new file,%s\n",fileNameOnServer);
        goto    FAIL;
    }
    //从系统临时文件中读出文件内容，并放到刚创建的目标文件中
    while (cgiFormFileRead(file, buffer, BufferLen, &got) ==cgiFormSuccess){
        if(got>0)
            write(targetFile,buffer,got);
    }
    cgiFormFileClose(file);
    close(targetFile);
    goto    END;
FAIL:
    fprintf(stderr,"Failed to upload");
    return 1;
END:
    printf("File \"%s\" has been uploaded",fileNameOnServer);
    return 0;
}

假设该文件存储为upload.c，则使用如下命令编辑：

gcc -Wall upload.c cgic.c -o upload.cgi

      编译完成后把upload.cgi复制到你部署cgi程序的目录（通常命名为cgi-bin）。
      正式部署时，请务必修改用open创建新文件那一行代码。把open的第一个参数设置为目标文件在服务器上存储的绝对路径，或者相对于cgi程序的相对路径。本例中，出于简单考虑，在cgi程序所在目录下创建新文件。

      测试用HTML代码: upload.html

DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test Uploadtitle>
    <meta name="author" content="Jack">

head>
<body>
<form action="cgi-bin/upload.cgi" method="post" enctype="multipart/form-data" target="_blank">
    <input type="file" name="file" value="" />
    <input type="submit" name="submit" value="OK">
form>
body>
html>

      最后的文件目录结构为
      /MyWebRoot
      |---/upload.html
      |---/cgi-bin
      |------/upload.cgi

      当然，你必须配置能够cgi-bin，并且程序要有权限在cgi-bin目录下创建文件（因为此例把文件上传到cgi-bin目录下）。

      那么如何控制上传文件的大小呢？因为你有时会不允许用户上传太大的文件。
      通过分析cgic.c的源代码，我们发现它定义了一个变量cgiContentLength，表示请求的长度。但我们需要首先判断这是一个上传文件的请求，然后才能根据cgiContentLength来检查用户是否要上传一个太大的文件。
      cgic.c的main函数中进行了一系列if-else判断来检查请求的类型，首先确定这是一个post请求，然后确定数据的编码方式为 "multipart/form-data"，这个判断通过之后，就要开始准备接收数据了。所以我们要在接收数据开始之前使用 cgiContentLength判断大小，如果超过标准，就立即返回，不允许继续操作。
      下面贴出修改后代码片段（直接修改cgic.c的源代码即可）：

else if (cgiStrEqNc(cgiContentType, "multipart/form-data")) {
#ifdef CGICDEBUG
            CGICDEBUGSTART
            fprintf(dout, "Calling PostMultipartInput\n");
            CGICDEBUGEND
#endif /* CGICDEBUG */
            //我的代码
            //UpSize:文件长度上限值，以byte为单位，UpSize是一个int变量，因为cgiContentLength的类型为int
            if(cgiContentLength>UpSize){
                cgiHeaderContentType("text/html");
                printf("File too large!\n");
                cgiFreeResources();
                return -1;
            }
            //我的代码结束
            if (cgiParsePostMultipartInput() != cgiParseSuccess) {
#ifdef CGICDEBUG
                CGICDEBUGSTART
                fprintf(dout, "PostMultipartInput failed\n");
                CGICDEBUGEND
#endif /* CGICDEBUG */
                cgiFreeResources();
                return -1;
            }
#ifdef CGICDEBUG
            CGICDEBUGSTART
            fprintf(dout, "PostMultipartInput succeeded\n");
            CGICDEBUGEND
#endif /* CGICDEBUG */
        }
    }

变量UpSize表示文件大小的上限。在cgic.c的main中找到相关代码，并修改成上面这样即可。你可以在cgic.c中定义UpSize，也可以在刚才完成的upload.c中定义，然后在cgic.c中用extern方式引用。

support my English blog: http://www.phacai.com/how-to-implement-file-upload-with-cgic

Jack L 2007-08-30 20:39 发表评论

GWT1.4中，PopupPanel的显示与布局

Jack L — Wed, 29 Aug 2007 09:51:00 GMT

        在老版GWT中，PopupPanel有两个构造函数：
            public PopupPanel()；
            public PopupPanel(boolean autoHide)；
        实例化我们的PopupPanel之后，可以设置显示的位置，然后调用show()显示。但是这样只能得到一个模态（modal）Panel，只要它处于可见（isVisible()返回true）状态，我们的页面就不能进行任何操作（除了已经运行起来的JS代码，像发送Ajax请求这样的后台操作），相当与整个Web应用因为显示该Panel而进入了暂停状态。
        由于PopupPanel可以根据位置参数出现在页面任何地方，所以很适合于实现诸如页面角落上的提示框（比如在页面右上角显示“loading...”）等类似的小功能。但是这样的提示框不能暂停浏览器的运行，所以应该是一个非模态（non-modal）的Panel。于是我们通过一种方式来绕过没有适当构造函数的限制：
        使用RootPanel.get().add(myPanel);来取代myPanel.show();
        这样就得到了一个非模态的Panel。

        在新的GWT1.4中，PopupPanel有三个构造函数：
            public PopupPanel()；
            public PopupPanel(boolean autoHide)；
            public PopupPanel(boolean autoHide, boolean modal)；
        我们看到，我们可以通过构造函数指定是否需要一个模态Panel。如果我们使用第三个构造函数，而且把第二个参数设置为false的话，当我们对该PopupPanel实例调用show()方法的时候，就会得到一个非模态的Panel。
        但是，如果我们还要用RootPanel.get().add(myPanel)的话，浏览器将忽略我们设置的宽度，和弹出位置等信息，把myPanel添加到页面最下方一个元素的下面，而且其宽度与浏览器客户区的宽度相同。总之，绝不是你想要的结果。

        下面给出一个在页面右上角实现消息提示框的方法。

1 private final PopupPanel infoB=new PopupPanel(false,false);//no auto-hide, non-modal popup
2 public void infoBoard(String info){
3        if(infoB!=null)
4            infoB.hide();
5          Label lb=new Label(info);
6      infoB.setWidget(lb);
7        infoB.show();
8        int width=infoB.getOffsetWidth();
9        infoB.hide();
10         int clientWidth=Window.getClientWidth();
11         infoB.setPopupPosition(clientWidth-width, 0);
12         infoB.show();
13 }

        基本思路是，先设置要显示的消息（info），然后因为是在右上角显示，所以要取得消息框的宽度（width），并取得浏览器客户区的宽度（clientWidth），计算（clientWidth-width）就得到了消息框的x坐标（准确地说是左上角那一点的x坐标）。
        7～9的代码好像很奇怪，但只有这样才能取得消息框的宽度。当PopupPanel处于不可见状态时，调用getOffsetWidth()必将返回0。因为浏览器不知道宽度。原因如下：
        你的PopupPanel可能会被CSS修饰，可能通过百分比设置了宽度，也可能设置了边框等属性，所以无法得知到底占用了多少个像素的宽度。只有处于可见状态时才能得到其宽度。

Jack L 2007-08-29 17:51 发表评论