BlogJava-都市淘沙者-文章分类-JSP/PHP

深入解析form标签

都市淘沙者 — Tue, 15 Mar 2011 02:04:00 GMT

摘要: http://www.nowamagic.net/html/html_FormAnalysis.php Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->在Javascript中，页面上的每一对

JavaScript prototype原型对象

都市淘沙者 — Thu, 24 Feb 2011 02:05:00 GMT

原文 http://www.xiaoxiaozi.com/2009/06/29/995/

最近折腾MSDP的东西，js的东西灰常之多，之前没有很好学，现在来还账 :=)

在之前的《javascript 构造函数和方法》一文中，我们知道，用构造函数把方法赋予其实例化的对象这样的效率实在让人不敢恭维。如果那样的话，构造函数创建的每一个每一个对象都会有相同的方法属性的副本。

在JavaScript中，有一种更为有效的声明方法、常量及其他能被类所有对象共享的属性的方式，那就是prototype原型

一个对象的原型，是由创建并初始化该对象的构造函数定义的。在JavaScript中，所有的函数都具有prototype属性，它引用了一个对象。虽然原型对象在初始化时是空的，但是你在其中定义的任何属性都会被该构造函数创建的所有对象所继承。这也是JavaScript继承的实现原理。

在学习prototype(原型)的时候，我们首先要搞明白这样两个规则：
1. 使用原型可以大量减少每个对象对内存的需求量，因为对象可以继承许多属性。
2. 即使属性在对象被创建之后才被添加至原型中，对象也能够继承这些属性。

我们需要了解一下，原型里定义的属性，不是简单的被实例化的对象复制过去的，只是看起来好像是这些对象的属性了，这是很重要的概念。

看一个实例来理解一下：

//创建一个构造函数 “用户”
function User(name)
{
this.name = name;
}

//实例化一个用户——>老张
var 老张 = new User('老张');

//弹窗显示老张的名字
alert(老张.name);

//定义原型，注意这里对象“老张”已经被实例化了
User.prototype.favchannel = 'CCAV';

//弹窗显示老张最喜欢的电视台
alert(老张.favchannel);

虽然“老张”这个对象已经被实例化出来了，不过其仍然会继承原型定义的“最喜欢的频道”这个属性

注意，只有读属性的时候才会使用prototype，写属性的时候是不会用到prototype的。

首先我们来详细了解一下，什么时候会用到prototype。当读一个对象的属性时，其寻找这个属性的顺序是怎样的呢？例如：读取老张的favchannel属性：

第一步：去问老张，你有没有啥喜欢的频道啊？老张如果有的话就是：嗯呐，我喜欢CCAV，如果没有就说我不知道啊，问我老大吧，他说我喜欢啥，俺就喜欢啥。

第二步：问老张的构造函数的原型，如果原型内定义了，就会告诉你，我的小弟都喜欢CCAV，除非有的非常有个性可能喜欢某岛国的小电影频道。如果原型内也没定义，就会告诉你，去找我们经理，经理知道。

第三步：去问经理，即Object的prototype，如果经理说他们一般都喜欢CCAV，那么就是CCAV，如果经理也不知道，那就返回undefined。

所以顺序是老张——>User prototype——>Object prototype

那么为啥写属性的时候不用prototype呢？举个例子你就清楚了

//老李是一个新的用户
var 老李 = new User('老李');

//老李喜欢小电影
老李.favchannel = 'JAPANTV';

//弹窗显示JAPANTV
alert(老李.favchannel);

//弹窗显示老张还是中意CCAV
alert(老张.favchannel);

如果，写属性也去改prototype的时候，那改变其中任何一个对象的属性，比如老李现在得意JAPANTV，如果也去改原型的话，老张也只能得意JAPANTV了。。

上面我们已经了解了，属性的继承(从原型处继承)只发生在读属性时。另外，原型对象的属性被一个类的所有对象共享，所以通常只用它们来定义类中所有对象相同的属性。例如我们可以定义“圆”这个类的PI值为1.34。

都市淘沙者 2011-02-24 10:05 发表评论

IE和FireFox下通用的Javascript模拟回车－－点击事件(转)

都市淘沙者 — Thu, 27 Nov 2008 02:14:00 GMT

最近做东西发现用户在网页输入框里面按回车的行为是不固定的。。。
特别是在网页有多个表单的时候
于是搜了一把找了一个模拟点击的js，经测试能在firefox和ie上运行
function doClick(linkId, e){
                if(e.keyCode != 13){
                    return;
                }
                var fireOnThis = document.getElementById(linkId)
                  if (document.createEvent)
                  {
                    var evObj = document.createEvent('MouseEvents')
                    evObj.initEvent( 'click', true, false )
                    fireOnThis.dispatchEvent(evObj)
                  }
                  else if (document.createEventObject)
                  {
                       fireOnThis.fireEvent('onclick')
                  }
}
其中e是event，内置对象，linkId是模拟被点击的对象id
比如<INPUT id="test" onkeypress="doClick("buttonId", event)">
这样的话就能让用户按回车来提交表单了～

opera可以再改一下
  <img   id="a"   src="/a.jpg"   onclick="alert('a');"/><div   onclick="clickObj('a')">click   mediv>
  <script   language="javascript">

  script>

都市淘沙者 2008-11-27 10:14 发表评论

Js表单常用处理方法

都市淘沙者 — Fri, 26 Sep 2008 07:56:00 GMT

     摘要: JavaScript表单处理[JavaScript高级程序设计] //表单 var FormUtil = new Object(); //表单中的文本框 var TextUtil = new Object(); //表单中的列表框和组合框


            密码：




              没有注册



找回密码







<%
}
%>

---------------------------------------------------------------

myRedirect.java

package com.util;

import javax.servlet.http.HttpServletRequest;
import java.util.Enumeration;

public class myRedirect    //对url的转换类
{
public static String dealurl(HttpServletRequest request)
{
  String url = "";
  url = request.getRequestURL()+"?";
  url +=param(request);
  if(url.indexOf("&")>-1)
   url=url.replaceAll("&","@#@");//实际上就是把有&的字符转化成了@#@
  return url;
}
public static String geturl(String url)//这个是还原方法
{
  if(url.indexOf("@#@")>-1)
   url=url.replaceAll("@#@","&");
  return url;
}
public static String param(HttpServletRequest request)
{
  String url = "";
  Enumeration param = request.getParameterNames();//得到所有参数名
  while(param.hasMoreElements())
  {
   String pname = param.nextElement().toString();
   url += pname+"="+request.getParameter(pname)+"&";
  }
  if(url.endsWith("&"))
  {
   url = url.substring(0,url.lastIndexOf("&"));
  }
  return url;
}
}

都市淘沙者 2006-04-26 21:16 发表评论

B/S系统权限控制的一种简单方法

都市淘沙者 — Wed, 26 Apr 2006 08:58:00 GMT

看了网上一些关于权限控制的帖子，越看越迷糊，什么用AOP(Aspect Oriented Programming,面向方面编程)，用容器，RBAC(基于角色的访问控制方法),SSO,Jive的Proxy模式等等等等，且又是role又是group，真是头都大了，先写个简单的实现方法，以后再研究高深的。
此方法不依赖容器框架，适用于小系统(主要JSP页面要少于100,因为是硬编码到JSP)，适用于要精确控制页面field的情况较多的系统。

(插句话：要分清权限控制与业务逻辑，业务逻辑就是情况由系统运行时的某些条件决定，如学生管理系统中，某一学生进入系统，只能看自己的记录，因为可看的记录是由学号来决定的，所以这是业务逻辑，而又如学生不能看老师的记录，这是有学生的身份来决定的，所以这是权限控制。)

好了，进入正题！
建表：

user(user信息： userID userPassword 等)
role(role描述：roleID roleDesc)
permission(permission描述：permissionID permissionDesc)
user-role(user role对应关系表：userID roleID)
role-permission(role permission对应关系表：roleID permissionID)
user-permission(user permission对应关系表：userID permissionID)

重要申明：

1 此处role没有继承关系,只是permission的集合

2 user-permission表只是为了方便，其数据是根据user-role role-permission两表得来，只有在user-role role-permission两表有更新的时候更新此表，并不能单独赋予user某个permission,只能赋予user一个或多个role。

3 permission的分配，这是一个难点，很多比较复杂的权限控制系统也是因为这个才发展出来，此处把它尽量想简单，不考虑业务逻辑，以页面为视角，分两层，首先是需要控制的jsp页面，然后是需要控制的页面field(包括link,text,textbox,button等等)，field这一层还有privilege之分(R和W，即可读和可写)

基本思路：进入JSP页面时，检查用户信息，查到用户有此permission就包含此代码，如果没有此permission就不包含此代码，此功能由Tag来完成(不会写Tag？不要紧，抄！)。看代码吧！

1 建表(如上)
2 建两个class(bean) (UserProfile是用户基本信息 UserPermission是permission )

UserProfile.java:
package com.××.××.××;
import java.util.Collection;

public class UserProfile {
  private String userId;
  private String userType;
  private String companyNo;
  private String companyName;
  private String companyType;
  private Collection userPermissions;

 public String getUserId() {
       return userId;
  }
  public void setUserId(String userId) {
      this.userId = userId;
  }
 public String getUserType() {
       return userType;
 }
 
  public void setUserType(String userType) {
     this.userType = userType;
  }

  public String getCompanyNo() {
      return companyNo;
  }

  public void setCompanyNo(String companyNo) {
      this.companyNo = companyNo;
  }

  public String getCompanyName() {
    return companyName;
  }
   public void setCompanyName(String companyName) {
     this.companyName = companyName;
   }
   public String getCompanyType() {
     return companyType;
   }
  public void setCompanyType(String companyType) {
     this.companyType = companyType;
  }
  public Collection getUserPermissions() {
     return userPermissions;
  }
   public void setUserPermissions(Collection userPermissions) {
      this.userPermissions = userPermissions;
   }
}


UserPermission.java:
package com.××.××.××;

public class UserPermission {
  private int permissionId;
  private String privilege;
  public int getPermissionId() {
     return permissionId;
  }
  public void setPermissionId(int permissionId) {
     this.permissionId = permissionId;
  }
  public String getPrivilege() {
     return privilege;
  }
  public void setPrivilege(String privilege) {
    this.privilege = privilege;
 }
} 




3 加两个Tag(Page与Field)：


SecurityTagForPage.java：
package com.**.**.taglib;
import java.util.*;

public class SecurityTagForPage extends TagSupport{

 private int permissionID;

 public int doEndTag() throws JspException{
     HttpSession session = pageContext.getSession();

     //登陆时把该user的userProfile放到session里 

     UserProfile userProfile = (UserProfile)session.getAttribute("userProfile");
     Collection collection= userProfile.getUserPermissions();
     Iterator it = collection.iterator() ;
     while(it.hasNext()){
       UserPermission userPermission = (UserPermission)it.next();
       if ((permissionID == userPermission.getPermissionId())){
            return EVAL_PAGE;
       }
     }
     return SKIP_PAGE;
 }

 public int getPermissionID(){
     return permissionID;
 }

 public void setPermissionID(int permissionID){
     this.permissionID = permissionID;
 }
}

SecurityTagForField：
public class SecurityTagForField extends TagSupport{
  private int permissionID;
  private String privilege;

public int doStartTag() throws JspException{
  HttpSession session = pageContext.getSession();
  UserProfile userProfile = (UserProfile)session.getAttribute("userProfile");

  Collection collection= userProfile.getUserPermissions();
  Iterator it = collection.iterator() ;
  while(it.hasNext()){
     UserPermission userPermission = (UserPermission)it.next();
     if (privilege ==null){
            if ( (permissionID == userPermission.getPermissionId())){
                 return EVAL_BODY_INCLUDE;
            }
     }else{
        if ((permissionID == userPermission.getPermissionId())
&&(privilege.equals(userPermission.getPrivilege()))){
            return EVAL_BODY_INCLUDE;
        }
     }
   }
   return SKIP_BODY;
  }

 public int getPermissionID(){
  return permissionID;
 }

 public void setPermissionID(int permissionID){
   this.permissionID = permissionID;
 }

 public String getPrivilege(){
   return privilege;
 }

 public void setPrivilege(String privilege){
    this.privilege = privilege;
 }
}

4 在web-inf目录下建个securityTag.tld文件，内容如下：(改一下class的目录)

"http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd">

1.0
1.1
security

access control!

securityForField
com.companyname.prjname.taglib.SecurityTagForField

permissionID
true

privilege

securityForPage
com.companyname.prjname.taglib.SecurityTagForPage

permissionID
true

5 修改需要控制的jsp

在jsp页面这样写：

<%@ taglib uri="/WEB-INF/securityTag.tld" prefix="security" %>
<%@ page import="com.hp.elog2.util.Util" %>

.......

......

这样就大功告成了，建议在所有jsp页面完成后再做权限控制这一块(添加Tag)，主要都是些Copy＋C和Copy＋V的工作。

此方法最大的问题就是hardcode太多，但结构简单，思路清晰，适用范围广。

复杂的方法希望同道之士于我联系leon_sandy@tom.com，共同研究！

都市淘沙者 2006-04-26 16:58 发表评论

在JSP中实现DES加密解密的例子

都市淘沙者 — Thu, 13 Apr 2006 09:40:00 GMT

DES.java

package Lion.Security.Cryptography;

import javax.crypto.Cipher;
import javax.crypto.KeyGenerator;
import javax.crypto.NoSuchPaddingException;
import javax.crypto.SecretKey;
import java.security.NoSuchAlgorithmException;
import java.security.Security;
/**
* DES加密的，文件中共有两个方法,加密、解密
* @author Lion
* @author www.lionsky.net
*/
public class DES {
    private String Algorithm = "DES";//加密算法的名称
    private KeyGenerator keygen;//密钥生成器
    private SecretKey deskey;//密钥
    private Cipher c;//密码器
    private byte[] cipherByte;

    /**
     * 初始化 DES 实例
     */
    public DES() {
          init();
    }

    public void init() {
        Security.addProvider(new com.sun.crypto.provider.SunJCE());
        try {
               keygen = KeyGenerator.getInstance(Algorithm);
               deskey = keygen.generateKey();
               c = Cipher.getInstance(Algorithm);
         }
         catch(NoSuchAlgorithmException ex){
            ex.printStackTrace();
        }
         catch(NoSuchPaddingException ex){
            ex.printStackTrace();
        }
       }

    /**
     * 对 String 进行加密
     * @param str 要加密的数据
     * @return 返回加密后的 byte 数组
     */
     public byte[] createEncryptor(String str) {
        try {
             c.init(Cipher.ENCRYPT_MODE, deskey);//初始化密码器，用密钥deskey,进入加密模式
             cipherByte = c.doFinal(str.getBytes());//加密
        }
        catch(java.security.InvalidKeyException ex){
            ex.printStackTrace();
        }
        catch(javax.crypto.BadPaddingException ex){
            ex.printStackTrace();
        }
        catch(javax.crypto.IllegalBlockSizeException ex){
            ex.printStackTrace();
        }
        return cipherByte;
     }

    /**
     * 对 Byte 数组进行解密
     * @param buff 要解密的数据
     * @return 返回加密后的 String
     */
     public String createDecryptor(byte[] buff) {
        try {
           c.init(Cipher.DECRYPT_MODE, deskey);//初始化密码器，用密钥deskey,进入解密模式
           cipherByte = c.doFinal(buff);
        }
        catch(java.security.InvalidKeyException ex){
            ex.printStackTrace();
        }
        catch(javax.crypto.BadPaddingException ex){
            ex.printStackTrace();
        }
        catch(javax.crypto.IllegalBlockSizeException ex){
            ex.printStackTrace();
        }
        return (new String(cipherByte));
     }
}

DES.jsp

<%@ page contentType="text/html; charset=gb2312" %>

DES File

<%
String Test = request.getParameter("Test");
if(Test==null || Test.equals("")) {
%>




    <%
}else{
            out.println("加密前的数据："+Test +"
");
            out.println("加密后的数据："+DES.createEncryptor(Test) +"
");
            out.println("解密后的数据："+DES.createDecryptor(DES.createEncryptor(Test)) +"
");
      }
    %>

都市淘沙者 2006-04-13 17:40 发表评论

Web的系统测试方法

都市淘沙者 — Thu, 13 Apr 2006 09:37:00 GMT

随着Internet和Intranet/Extranet的快速增长，Web已经对商业、工业、银行、财政、教育、政府和娱乐及我们的工作和生活产生了深远的影响。许多传统的信息和数据库系统正在被移植到互联网上，电子商务迅速增长，早已超过了国界。范围广泛的、复杂的分布式应用正在Web环境中出现。Web的流行和无所不在，是因为它能提供支持所有类型内容连接的信息发布，容易为最终用户存取。

　　 Yogesh Deshpande和Steve Hansen在1998年就提出了Web工程的概念。Web工程作为一门新兴的学科，提倡使用一个过程和系统的方法来开发高质量的基于Web的系统。它"使用合理的、科学的工程和管理原则，用严密的和系统的方法来开发、发布和维护基于Web的系统"。目前，对于web工程的研究主要是在国外开展的，国内还刚刚起步。

　　在基于Web的系统开发中，如果缺乏严格的过程，我们在开发、发布、实施和维护Web的过程中，可能就会碰到一些严重的问题，失败的可能性很大。而且，随着基于Web的系统变得越来越复杂，一个项目的失败将可能导致很多问题。当这种情况发生时，我们对Web和Internet的信心可能会无法挽救地动摇，从而引起Web危机。并且，Web危机可能会比软件开发人员所面对的软件危机更加严重、更加广泛。

　　在Web工程过程中，基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的软件测试不同，它不但需要检查和验证是否按照设计的要求运行，而且还要测试系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。然而，Internet和Web媒体的不可预见性使测试基于Web的系统变得困难。因此，我们必须为测试和评估复杂的基于Web的系统研究新的方法和技术。

　　一般软件的发布周期以月或以年计算，而Web应用的发布周期以天计算甚至以小时计算。Web测试人员必须处理更短的发布周期，测试人员和测试管理人员面临着从测试传统的C/S结构和框架环境到测试快速改变的Web应用系统的转变。

　　一、功能测试

　　 1、链接测试

　　链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是否存在；最后，保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。

　　链接测试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试。

　　 2、表单测试

　　当用户给Web应用系统管理员提交信息时，就需要使用表单操作，例如用户注册、登陆、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。

　　 3、Cookies测试

　　 Cookies通常用来存储用户信息和用户在某应用系统的操作，当一个用户使用Cookies访问了某一个应用系统时，Web服务器将发送关于用户的信息，把该信息以Cookies的形式存储在客户端计算机上，这可用来创建动态和自定义页面或者存储登陆等信息。

　　如果Web应用系统使用了Cookies，就必须检查Cookies是否能正常工作。测试的内容可包括Cookies是否起作用，是否按预定的时间进行保存，刷新对Cookies有什么影响等。

　　 4、设计语言测试

　　 Web设计语言版本的差异可以引起客户端或服务器端严重的问题，例如使用哪种版本的HTML等。当在分布式环境中开发时，开发人员都不在一起，这个问题就显得尤为重要。除了HTML的版本问题外，不同的脚本语言，例如Java、JavaScript、 ActiveX、VBScript或Perl等也要进行验证。

　　 5、数据库测试

　　在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用SQL对信息进行处理。

　　在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。

　　二、性能测试

　　 1、连接速度测试

　　用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。

　　另外，有些页面有超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。

　　 2、负载测试

　　负载测试是为了测量Web系统在某一负载级别上的性能，以保证Web系统在需求范围内能正常工作。负载级别可以是某个时刻同时访问Web系统的用户数量，也可以是在线数据处理的数量。例如：Web应用系统能允许多少个用户同时在线？如果超过了这个数量，会出现什么现象？Web应用系统能否处理大量用户对同一个页面的请求？

　　 3、压力测试

　　负载测试应该安排在Web系统发布以后，在实际的网络环境中进行测试。因为一个企业内部员工，特别是项目组人员总是有限的，而一个Web系统能同时处理的请求数量将远远超出这个限度，所以，只有放在Internet上，接受负载测试，其结果才是正确可信的。

　　进行压力测试是指实际破坏一个Web应用系统，测试系统的反映。压力测试是测试系统的限制和故障恢复能力，也就是测试Web应用系统会不会崩溃，在什么情况下会崩溃。黑客常常提供错误的数据负载，直到Web应用系统崩溃，接着当系统重新启动时获得存取权。

　　压力测试的区域包括表单、登陆和其他信息传输页面等。

　　三、可用性测试

　　 1、导航测试

　　导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；或在不同的连接页面之间。通过考虑下列问题，可以决定一个Web应用系统是否易于导航：导航是否直观？Web系统的主要部分是否可通过主页存取？Web系统是否需要站点地图、搜索引擎或其他的导航帮助？

　　在一个页面上放太多的信息往往起到与预期相反的效果。Web应用系统的用户趋向于目的驱动，很快地扫描一个Web应用系统，看是否有满足自己需要的信息，如果没有，就会很快地离开。很少有用户愿意花时间去熟悉Web应用系统的结构，因此，Web应用系统导航帮助要尽可能地准确。

　　导航的另一个重要方面是Web应用系统的页面结构、导航、菜单、连接的风格是否一致。确保用户凭直觉就知道Web应用系统里面是否还有内容，内容在什么地方。

　　 Web应用系统的层次一旦决定，就要着手测试用户导航功能，让最终用户参与这种测试，效果将更加明显。

　　 2、图形测试

　　在Web应用系统中，适当的图片和动画既能起到广告宣传的作用，又能起到美化页面的功能。一个Web应用系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有：

　　（1）要确保图形有明确的用途，图片或动画不要胡乱地堆在一起，以免浪费传输时间。Web应用系统的图片尺寸要尽量地小，并且要能清楚地说明某件事情，一般都链接到某个具体的页面。

　　（2）验证所有页面字体的风格是否一致。

　　（3）背景颜色应该与字体颜色和前景颜色相搭配。

　　（4）图片的大小和质量也是一个很重要的因素，一般采用JPG或GIF压缩。

　　 3、内容测试

　　内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。

　　信息的正确性是指信息是可靠的还是误传的。例如，在商品价格列表中，错误的价格可能引起财政问题甚至导致法律纠纷；信息的准确性是指是否有语法或拼写错误。这种测试通常使用一些文字处理软件来进行，例如使用Microsoft Word的"拼音与语法检查"功能；信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓"相关文章列表"。

　　 4、整体界面测试

　　整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？
对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。

　　对所有的可用性测试来说，都需要有外部人员（与Web应用系统开发没有联系或联系很少的人员）的参与，最好是最终用户的参与。

　　四、客户端兼容性测试

　　 1、平台测试

　　市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。

　　因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。

　　 2、浏览器测试

　　浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java，、JavaScript、 ActiveX、 plug-ins或不同的HTML规格有不同的支持。例如，ActiveX是Microsoft的产品，是为Internet Explorer而设计的，JavaScript是Netscape的产品，Java是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。

　　测试浏览器兼容性的一个方法是创建一个兼容性矩阵。在这个矩阵中，测试不同厂商、不同版本的浏览器对某些构件和设置的适应性。

　　五、安全性测试

　　 Web应用系统的安全性测试区域主要有：

　　（1）现在的Web应用系统基本采用先注册，后登陆的方式。因此，必须测试有效和无效的用户名和密码，要注意到是否大小写敏感，可以试多少次的限制，是否可以不登陆而直接浏览某个页面等。

　　（2）Web应用系统是否有超时的限制，也就是说，用户登陆后在一定时间内（例如15分钟）没有点击任何页面，是否需要重新登陆才能正常使用。

　　（3）为了保证Web应用系统的安全性，日志文件是至关重要的。需要测试相关信息是否写进了日志文件、是否可追踪。

　　（4）当使用了安全套接字时，还要测试加密是否正确，检查信息的完整性。

　　（5）服务器端的脚本常常构成安全漏洞，这些漏洞又常常被黑客利用。所以，还要测试没有经过授权，就不能在服务器端放置和编辑脚本的问题。

　　六、总结

　　本文从功能、性能、可用性、客户端兼容性、安全性等方面讨论了基于Web的系统测试方法。

　　基于Web的系统测试与传统的软件测试既有相同之处，也有不同的地方，对软件测试提出了新的挑战。基于Web的系统测试不但需要检查和验证是否按照设计的要求运行，而且还要评价系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。

都市淘沙者 2006-04-13 17:37 发表评论

JSP页面查询显示常用模式

都市淘沙者 — Thu, 13 Apr 2006 09:34:00 GMT

title: JSP页面查询显示常用模式

author: evan

email: evan_zhao@hotmail.com

背景：
1．    需要将数据库查询结果在JSP中以列表方式显示
2．    在一个良好的J2EE模式中数据库查询一般用DAO实现（Data Access Object）， JSP仅用于显示数据

问题：
    通过JDBC ResultSet可获取查询结果（存在于数据库缓冲区内），但在Statement、Connection关闭后ResultSet即不可用。因此需要一种方式取出所有查询结果并传递至JSP页面。

解决方法一：
    使用Value Object。将每条记录均封装成JavaBean对象，把这些对象装入Collection传送给JSP显示。这种方法的缺点是每一种查询都需要定义一个java class，并且将记录数据封装成java对象时也需要很多额外的代码。
示例代码：

//查询数据代码
Connection conn = DBUtil.getConnection();
PreparedStatement pst = null;
ResultSet rs = null;
try{
String sql=“select emp_code, real_name from t_employee where organ_id=?”;
pst = conn.preparedStatement(sql);
pst.setString(1, “101”);
ResultSet rs = pst.executeQuery();
List list = new ArrayList();
Employee emp;
while (rs.next()){
emp = new Employee();
emp.setReakName(rs.getString(“real_name”));
emp.setEmpCode(rs.getString(“emp_code”));
…
list.add(emp);
}
return list;
}finally{
DBUtil.close(rs, pst ,conn);
}
//jsp显示部分代码
<%
List empList = (List)request.getAttribute(“empList”);
if (empList == null) empList = Collections.EMPTY_LIST;
%>
…
"0" width=”90%”>
代码姓名
<%
Employee emp;
for (int i=0; i< empList.size(); i++){
emp = (Employee) empList.get(i);
%>
<%= emp.getEmpCode()%>
<%= emp.getRealName()%>
<%
}// end for
%>

解决方法二：
    遍历ResultSet取出所有数据封装进Collection。
具体做法：
1．    生成一个List对象(List list = new ArrayList() )。
2．    生成一个Map对象(Map map = new HashMap() )。使用Map封装一行数据，key为各字段名，value为对应的值。(map.put(“USER_NAME”), rs.getString(“USER_NAME”))
3．    将第2 步生成的Map对象装入第1步的list对象中(list.add(map) )。
4．    重复2、3步直到ResultSet遍历完毕
在DBUtil. resultSetToList(ResultSet rs)方法中实现了上述过程（所有列名均使用大写），可参考使用。

示例代码：

//查询数据部分代码：
…
Connection conn = DBUtil.getConnection();
PreparedStatement pst = null;
ResultSet rs = null;
try{
String sql=“select emp_code, real_name from t_employee where organ_id=?”;
pst = conn.preparedStatement(sql);
pst.setString(1, “101”);
rs = pst.executeQuery();
List list = DBUtil. resultSetToList(ResultSet rs);
return list;
}finally{
DBUtil.close(rs, pst ,conn);
}
//JSP显示部分代码
<%
List empList = (List)request.getAttribute(“empList”);
if (empList == null) empList = Collections.EMPTY_LIST;
%>
…
"0" width=”90%”>
代码姓名
<%
Map colMap;
for (int i=0; i< empList.size(); i++){
colMap = (Map) empList.get(i);
%>
<%=colMap.get(“EMP_CODE”)%>
<%=colMap.get(“REAL_NAME”)%>
<%
}// end for
%>

解决方法三：
使用RowSet。
RowSet是JDBC2.0中提供的接口,Oracle对该接口有相应实现，其中很有用的是oracle.jdbc.rowset.OracleCachedRowSet。 OracleCachedRowSet实现了ResultSet中的所有方法，但与ResultSet不同的是，OracleCachedRowSet中的数据在Connection关闭后仍然有效。

oracle的rowset实现在http://otn.oracle.com/software/content.html的jdbc下载里有，名称是ocrs12.zip

示例代码：

//查询数据部分代码：
import javax.sql.RowSet;
import oracle.jdbc.rowset.OracleCachedRowSet;
…
Connection conn = DBUtil.getConnection();
PreparedStatement pst = null;
ResultSet rs = null;
try{……
String sql=“select emp_code, real_name from t_employee where organ_id=?”;
pst = conn.preparedStatement(sql);
pst.setString(1, “101”);
rs = pst.executeQuery();
OracleCachedRowSet ors = newOracleCachedRowSet();
//将ResultSet中的数据封装到RowSet中
ors.populate(rs);
return ors;
}finally{
DBUtil.close(rs, pst, conn);
}
//JSP显示部分代码
<%
javax.sql.RowSet empRS = (javax.sql.RowSet) request.getAttribute(“empRS”);
%>
…
"0" width=”90%”>
代码姓名
<%
if (empRS != null) while (empRS.next() ) {
%>
<%= empRS.get(“EMP_CODE”)%>
<%= empRS.get(“REAL_NAME”)%>
<%
}// end while
%>

适用场合：
  方法一使用于定制的查询操作
  方法二适用于多条查询语句或需要对查询结果进行处理的情况。
  方法三适合于单条查询语句，适用于快速开发。

相关链接：
    如果需要分页显示请参考：JSP分页技术实现
    如果查询结果需要生成WORD或者EXCEL，请参考：使用jsp实现word、excel格式报表打印

附：DBUtil代码：

import java.util.List;
import java.util.ArrayList;
import java.util.Map;
import java.util.HashMap;
import java.util.Properties;
import java.util.Collections;
import java.sql.Connection;
import java.sql.SQLException;
import java.sql.ResultSet;
import java.sql.ResultSetMetaData;
import java.sql.Statement;
import java.sql.PreparedStatement;
import javax.naming.Context;
import javax.naming.InitialContext;
import javax.naming.NamingException;
import javax.sql.DataSource;
public class DBUtil{
private static final String JDBC_DATA_SOURCE = "java:comp/env/jdbc/DataSource";
/**
enableLocalDebug: 是否在本地调试。
值为true时如果查找数据源失败则使用DriverManager与数据库建立连接；
如果为false则只查找数据源建立数据库连接。
默认为false。
可通过系统属性jdbc.enable_local_debug=true设置enableLocalDebug为true，启用本地调试：
增加JVM parameter： -Djdbc.enable_local_debug=true
*/
private static boolean enableLocalDebug = false;
static{
enableLocalDebug = Boolean.getBoolean ("jdbc.enable_local_debug");
}
private static Context ctx = null;
private static javax.sql.DataSource ds = null;
private static void initDataSource() throws Exception{
// Put connection properties in to a hashtable.
if (ctx == null) {
ctx = new InitialContext();
}
if (ds == null) {
ds = (javax.sql.DataSource) ctx.lookup(JDBC_DATA_SOURCE);
}
}
/**
* 查找应用服务器数据源，从数据源中获得数据库连接。
* 在本地调试时如果查找数据源失败并且enableLocalDebug==true
* 则根据系统属性使用java.sql.DriverManager建立连接。
* 本地调试时可配置的系统属性如下：
*
* #jdbc驱动程序名
* jdbc.driver=oracle.jdbc.driver.OracleDriver
* #数据库连接串
* jdbc.url=jdbc:oracle:thin:@10.1.1.1:1521:ocrl
* #数据库用户名
* jdbc.username=scott
* #数据库用户密码
* jdbc.password=tiger
*
* 可通过JVM参数设置上述系统属性：
* -Djdbc.driver=oracle.jdbc.driver.OracleDriver
* -Djdbc.url=jdbc:oracle:thin:@10.1.1.1:1521:ocrl
* -Djdbc.username=scott -Djdbc.password=tiger
* @return Connection
* @throws NamingException 如果数据源查找失败
* @throws SQLException 如果建立数据库连接失败
*/
public static Connection getConnection() throws SQLException{
try{
initDataSource();
return ds.getConnection();
}catch(SQLException sqle){
throw sqle;
}catch(Exception ne){
if (enableLocalDebug){
return getTestConn();
}else{
throw new RuntimeException(ne.toString());
}
}
}
//通过DriverManager建立本地测试连接
private static Connection getTestConn(){
try {
String driver = System.getProperty("jdbc.driver");
System.out.println("jdbc.driver="+driver);
String url = System.getProperty("jdbc.url");
System.out.println("jdbc.url="+url);
String userName = System.getProperty("jdbc.username");
System.out.println("jdbc.username="+userName);
String password = System.getProperty("jdbc.password");
System.out.println("jdbc.password="+password);
Class.forName(driver).newInstance();
return java.sql.DriverManager.getConnection(url, userName, password);
}
catch (Exception ex) {
ex.printStackTrace();
throw new RuntimeException(ex.getMessage());
}
}
/**
* 将查询结果封装成List。
* List中元素类型为封装一行数据的Map，Map key为字段名（大写），value为相应字段值
* @param rs ResultSet
* @return List
* @throws java.sql.SQLException
*/
public static List resultSetToList(ResultSet rs) throws java.sql.SQLException{
if (rs==null) return Collections.EMPTY_LIST;
ResultSetMetaData md = rs.getMetaData();
int columnCount = md.getColumnCount();
List list = new ArrayList();
Map rowData;
while (rs.next()){
rowData = new HashMap(columnCount);
for (int i=1; i<=columnCount; i++){
rowData.put(md.getColumnName(i),rs.getObject(i));
}
list.add(rowData);
}
return list;
}
/**
* 关闭ResultSet、Statement和Connection
* @param rs ResultSet to be closed
* @param stmt Statement or PreparedStatement to be closed
* @param conn Connection to be closed
*/
public static void close(ResultSet rs, Statement stmt, Connection conn){
if (rs != null) try{
rs.close();
}catch(java.sql.SQLException ex){
ex.printStackTrace();
}
if (stmt != null) try{
stmt.close();
}catch(java.sql.SQLException ex){
ex.printStackTrace();
}
if (conn != null) try{
conn.close();
}catch(java.sql.SQLException ex){
ex.printStackTrace();
}
}
}// end of DBUtil

都市淘沙者 2006-04-13 17:34 发表评论

如何在Web应用中启动后台任务的实例讲解(zhuan)

都市淘沙者 — Thu, 13 Apr 2006 09:32:00 GMT

我们常常在Web应用中需要启动一个自己写的服务，本文的目的是给你提供一个解决方案。

原理

本方案的原理是写一个实现了ServletContextListener接口的类，该类中有两个方法：

public void contextInitialized(ServletContextEvent sce)

它是在应用启动时调用；另一个方法是：

public void contextDestroyed(ServletContextEvent sce)

该方法是在应用结束时调用。

把我们要启动的后台应用逻辑放在contextInitialized方法中实现；把释放后台应用占用资源的工作放在contextDestroyed来处理。但我们启动的后台任务常常是有要求的，比如时间，频率等，我在这里使用了一个开源组件：quartz。

步骤

1、写业务调用类：

																// DumbJob.java
import org.quartz.*;
import java.util.*;
  public class DumbJob implements Job 
  {
    public DumbJob()
	{
    }
    public void execute
	(JobExecutionContext context)
      throws JobExecutionException
    {
     //在这里写业务处理代码。
    }
  }

本类的主要功能是由quartz中调度类按照指定的规则进行调用执行必要的业务逻辑。

2、写调度类

// TestShedule.java
import org.quartz.*;
import java.util.*;

public class TestShedule
{
    static SchedulerFactory 
	schedFact = new org.quartz.
	impl.StdSchedulerFactory();
    static Scheduler sched;
    
    public static void run()throws Exception
	{        
        sched = schedFact.getScheduler();
		//获取调度管理器
          JobDetail jobDetail =
		  new JobDetail("myJob",
      sched.DEFAULT_GROUP,
   DumbJob.class);
   //创建工作
        CronTrigger trigger = 
		new CronTrigger
		("myTrigger","test","0/10 * * * * ?");
		//创建触发器
        sched.scheduleJob(jobDetail, trigger);
		//添加到调度管理器中
        sched.start();//启动调度管理器
    }
    
    public static void     
	stop()throws Exception
	{
        sched.shutdown();
    }
}

本类的目的是设置调用规则，在这里我用了“0/10 * * * * ?”表示每10秒钟就执行一次。

3、编写服务启动类：

//ServiceLoader.java
import javax.servlet.
ServletContextEvent;
import javax.servlet.
ServletContextListener;

public class ServiceLoader 
implements ServletContextListener
{
    public void 
	contextInitialized
	(ServletContextEvent sce)
	{
        try{
            TestShedule.run();
        }catch(Exception ex)
		{
System.out.println(ex.getMessage());
        }
    }
    
    public void contextDestroyed
	(ServletContextEvent sce) 
	{
        try{
            TestShedule.stop();
        }catch(Exception ex)
		{
 System.out.println(ex.getMessage());
        }
    }
}

在contextInitialized中调用TestShedule.run()启动后台任务；在contextDestroyed中调用TestShedule.stop()停止后台任务。

4、部署服务启动类

在web.xml文件中增加如下一行配置：




    root

    
        ServiceLoader
		
    
    
        index.html

5、启动web服务即可。

总结

其实实现这个功能的方法很多，我在这里是应用了ServletContextListener接口和开源api quartz，希望能对你的开发有所帮助。

都市淘沙者 2006-04-13 17:32 发表评论

WEB编程开发常用的代码 (zhuan)

都市淘沙者 — Mon, 13 Mar 2006 06:50:00 GMT

WEB编程开发常用的代码

字体大小:

1. ASP与Access数据库连接：
dim conn,mdbfile
mdbfile=server.mappath("数据库名称.mdb")
set conn=server.createobject("adodb.connection")
'conn.open "driver={microsoft access driver (*.mdb)};uid=admin;pwd=数据库密码;dbq="&mdbfile
conn.open "Provider = Microsoft.Jet.OLEDB.4.0;Data Source = " & mdbfile

2. ASP与SQL数据库连接： dim conn
set conn=server.createobject("ADODB.connection")
con.open "PROVIDER=SQLOLEDB;DATA SOURCE=SQL服务器名称或IP地址;UID=sa;PWD=数据库密码;DATABASE=数据库名称;"

建立记录集对象： set rs=server.createobject("adodb.recordset")
rs.open SQL语句,conn,3,2

SQL常用命令使用方法：

数据记录筛选： sql="select * from 数据表 where 字段名=字段值 order by 字段名 "
sql="select * from 数据表 where 字段名 like ‘%字段值%‘ order by 字段名 "
sql="select top 10 * from 数据表 where 字段名 order by 字段名 "
sql="select * from 数据表 where 字段名 in (‘值1‘,‘值2‘,‘值3‘)"
sql="select * from 数据表 where 字段名 between 值1 and 值2"
更新数据记录： sql="update 数据表 set 字段名=字段值 where 条件表达式"
sql="update 数据表 set 字段1=值1,字段2=值2 …… 字段n=值n where 条件表达式"

删除数据记录： sql="delete from 数据表 where 条件表达式"
sql="delete from 数据表" (将数据表所有记录删除)

添加数据记录： sql="insert into 数据表 (字段1,字段2,字段3 …) valuess (值1,值2,值3 …)"
sql="insert into 目标数据表 select * from 源数据表" (把源数据表的记录添加到目标数据表)
数据记录统计函数：
AVG(字段名) 得出一个表格栏平均值
COUNT(*|字段名) 对数据行数的统计或对某一栏有值的数据行数统计
MAX(字段名) 取得一个表格栏最大的值
MIN(字段名) 取得一个表格栏最小的值
SUM(字段名) 把数据栏的值相加

引用以上函数的方法： sql="select sum(字段名) as 别名 from 数据表 where 条件表达式"
set rs=conn.excute(sql)
用 rs("别名") 获取统的计值，其它函数运用同上。

数据表的建立和删除： Create TABLE 数据表名称(字段1 类型1(长度),字段2 类型2(长度) …… )
例：Create TABLE tab01(name varchar(50),datetime default now())
Drop TABLE 数据表名称 (永久性删除一个数据表)

记录集对象的方法：
rs.movenext 将记录指针从当前的位置向下移一行
rs.moveprevious 将记录指针从当前的位置向上移一行
rs.movefirst 将记录指针移到数据表第一行
rs.movelast 将记录指针移到数据表最后一行
rs.absoluteposition=N 将记录指针移到数据表第N行
rs.absolutepage=N 将记录指针移到第N页的第一行
rs.pagesize=N 设置每页为N条记录
rs.pagecount 根据 pagesize 的设置返回总页数
rs.recordcount 返回记录总数
rs.bof 返回记录指针是否超出数据表首端，true表示是，false为否
rs.eof 返回记录指针是否超出数据表末端，true表示是，false为否
rs.delete 删除当前记录，但记录指针不会向下移动
rs.addnew 添加记录到数据表末端
rs.update 更新数据表记录

判断所填数据是数字型
if not isNumeric(request("字段名称")) then
response.write "不是数字"
else
response.write "数字"
end if
页面执行时间：

<%startime = Timer()%>
.... ....
内容
... ...
结尾
<%
Dim Endtime
Endtime = Timer()
response.write "页面执行时间："&FormatNumber((Endtime-Startime)*1000,5)&" 毫秒"
%>
定义打开网页时起始窗口的大小

随机数:
<%randomize%>
<%=(int(rnd()*n)+1)%>

查询数据时得到的记录关键字用红色显示：
replace(RS("字段X"),searchname,"" & searchname & "")

通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>

判断上一页的来源
request.servervariables("HTTP_REFERER")
javascript: document.referrer

清除缓存，重新加载页面
<%response.expires = 0
response.expiresabsolute = now() - 1
response.addHeader "pragma","no-cache"
response.addHeader "cache-control","private"
Response.cachecontrol = "no-cache"
%>

检索并删除数据库里的重复记录
conn.execute("delete from table where id not in (select distinct from table)")

文件删除函数 <%
'文件删除函数
function deletefile(filename)
if filename<>"" then
set fso=server.CreateObject("scripting.filesystemobject")
if fso.FileExists(filename) then
fso.DeleteFile filename
else
Response.Write ""
end if
end if
end function

strfile=server.MapPath("fileName")
deletefile(strfile)
%>

ASP字数计算函数 <%
Function WordCount(strInput)
Dim strTemp
strTemp = Replace(strInput, vbTab, " ")
strTemp = Replace(strTemp, vbCr, " ")
strTemp = Replace(strTemp, vbLf, " ")

' 删除字首字尾空格
strTemp = Trim(strTemp)

' 替换为一个空格
Do While InStr(1, strTemp, " ", 1) <> 0
strTemp = Replace(strTemp, " ", " ")
Loop
WordCount = UBound(Split(strTemp, " ", -1, 1)) +1
End Function
%>
全正则的检测IP是否合法的函数 function checkIP2(sIPAddress)
{
var exp=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
var reg = sIPAddress.match(exp);
var ErrMsg="你输入的是一个非法的IP地址段！\nIP段为：:xxx.xxx.xxx.xxx（xxx为0-255)！"
var Msg="你输入的是一个合法的IP地址段！"
if(reg==null)
{
alert(ErrMsg);
}
else
{
alert(reg);
}
}

关闭子窗口时刷新父窗口在子窗口

文本框输入限制：

小写英文：
onpaste = "return regInput(this, /^[a-z]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[a-z]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled"
>

大写英文：
onpaste = "return regInput(this, /^[A-Z]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[A-Z]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">

任意数字：
onpaste = "return regInput(this, /^[0-9]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[0-9]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled"
>

限2位小数：
onpaste = "return regInput(this, /^\d*\.?\d{0,2}$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^\d*\.?\d{0,2}$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled"
> 如: 123.12

日　期：
onpaste = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}([-\/](\d{1,2})?)?)?)?$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}([-\/](\d{1,2})?)?)?)?$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled"
> 如: 2002-9-29

任意中文：
onpaste = "return regInput(this, /^[\u4E00-\u9FA5]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[\u4E00-\u9FA5]*$/, event.dataTransfer.getData('Text'))"
>

部分英文：
onpaste = "return regInput(this, /^[a-e]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[a-e]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled"
> 范围: a,b,c,d,e

部分中文：

onpaste = "return regInput(this, /^[一二三四五六七***十]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[一二三四五六七***十]*$/, event.dataTransfer.getData('Text'))"
> 范围: 一二三四五六七***十

[Ctrl+A 全选 Ctrl+C 复制]

不能点右键，不用CTRL+A，不能复制作!
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">

显示状态拦固定文字：
放在body前

用键盘打开网页

根据内容自动调整iframe高度有时为了方便使用Iframe，但被潜入的页面长度不是固定的，显示滚动条不仅影响美观还对用户操作带来不便，自动调整高度可以解决这个问题。^_^

function f_frameStyleResize(targObj)
{
var targWin = targObj.parent.document.all[targObj.name];
if(targWin != null)
{
var HeightValue = targObj.document.body.scrollHeight
if(HeightValue < 600){HeightValue = 600} //不小于600
targWin.style.pixelHeight = HeightValue;
}
}
function f_iframeResize()
{
bLoadComplete = true;
f_frameStyleResize(self);
}

var bLoadComplete = false;
window.onload = f_iframeResize;

禁止页面正文内容被选取

消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .

防止点击空链接时，页面往往重置到页首端。

代码“javascript:void(null)”代替原来的“#”标记

如何避免别人把你的网页放在框架中

关闭本窗口

有时候好不容易写出来的程序代码被别人抄去，心里一定不好受。这还是小事，但如果在我们的源代码中有一些不希望让别人知道的内容，比如密码、Action的指向等，这些一旦被人利用，那后果有时是不堪设想的。而网页加密就是我们现在需要解决的问题。下面就我在网页制作中的一些经验向大家介绍一些简单的防范方法。
禁止右键
看到这里大家一定会想，这招有很多人介绍过了，而且破解的方法也有很多。但我这里要说的是另一种方法，而且我试了很多方法都没有能破解。具体如下：

你可以按右键、shift+F10和右ctrl左边的那个键试试！看能不能解。^_^

大家试试，看能不能破解！你可以将alert("试试能破解吗？");这句去掉，这样当按右键时就什么反应也没有了，就好像没有右键功能一样。

禁示查看源代码
我们已经禁了右键，但从"查看"菜单下的"源文件"中同样可以看到源代码，下面我们就来解决这个问题：
其实这只要使用一个含有标记的网页便可以达到目的。

这样当有人使用"查看"下的"源文件"的时候，看到的将是上面的那段代码，而你真正的文件又躲过一劫。

禁示另存为
通过上面的两步好像你的源代码已经安全了，但别忘了，别人还可以将你的页面保存下来，再慢慢分析。不过别担心，下面我们来解决这个问题。
在你要保密的网页中加入以下代码：

彻底屏蔽右键方法。

双击页面后自动滚屏，单击后停止。

设定脚本出错能继续运行

将彻底屏蔽鼠标右键

oncontextmenu="window.event.returnvalue=false"

可用于Table

取消选取、防止复制

不准粘贴

onpaste="return false"

防止复制

oncopy="return false;" oncut="return false;"

IE地址栏前换成自己的图标

可以在收藏夹中显示出你的图标

关闭输入法

永远都会带着框架

防止被人frame

怎样通过asp的手段来检查来访者是否用了代理

<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "您通过了代理服务器，" & "真实的IP为 "&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>

取得控件的绝对位置

//javascript

//VBScript

光标是停在文本框文字的最后

判断上一页的来源

asp:
request.servervariables("HTTP_REFERER")

javascript:
document.referrer

最小化、最大化、关闭窗口

本例适用于IE

记录并显示网页的最后修改时间

2秒后关闭当前页

2秒后载入指定网页

添加到收藏夹

禁止鼠标右键的动作

或

设置该页为首页

设为首页

节日倒计时

单击按钮打印出当前页

单击按钮‘另存为’当前页

显示系统当前日期

不同时间段显示不同问候语
水中倒影效果
　　

慢慢变大的窗口
http://www.31u.net')">进入

鼠标指向时弹出信息框
在之间加上如下代码：显示的链接文字

随机变换背景图象（一个可以刷新心情的特效）
在之间加上如下代码：

鼠标一碰就给颜色看的链接在之间加上如下代码：

你敢碰我，我就给点颜色你看！

从天而降并有幻影效果的窗口

　　
　　

能隐藏IFRAME的滚动条吗？我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"

加入背景音乐

只适用于IE

对Netscape ,IE 都适用

嵌入网页

跳转

滚动

细线分隔线

过度方式

Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

如何控制横向和纵向滚动条的显隐？

去掉x轴
去掉y轴
不显

定义本网页关键字，可以在中加入如下代码：　　
Content 中所包含的就是关键字,你可以自行设置。　　
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：

IE5.0 的部分快捷键：

A:打开查找功能：Ctrl+F
关闭浏览器窗口：Ctrl+W
打开地址栏下拉列表框：F4
刷新：F5
将当前Web页保存到收藏夹列表：Ctrl+D
打开当前 IE 窗口的一个拷贝：Ctrl+N
停止下载当前网页：Esc
光标迅速移动到网页的开头：Home
光标迅速移动到网页的尾部：End
打开新的地址键入窗口：Ctrl+O
打开收藏夹：Ctrl+I
打开历史记录文件夹：Ctrl+H
打开浏览器设定的默认主页：Alt+HOME

添加到收藏夹：

http://链接','说明');">添加到收藏夹

设为首页：

http://链接');>设为首页

定制浏览器地址栏前的小图标：
A:在网页的间加入以下语句

http://…/icon.ico">

即可。其中 icon.ico 为 16x16 的图标文件，

颜色不要超过 16 色。

把滚动条放在浏览器窗口的左边
A:在中加 dir=RTL，即。

让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:

删除确认：

隐藏状态栏中的链接地址：

自定义指定区域的文字大小：

sdrrrrrrrrrrrrrrrrrrrrrrrrrrrrr

【大中小】

Input输入框文字效果：

通过层来实现渐淡淡出

ywicc.com

网页屏保

5 秒屏保

让标题动态

隐去浏览器中当鼠标移到图片上跳出的工具栏

或者

在form中只有input输入框的情况下...在这个input输入框中按enter进行提交表单

删除确认

或
http://www.31u.net/search.asp" onclick="{if(confirm('确定删除吗?')){return true;}return false;}">删除
或
http://www.31u.net/search.asp" onclick="return confirm('该删除操作将无法恢复！是否继续？')">删除

返回页面顶部：
javascript:window.scroll(0,0)

离开页面时弹出警告：

aa

都市淘沙者 2006-03-13 14:50 发表评论

采用简化原型法进行需求分析-转载并分析

都市淘沙者 — Mon, 06 Mar 2006 13:13:00 GMT

采用简化原型法进行需求分析-转载并分析- -

采用简化原型法进行需求分析
http://www.chinaunix.net 作者:一无所有发表于：2003-11-03 09:21:18

1 前言

　　需求分析阶段是管理信息系统（MIS）开发最重要的阶段。MIS开发的需求阶段首先是了解和澄清用户的需求，然后严格地定义被开发的软件系统的需求规格说明书[1]。常用的软件需求分析方法有面向数据流的结构化分析方法、面向数据结构的Jackson方法、面向对象的方法和原型法等。原型法由于改变了系统的分析、设计和实现三个顺序阶段的观点[2]，改变了传统的自顶向下的开发模式，降低了软件需求的风险，因此得到了广泛的应用，特别是在致力于某一领域MIS开发的软件公司，如致力于电力MIS开发的公司。但作者在长期的MIS需求分析过程中，发现原型法有以下缺陷：　　

　　1）原型的设计和修改工作量大，增加了系统的开发成本；

　　2）由于用户不关心或不理解原型的概念和实现，而且存在较大期望，使得与实际系统差别较大的原型增加了需求分析人员与用户的交流难度；无论是水平原型，还是垂直原型都不能反映实际系统的全貌；

　　3）软件需求主要包括：功能需求、界面需求、性能需求、环境需求、可靠性需求、安全保密需求、资源使用需求、软件成本消耗与开发进度需求和目标需求[3]。原型法中的原型难以表达软件的后七项需求；

　　4）原型法强调用户和开发人员不断对原型进行不断修改和补充，直到用户感到满意为止。在时间紧和任务重的大型MIS项目中，这种情况实际难以保证，特别是在用户单位和开发单位距离较远时。

　　本文结合管理信息系统项目实施的实践，提出一种新的需求分析方法-简化原型法。这种方法根据数据库应用的特点，将需求分析分为两个阶段，并简化了作为需求分析工具的系统原型。

2 简化原型法需求分析的第一个阶段

　　管理信息系统属于数据库应用。数据库应用需求分析应该围绕数据，而不是功能展开，因此应该首先解决"有什么"，然后再明确"做什么"[4]。第一个阶段就是要解决"有什么"，即由项目经理与用户进行协商，确定系统的技术协议，因此可以称为技术协议阶段。技术协议需要开发方的项目经理与用户单位的技术主管签字并盖章，并以合同附件的形式存在。技术协议的主要内容有：系统的边界、系统处理的业务、与其它系统的接口、工程的进度控制、培训安排和技术服务承诺。

2.1 系统的边界

　　系统的边界规定系统覆盖的作业范围，主要有地理边界（规定系统运行的部门、分支单位等）、操作员范围（规定操作系统的所有操作员身份、分布和大致权限）和业务范围（规定系统处理的业务，对于不处理的边沿业务特别明确指出）。

2.2 系统处理的业务

　　系统处理的业务涵盖系统处理的所有业务，包括各种业务的描述、数据来源、实现要求。但是业务规定不要求过细，可以对应实际系统中的一个模块。如：电力MIS中输电设施管理子系统中的线路设备管理，不详细描述线路设备管理中的所有功能。

2.3 与其它系统的接口

　　与其它系统的接口明确规定接口的系统、功能和实施单位。在接口的实施单位中明确是由开发方完成，还是由开发方协助第三方完成。

2.4 工程的进度控制

　　工程的进度控制规定工程的开始、结束日期和具体工程项目的名称、完成时间、地点、完成标志及责任分工。具体项目一般包括：采购设备到达现场、采购设备安装调试、完成网络布线、开发准备阶段、业务需求调查、系统分析和设计、软件编制、现场调试、数据准备及录入、功能确认、试运行和系统验收。责任分工规定双方对于具体项目的工作内容和配合方式。在配合方式中规定人员组织方式、人员素质要求、提供的设备和场所。完成标志规定具体项目完成提供的文件名称和要求，如：网络布线验收报告和硬件设备验收报告等。

2.5 培训安排

　　训包括操作员和系统维护人员的培训。培训安排包括每种培训的人员数量、培训内容、培训时间、地点、组织方式和教材，并规定教员和学员的素质要求，及培训后学员达到的水平。

3 简化原型法需求分析的第二个阶段

　　如果说第一个阶段解决"有什么"的问题，那么第二个阶段解决"做什么"的问题。主要工作有需求调查准备、到用户单位进行需求调查分析和进行需求评审。

3.1 需求调查准备

　　需求调查准备工作，在系统的技术协议签订后，严格依照技术协议进行，主要有向用户单位发放业务调查表、建立需求分析文档原型和建立系统简化原型。业务调查表在系统的技术协议签订后，立即通过传真发送到用户单位，要求用户单位在需求调查人员到达现场之前完成。业务调查表内容包括：具体业务的名称、上级业务、下级业务、发生条件、处理的数据和详细流程（处理岗位、处理方式和审核细节等）。需求分析文档原型是根据技术协议编写的需求分析说明书原型，它的格式与标准的需求分析说明书相同。其中的状态迁移图和各种表证单书等不明确的内容，采用相似系统的或由系统分析人员根据技术协议和以往经验设计。

　　系统的简化模型根据技术协议的要求，仿照相似系统设计。简化模型采用可视化的数据库编程语言设计，一般采用数据库应用开发人员熟悉的PowerBuilder(PB)或Delphi。简化模型的主要设计要求有：1）充分考虑系统的设计与实现，不得与实际系统脱节；2）尽量仿真实际系统的操作界面，与实际系统的操作过程完全相同；3）可以单机安装运行，不与实际数据库连接；4）演示数据的存储可以通过文本文件、单机的数据库或PB外部数据源的数据窗口；5）对于界面中容易误解或难以理解的操作，在功能帮助按钮中给出说明；6）界面中难以实现或工作量很大的功能，以标注方式详细说明；7）运行稳定，并比实际系统对硬件要求低。

3.2 需求调查分析

　　需求调查分析在确认需求调查准备的三项工作完成后，由开发单位的系统分析人员到用户单位进行。系统分析人员与用户单位安排的业务主管共同讨论业务调查表和系统简化原型，并不断修改完善系统简化原型和文档原型，最终形成共识，并要求业务主管在需求分析说明书上签字。最终系统简化原型和源代码留在用户现场，便于系统的操作员进一步理解分析，直到最终掌握；而且有利于提出进一步的改进意见。改进意见可以随时通过邮件或传真直接发到开发单位，或由用户单位的系统维护人员修改简化原型后，随时发到开发单位，从而便于开发人员及时修改系统的设计和编码。

3.3 进行需求评审

　　需求评审一般由用户单位组织，评审团成员由同行专家、系统分析、设计和测试人员组成。评审的依据不仅有需求分析说明书，还有系统简化原型；同时在评审过程中，系统简化原型不断进行优化。评审的目标是要求需求分析说明书具有正确性、可行性、必要性、具有优先级属性、可验证性和无二义性[5]。需求评审报告作为对需求分析的补充和修正，由双方负责人签字，以需求分析说明书附件的形式存在，同样指导下一步的系统设计工作。

4 几点说明

1、此方法适合各种MIS工程的需求分析，特别适合致力于某一领域MIS开发的软件公司。采用此方法，开发同类项目越多，需求分析工作的效率越高。

2、在需求分析过程中，由于需要设计系统简化原型和文档原型，并充分考虑到系统的设计与实现，因此与其它需求分析方法向比，提高了对需求分析人员的要求。在实际工作中，一般由资深的软件分析和设计人员进行。

3、此方法不仅适合MIS软件工程，同样适合其它大型软件工程。

4、由于需求分析工作本身的难度和重要性，此方法同样要求用户单位和需求分析人员对需求分析所有工作内容，引起足够重视；科学安排需求分析工作步骤，某些步骤可以同时进行；所有工作步骤不得应负或疏忽。

5 结束语
　　目前简化原型法已经在多个电力MIS工程中应用，大大提高了需求分析的工作效率。实践证明，简化原型法具有以下特点：1）简化的系统原型开发工作量大大降低，修改和补充方便；2）简化原型大大缩短了需求分析人员与业务主管之间的距离，便于交流；并大大加强了需求分析人员与业务主管对系统的认识，有利于发现和解决问题；3）简化原型的设计提前考虑了系统的设计与实现，大大降低了软件工程的风险；4）简化原型增加了系统操作员对实际系统的认识，大大简化了工程实施后系统的操作培训；5）简化原型可以直接指导工程的设计和编码，便于系统开发的组织。这种方法也可以用于其它软件工程，对于其它需求分析方法的改革也具有指导意义.

都市淘沙者 2006-03-06 21:13 发表评论