BlogJava-waysun一路阳光-随笔分类-AJAX

AJAX和Struts的action交互使用[原创总结]

weesun一米阳光 — Sun, 22 Feb 2009 11:34:00 GMT

1.请求页面的JS,客户端实现

2.ProjectSetAction.java

package com.gpdi.softevaluate.action;

import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.HashSet;
import java.util.Map;
import java.util.Set;

import java.util.Iterator;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ProjectSetAction extends DispatchAction
{

/**
*

模板验证

* @param mapping
* @param form
* @param request
* @param response
* @return
* @throws Exception
*/
public ActionForward check(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response)throws Exception
{
   String rest="";
   String lotId="";
   String retn="";
   String flag="";
   CommDaoFactory mgObj = new CommDaoFactory();
   try
   {
       rest=request.getParameter("rest");
       lotId=request.getParameter("lotId");
   }
   catch(Exception e)
   {

   }
if(!rest.equals("0")||!rest.equals("")||rest!=null)
{
     flag="no";
}
else
{
      flag="ok";

}
       PrintWriter out=response.getWriter();
//服务器返回信息
       out.write(flag);
       out.close();
     //读取本Action所有的请求参数，将path重新构造，加上请求参数

     //ActionForward forward= new ActionForward("project/projectSet.do?do=add&lotId=6");
     //forward.setRedirect(true);
      //传参数后返回
     //return forward;
    return mapping.findForward(null);

}
public ActionForward creattable(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response)throws Exception
{
     //实现功能代码
return mapping.findForward("create");
}
}
3.struts.config.xml
    parameter="do" path="/project/projectSet" scope="request"
       type="com.gpdi.softevaluate.action.ProjectSetAction" validate="false">

weesun一米阳光 2009-02-22 19:34 发表评论

js实现根据浏览器类型自动调用不同CSS文件[收藏]

weesun一米阳光 — Thu, 27 Nov 2008 02:16:00 GMT

weesun一米阳光 2008-11-27 10:16 发表评论

JS时间格式的判断和大小的判断【总结备用】

weesun一米阳光 — Fri, 14 Nov 2008 07:18:00 GMT

1、判断时间格式

          return   false;

      }
      if   (tmpLength   ==   8){
          if   (tmpDateValue.substring(6,7)   !=   "-"   ||   tmpDateValue.substring(7,8)   ==   "-"   ){
              return   false;
          }
      }

      if   (tmpLength   ==   9){
          if   (tmpDateValue.substring(8,9)   ==   "-"   ){
              return   false;
          }
      }

      if   (tmpLength   ==   10){
          if   (tmpDateValue.substring(7,8)   !=   "-"   ||   tmpDateValue.substring(6,7)   ==   "-"   ||   tmpDateValue.substring(8,9)   ==   "-"   ||   tmpDateValue.substring(9,10)   ==   "-"   ){
              return   false;
          }
      }
      var   count=0;
      for   (var   k   =   0;   k   <   tmpLength;k++){
          aChar   =   tmpDateValue.substring(k,k+1);
          if(aChar   ==   "-")   {
                  count++;
          }
      }
      if   (count!=2){
          return   false;

      }
      return   true;
}

2、判断时间大小
     var tmpBeginTime = new Date(start_time.replace(/-/g,"\/"));
        var tmpEndTime = new Date(end_time.replace(/-/g,"\/"));
        if (tmpBeginTime>tmpEndTime)
        {
           alert("开始时间不能大于结束时间!");
           return false;
        }

weesun一米阳光 2008-11-14 15:18 发表评论

异步加载树1【总结】

weesun一米阳光 — Thu, 30 Oct 2008 07:11:00 GMT

1.效果图如下

2.manageMenu.jsp菜单显示页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

    My JSP 'ManageMenu.jsp' starting page

weesun一米阳光 2008-10-30 15:11 发表评论

实现类似于google搜索提示的功能【收藏】

weesun一米阳光 — Tue, 05 Aug 2008 07:56:00 GMT

转自：http://hi.baidu.com/mahaibao/blog/item/cf38b1546103011e3b2935c3.html

最近和朋友们一起做了一个搜索提示的功能使用了ajax+mysql数据库进行的操作，代码贴出来给大家参考一下：

suggest.html:

Simple AJAX Search Suggest

ajax_search.js文件：

//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {
    return new XMLHttpRequest();
} else if(window.ActiveXObject) {
    return new ActiveXObject("Microsoft.XMLHTTP");
} else {
    alert("Your Browser Sucks!\nIt's about time to upgrade don't you think?");
}
}
function createAjaxObj(){
    var httprequest=false
    if (window.XMLHttpRequest)
    { // if Mozilla, Safari etc
      httprequest=new XMLHttpRequest()
      if (httprequest.overrideMimeType)
        httprequest.overrideMimeType('text/xml')
     }
     else if (window.ActiveXObject)
     { // if IE
       try {
         httprequest=new ActiveXObject("Msxml2.XMLHTTP");
       }
       catch (e){
         try{
            httprequest=new ActiveXObject("Microsoft.XMLHTTP");
         }
         catch (e){}
       }
     }
     return httprequest
}
//Our XmlHttpRequest object to get the auto suggest
var searchReq = createAjaxObj();

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest() {
if (searchReq.readyState == 4 || searchReq.readyState == 0) {
    var str = escape(document.getElementById('txtSearch').value);
    searchReq.open("GET", 'search?search=' + str, true);
    searchReq.onreadystatechange = handleSearchSuggest;
    searchReq.send(null);
}
}

//Called when the AJAX response is returned.
function handleSearchSuggest() {
if (searchReq.readyState == 4) {
    var ss = document.getElementById('search_suggest')
    ss.innerHTML = '';
    var str = searchReq.responseText.split("\n");
    for(i=0; i < str.length - 1; i++) {
     //Build our element string.    This is cleaner using the DOM, but
     //IE doesn't support dynamically added attributes.
     var suggest = '

     suggest += 'onmouseout="javascript:suggestOut(this);" ';
     suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
     suggest += 'class="suggest_link">' + str[i] + '

';
ss.innerHTML += suggest;
}
}
}

//Mouse over function
function suggestOver(div_value) {
div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value) {
div_value.className = 'suggest_link';
}
//Click function
function setSearch(value) {
document.getElementById('txtSearch').value = value;
document.getElementById('search_suggest').innerHTML = '';
}

数据库的代码：

CREATE DATABASE /*!32312 IF NOT EXISTS*/ search;
USE search;

DROP TABLE IF EXISTS SUGGEST;
CREATE TABLE SUGGEST (
    SUGGEST_ID int(11) NOT NULL auto_increment,
    TITLE varchar(255) default NULL,
    PRIMARY KEY    (SUGGEST_ID)
)TYPE=MyISAM ;

LOCK TABLES SUGGEST WRITE;
INSERT INTO SUGGEST VALUES (1,'Home'),(2,'TECHNOLOGIES'),(3,'SOLUTIONS AND SOFTWARE'),(4,'Websites'),(5,'Web Apps'),(6,'Applications'),(7,'E-COMMERCE SOLUTIONS'),(8,'osCommerce'),(9,'CMS / Portals'),(10,'Microsoft .NET'),(11,'J2EE'),(12,'LAMP'),(13,'PHP'),(14,'MySQL'),(15,'Apache'),(16,'ASP.NET'),(17,'Windows Applications'),(18,'JSP'),(19,'SWING'),(20,'Web Technologies'),(21,'XHTML'),(22,'RSS / ATOM'),(23,'XML'),(24,'XSL'),(25,'XAML'),(26,'AJAX'),(27,'About DynamicAJAX'),(28,'CSS'),(29,'The Basics'),(30,'SAJAX'),(31,'About The Site Images'),(32,'About Me'),(33,'JavaScript'),(34,'RSS 2.0'),(35,'ATOM 1.0'),(36,'Search Engine Optimization'),(37,'Flash'),(38,'Open Source'),(39,'HTTP Server'),(40,'Full Text Search'),(41,'Best Practices'),(42,'XML Schema Definitons'),(43,'Web Content Accessibility Guidelines'),(44,'Printable Pages'),(45,'Search Engine'),(46,'Navigation'),(47,'Direct Web Remoting'),(48,'Mars Exploration Rovers'),(49,'Cassini'),(50,'Fun with Queries'),(51,'SEO Tricks and Tactics'),(52,'osCommerce Contributions'),(53,'PHP & IIS'),(54,'Regular Expressions'),(55,'Rants'),(56,'URL Rewrite'),(57,'Fun with CSS'),(58,'ActionScript'),(59,'Visual Studio 2005'),(60,'SQL Server'),(61,'Search Engine Commands'),(62,'Web Site Layout'),(63,'AJAX'),(64,'AJAX Basics'),(65,'ATLAS'),(66,'SAJAX'),(67,'Tutorials'),(68,'Novice'),(69,'Frameworks'),(70,'Ajax.NET'),(71,'Framework Tutorials'),(72,'SAJAX'),(73,'Ajax.NET'),(74,'Direct Web Remoting'),(75,'Intermediate'),(76,'AJAX Example Sites'),(77,'My Tutorials'),(78,'AJAX Web Chat Part 1'),(79,'The JavaScript'),(80,'Sending The Request'),(81,'Color Schemes'),(82,'AJAX Resources'),(83,'The Backend'),(84,'Usability Additions'),(85,'AJAX Instant Messenger Part 1'),(86,'Ruby on Rails'),(87,'Crazy Queries'),(88,'XmlHttpRequest Methods'),(89,'XmlHttpRequest Properties'),(90,'AjaxTags'),(91,'Direct Web Remoting'),(92,'My URL Rewriting'),(93,'Great Quotes'),(94,'IXSSO Queries'),(95,'AFLAX'),(96,'Other Technologies'),(97,'Microsoft Indexing Server'),(98,'.NET & CISSO');
UNLOCK TABLES;

SearchSuggest.java：

package book.suggest;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.Vector;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class SearchSuggest extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response)
     throws ServletException, java.io.IOException {
    String search = request.getParameter("search");//获得请求中cate的值
    //定义查询数据库的SQL语句
    String sql = "select title from suggest where title like '"+search+"%' order by title";

    Connection conn = null;//声明Connection对象
    Statement stmt = null;//声明Statement对象
    ResultSet rs = null;//声明ResultSet对象
    Vector vData = new Vector();
    //response.setContentType("text/xml");//设置返回数据类型为xml格式
    java.io.PrintWriter out = response.getWriter();

    try {
     // 加载数据库驱动类
     Class.forName("com.mysql.jdbc.Driver");
     // 访问数据库的地址
     String url = "jdbc:mysql://localhost/search";
     //创建Connection对象
     conn = DriverManager.getConnection(url, "root", "");
     // 创建Statement对象
     stmt = conn.createStatement();
     // 执行SQL语句，返回记录集
     rs = stmt.executeQuery(sql);
     //定义AblumEO实体对象
     while (rs.next())
     {
      vData.add(rs.getString("TITLE"));
     }
     StringBuffer buf = new StringBuffer();
     for (int i=0;i      {
      String keyword = (String)vData.get(i);
      buf.append(keyword+"\n");
     }
     out.print(buf.toString());
//     out.print(parasToXML(vData));//调用parasToXML()方法
    } catch (Exception e) {

e.printStackTrace();

    } finally {//最后关必记录集，Connection对象
     try {
      // this will close any associated ResultSets
      if (stmt != null)
       stmt.close();
      if (conn != null)
       conn.close();
     } catch (SQLException sqle) {
     }
    }
}

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, java.io.IOException {

    doPost(request, response);
}
/*
public String parasToXML(Vector v) {// 该方法将数据转化成XML格式输出
    StringBuffer buf = new StringBuffer();
    buf.append("");
    buf.append("");
    for (int i = 0; i < v.size(); i++) {
     AlbumEO album = (AlbumEO) v.get(i);
     buf.append("");
     buf.append("" + album.getAlbumName() + "");
     buf.append("" + album.getAlbumURL() + "");
     buf.append("" + album.getAlbumDescription()
       + "");
     buf.append("");
    }
    buf.append("");
    return buf.toString();
}
*/
}

本示例共有四部分，请大家复制到自己的文件中进行运行，最后的结果如图：

weesun一米阳光 2008-08-05 15:56 发表评论

Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）【收藏】

weesun一米阳光 — Tue, 05 Aug 2008 07:21:00 GMT

转自：http://www.phpchina.com/26200/viewspace_28436.html

2008-03-05 10:45:16 / 个人分类：js

1判断select选项中是否存在Value="paraValue"的Item
2向select选项中加入一个Item
3从select选项中删除一个Item
4删除select中选中的项
5修改select选项中 value="paraValue"的text为"paraText"
6设置select中text="paraText"的第一个Item为选中
7设置select中value="paraValue"的Item为选中
8得到select的当前选中项的value
9得到select的当前选中项的text
10得到select的当前选中项的Index
11清空select的项

js 代码
// 1.判断select选项中是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect, objItemValue) {
    var isExit = false;
    for (var i = 0; i < objSelect.options.length; i++) {
        if (objSelect.options[i].value == objItemValue) {
            isExit = true;
            break;
        }
    }
    return isExit;
}

// 2.向select选项中加入一个Item
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
    //判断是否存在
    if (jsSelectIsExitItem(objSelect, objItemValue)) {
        alert("该Item的Value值已经存在");
    } else {
        var varItem = new Option(objItemText, objItemValue);
        objSelect.options.add(varItem);
        alert("成功加入");
    }
}

// 3.从select选项中删除一个Item
function jsRemoveItemFromSelect(objSelect, objItemValue) {
    //判断是否存在
    if (jsSelectIsExitItem(objSelect, objItemValue)) {
        for (var i = 0; i < objSelect.options.length; i++) {
            if (objSelect.options[i].value == objItemValue) {
                objSelect.options.remove(i);
                break;
            }
        }
        alert("成功删除");
    } else {
        alert("该select中不存在该项");
    }
}


// 4.删除select中选中的项
function jsRemoveSelectedItemFromSelect(objSelect) {
    var length = objSelect.options.length - 1;
    for(var i = length; i >= 0; i--){
        if(objSelect[i].selected == true){
            objSelect.options[i] = null;
        }
    }
}

// 5.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
    //判断是否存在
    if (jsSelectIsExitItem(objSelect, objItemValue)) {
        for (var i = 0; i < objSelect.options.length; i++) {
            if (objSelect.options[i].value == objItemValue) {
                objSelect.options[i].text = objItemText;
                break;
            }
        }
        alert("成功修改");
    } else {
        alert("该select中不存在该项");
    }
}

// 6.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect, objItemText) {
    //判断是否存在
    var isExit = false;
    for (var i = 0; i < objSelect.options.length; i++) {
        if (objSelect.options[i].text == objItemText) {
            objSelect.options[i].selected = true;
            isExit = true;
            break;
        }
    }
    //Show出结果
    if (isExit) {
        alert("成功选中");
    } else {
        alert("该select中不存在该项");
    }
}

// 7.设置select中value="paraValue"的Item为选中
document.all.objSelect.value = objItemValue;

// 8.得到select的当前选中项的value
var currSelectValue = document.all.objSelect.value;

// 9.得到select的当前选中项的text
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

// 10.得到select的当前选中项的Index
var currSelectIndex = document.all.objSelect.selectedIndex;

// 11.清空select的项
document.all.objSelect.options.length = 0;

weesun一米阳光 2008-08-05 15:21 发表评论

模态窗口的使用步骤【总结】

weesun一米阳光 — Tue, 05 Aug 2008 07:02:00 GMT

1. x.jsp

var obj = form1;
var ret = window.showModalDialog(srcFile, seleItemValue, winFeatures);

        if(ret!=undefined){
        addCTItemToTable(ret);
        }

}
function addCTItemToTable(data)
{
var tableobj = document.getElementById("CTTable");
var appli_id="";
if (tableobj != null)
{
     for(var k=0;k         {
            var st=data[k];
            appli_id=st[7];
            var newRow = tableobj.insertRow(tableobj.rows.length);
   c1 = newRow.insertCell(0);
   c1.innerHTML = "      ";
   c2 = newRow.insertCell(1);
   c2.innerHTML = '

' + st[1] + '

';
c3 = newRow.insertCell(2);
c3.innerHTML = '

'+st[2]+'

';
c4 = newRow.insertCell(3);
c4.innerHTML = '

'+st[3]+'

';
c5 = newRow.insertCell(4);
c5.innerHTML = '

'+st[4]+'

';
c6 = newRow.insertCell(5);
c6.innerHTML = '

'+st[5]+'

';
c7 = newRow.insertCell(6);
c7.innerHTML = '

'+st[6]+'

'
}
}
}

2.y.jsp

function addCTItemReturnT(form)
{

    applyid=form.info3.value;
var check= form.checkbox;
var arr=new Array();
    var string="";
    var index=0;
if(check.length)
{
  for(var i=0;i   {
       var checkval = check[i];

             if(checkval.checked)
             {
                   var row = checkval.parentElement.parentElement;
                   var data=[];
                   data[0] = checkval.value;//产品型号;
                   data[1] = form.ASSET_CODE[row.rowIndex -1].value;//资产编码
       data[2] = form.PROJECTNO[row.rowIndex -1].value;//项目编号
       data[3] = form.CI_NAME[row.rowIndex -1].value;// 配置项名
       data[4] = form.RESPONSIBILITY[row.rowIndex -1].value;//责任人
       data[5] = form.KEEPER[row.rowIndex -1].value;//使用人
       data[6] = form.PRODUCT_MODLE[row.rowIndex -1].value;//产品型号
       data[7] = applyid;//产品型号
                   arr[index]=data;
                   index++;
             }

  }
}
    for(var k=0;k     {
          var st=arr[k];
          //alert("---"+st[0]+"::"+st[3]);
    }
window.returnValue=arr;
window.close();
}

weesun一米阳光 2008-08-05 15:02 发表评论

模态窗口window.showModalDialog使用手册【收藏】

weesun一米阳光 — Tue, 05 Aug 2008 06:58:00 GMT

转自：http://tgyd2006.javaeye.com/blog/169887

Window.Open()参数：

参数解释：

window.showModalDialog()参数：
JavaScript:window.showModalDialog('Ori_Photo.aspx','','resizable:yes;scroll:yes;status:no;dialogWidth=320px;dialogHeight=230px;center=yes;help=no');

window.showModalDialog(URL,dialogArgments.features) 打开一个新窗口

URL为要开启的网页名字。
dialogArgments为设定好传递给新视窗网页的参数，可以为任意数据类型。
feature 与open()的类似，都是格式方面的设定。调用格式为featureName1:featureValue1:(分号)featureName2:featureValue2:

关于feature具体的参数我就不详细写了，看名字就应该知道什么用处了吧。
certer , dialogHeight, dialogLeft,dialogTop,dialogWidth,help(是否显示help按钮，下同），status,resizeable
值＝1为yes,0为no.

我认为最重要的是dialogArgments，可以传递值到新的窗口。
第二重要就是它的返回值 window.returnValue.可以在showModalDialog开启的窗口关闭后前，回传一个任意类型的值。

基本介绍：
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数说明：
sURL--必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments--可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
1.dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

参数传递：
1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
parent.htm
代码运行框：

modal.htm

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
代码运行框：

modal.htm

weesun一米阳光 2008-08-05 14:58 发表评论

树(下拉页面)的实现【收藏】

weesun一米阳光 — Tue, 05 Aug 2008 06:07:00 GMT

转自：http://shuaijie506.javaeye.com/blog/34865
关键字: javascript,下拉页面

这几天又花时间做了一个，使用起来效果更好，因为没有时间写更多的帮助，大家慢慢研究代码吧！

最近项目中要用到下拉多选树，有人从网上找了一个，用了一段时间后发现有一些问题，一个页面中只能有一个下拉树，我就研究其中的代码，自己重新写了一个下拉页面的脚本，能够在一个页面中使用多个下拉树。

其原理其实就是用DIV的隐藏的显示来实现下拉页面，页面放在了DIV里的一个FRAME里，用JS来控制这些显示与隐藏，废话不多说了，把源码给大家公布一下。代码中如有不足之处敬请大家指出。

给大家说一下它的用法，首先在页面里加上JS文件：
在需要下拉树的地方写一个DIV：

JS里用到了两个图片，你可以把这两个图片放到主页面同一层的路径下，或者直接修改JS源文件，把它指向你自己的路径。

目标页面需要加一些东西，写一个函数：

function getUserData(tag){
var ids = tree1.getAllChecked();
if(ids.length==0)return "";
if(tag=="id")
  return tree1.getAllChecked();
else if(tag=="name"){
  var idArray = ids.split(",");
  var names=tree1.getItemText(idArray[0]);
  for(i=1;i    names += "," + tree1.getItemText(idArray[i]);
  return names;
}
}
其中的返回值可以根据你的页面要实现的功能改动。

在页面的onload事件中创建：dropDownPage.createNewPage("2.htm","tree1","text1",200);
这个函数中的参数给大家详细解释一下，
第一个是下拉时出来的页面的URL；
第二个是你创建的DIV的ID；
第三个是你用来存放页面返回ID的FORM的字段的(id或name都行，如果你的主页面里没有这样的字段，JS会帮你创建它)；
第四个是宽度，单位是象素。

/Files/1504/Example.rar /Files/1504/tree.rar

weesun一米阳光 2008-08-05 14:07 发表评论

Tab【自己备用】

weesun一米阳光 — Tue, 05 Aug 2008 02:37:00 GMT

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="ww" uri="/struts-tags" %>
<%@ taglib prefix="display" uri="/WEB-INF/displaytag-el.tld" %>

申请表

资产借用申请 >

        查询条件

编号：	" title="请输入要查询的编号">	部门：	">
归还人：	">

查询

新增

weesun一米阳光 2008-08-05 10:37 发表评论

checkbox的判断【收藏】

weesun一米阳光 — Mon, 04 Aug 2008 08:44:00 GMT

weesun一米阳光 2008-08-04 16:44 发表评论

DWR与Struts整合2007-08-07 【收藏】

weesun一米阳光 — Sun, 03 Aug 2008 07:34:00 GMT

1.下載DWR Version 2
https://dwr.dev.java.net/files/documents/2427/47504/dwr.jar

2.安裝DWR,把dwr.jar放到WEB-INF/lib下

web.xml中加入DWRServlet & ActionServlet
其中的部分要特別注意,ActionServlet要先初始化,所以數字要比較小.

action

org.apache.struts.action.ActionServlet

config

/WEB-INF/struts-config.xml

debug

action

*.do

dwr-invoker

uk.ltd.getahead.dwr.DWRServlet

debug

true

 dwr-invoker

/dwr/*



dwr.xml中加入struts的設定,其中formBean的參數的value值,會對應到struts-config.xml中的設定

 
    
"struts" javascript="testFrm">      
"formBean" value="testActionForm"/>    
  
  
  




struts-config.xml 
 
  
    
"testActionForm" type="test.struts.testActionForm" />  
  
    
"testActionForm" path="/testAction" scope="session" type="test.struts.testAction" validate="false">      
"display" path="/display.jsp" />    
  
  
"ApplicationResources" />





testActionForm.java,getDate()會透過dwr,取得現在最新的日期 
 
package test.struts; 
import org.apache.struts.action.*;
import java.util.*; 
public class testActionForm extends ActionForm {     
private String strDate;     
public void setStrDate(String strDate) {        
this.strDate = strDate;    
}     
public String getStrDate() {        
return strDate;    
}    
 //dwr    public String getDate() {        
Date date = new Date();        
return date.toString();   
 } 
}





testAction.java

package test.struts; 
import org.apache.struts.action.ActionMapping;
import org.apache.struts.action.ActionForm;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.Action;
import org.apache.struts.action.*; 
public class testAction extends Action {    
	public ActionForward execute(ActionMapping mapping, ActionForm form,                                 
HttpServletRequest request,                                 
HttpServletResponse response) {         
testActionForm actionForm = (testActionForm) form;       
 System.out.println(actionForm.getStrDate());        
return mapping.findForward("display");    
}
}



date.jsp,在form的部分,請用struts 的 tag library,我把改成後,無法正常的接受到值.

<%@ page contentType="text/html; charset=Big5" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

title  
  
  


 
 
"testAction.do">
date："strDate" size="30" > 
"button" onclick="refreshDate();" value="更新日期"/>
   
送出





display.jsp

<%@ page contentType="text/html; charset=Big5" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
%@page import="test.struts.*"%


test
"#ffffff">您送出的日期:

"testActionForm" property="strDate"/>

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1621900

[收藏到我的网摘] 会上树的猪发表于 2007年05月23日 09:24:00

weesun一米阳光 2008-08-03 15:34 发表评论

struts+hibernate+spring+dwr的一个小小的DEMO【收藏】

weesun一米阳光 — Sun, 03 Aug 2008 07:31:00 GMT

最近无聊，做了一个DWR的验证和eXtremeTable的应用的例子

前期的系统创建、struts、hibernate、spring的集成工作就不用说了，一路下来…………

主要看DWR的应用，它用于表单验证：

1、先看它的配置：

（1）在web.xml里加上：

xml 代码

<servlet>
<servlet-name>dwr-invokerservlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServletservlet-class>
<init-param>
<param-name>debugparam-name>
<param-value>trueparam-value>
init-param>
<load-on-startup>1load-on-startup>
servlet>
<servlet-mapping>
<servlet-name>dwr-invokerservlet-name>
<url-pattern>/dwr/*url-pattern>
servlet-mapping>

（2）再建一个类，用于获取验证输出信息的属性文件，这个文件是参考了良葛格的DWR 入門與應用（一）

里的Book代码

java 代码

package test.common;
import java.util.ResourceBundle;
public class GetProperties{
private ResourceBundle resource;
public GetProperties()
{
resource = ResourceBundle.getBundle("dwrPro");
}
public String getDescription(String key)
{
return resource.getString(key);
}
}

（3）编写属性文件dwrPro_zh_CN.propertie（中文）和dwr_en.properties（英文）

java 代码

username_hasUsed = 用户名已用，请选择别的用户名
username_canUse = 恭喜！用户名可以使用
username_hasUsed =username has used!
username_canUse = username can use!

（4）配置dwr.xml，里面用了spring的bean 和java类

xml 代码

<dwr>
<allow>
<create creator="spring" javascript="userManager">
<param name="beanName" value="userManager"/>
<include method="findUserIsExist"/>
create>
<create creator="new" javascript="User" scope="application">
<param name="class" value="test.common.GetProperties"/>
create>
allow>
dwr>

spring beanName 的value =“userManager”从applicationContext.xml里取得

xml 代码

<bean id="userManagerTarget" class="test.spring.serviceImpl.UserServiceImpl">
<property name="userDao">
<ref bean="userDao"/>
property>
bean>
<bean id="userManager" class="org.springframework.aop.framework.ProxyFactoryBean">
<property name="proxyInterfaces">
<value>test.spring.service.IUserServicevalue>
property>
<property name="interceptorNames">
<list>
<idref bean="transactionInterceptor"/>
<idref bean="userManagerTarget"/>
list>
property>
bean>

这里应该大家都懂，就不罗嗦了

（5）配好了这些，就可以在页面里用了

java 代码

"-//W3C//DTD HTML 4.01 Transitional//EN">
interface/userManager.js'>
interface/GetProperties.js'>
}
"0">
Login:
"text" name="user.name" id="username" onblur="checkName()"/>"check_username">
Password:
"password" name="user.password" id="username" onblur="checkpassword()"/>"check_password">
"2" align="center">

这里当填了Login框，当光标从输入框移开时就实行了

js 代码

function checkName()
{
var username = document.userForm.username.value;
userManager.findUserIsExist(username,callback);
}

userManager.findUserIsExist(username,callback)时关键，这里就用了

读取dwr.xml的userManager，然后读取applicationContext.xml里userManager bean ，进而实行findUserIsExist方法。

weesun一米阳光 2008-08-03 15:31 发表评论

使用 CAS 在 Tomcat 中实现单点登录

weesun一米阳光 — Sun, 03 Aug 2008 07:19:00 GMT

转自：http://www.ibm.com/developerworks/cn/opensource/os-cn-cas/index.html

文档选项

未显示需要 JavaScript 的文档选项

		打印本页
		将此页作为电子邮件发送

级别：初级

张涛 (zzhangt@cn.ibm.com), 软件工程师, IBM
王秉坤 (wangbk@cn.ibm.com), 软件工程师, IBM

2008 年 4 月 10 日

单点登录（Single Sign On , 简称 SSO ）是目前比较流行的服务于企业业务整合的解决方案之一， SSO 使得在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。CAS(Central Authentication Service)是一款不错的针对 Web 应用的单点登录框架，本文介绍了 CAS 的原理、协议、在 Tomcat 中的配置和使用，对于采用 CAS 实现轻量级单点登录解决方案的入门读者具有一定指导作用。

CAS 介绍

CAS 是 Yale 大学发起的一个开源项目，旨在为 Web 应用系统提供一种可靠的单点登录方法，CAS 在 2004 年 12 月正式成为 JA-SIG 的一个项目。CAS 具有以下特点：

开源的企业级单点登录解决方案。
CAS Server 为需要独立部署的 Web 应用。
CAS Client 支持非常多的客户端(这里指单点登录系统中的各个 Web 应用)，包括 Java, .Net, PHP, Perl, Apache, uPortal, Ruby 等。

CAS 原理和协议

从结构上看，CAS 包含两个部分： CAS Server 和 CAS Client。CAS Server 需要独立部署，主要负责对用户的认证工作；CAS Client 负责处理对客户端受保护资源的访问请求，需要登录时，重定向到 CAS Server。图1 是 CAS 最基本的协议过程：

图 1. CAS 基础协议

CAS Client 与受保护的客户端应用部署在一起，以 Filter 方式保护受保护的资源。对于访问受保护资源的每个 Web 请求，CAS Client 会分析该请求的 Http 请求中是否包含 Service Ticket，如果没有，则说明当前用户尚未登录，于是将请求重定向到指定好的 CAS Server 登录地址，并传递 Service （也就是要访问的目的资源地址），以便登录成功过后转回该地址。用户在第 3 步中输入认证信息，如果登录成功，CAS Server 随机产生一个相当长度、唯一、不可伪造的 Service Ticket，并缓存以待将来验证，之后系统自动重定向到 Service 所在地址，并为客户端浏览器设置一个 Ticket Granted Cookie（TGC），CAS Client 在拿到 Service 和新产生的 Ticket 过后，在第 5，6 步中与 CAS Server 进行身份合适，以确保 Service Ticket 的合法性。

在该协议中，所有与 CAS 的交互均采用 SSL 协议，确保，ST 和 TGC 的安全性。协议工作过程中会有 2 次重定向的过程，但是 CAS Client 与 CAS Server 之间进行 Ticket 验证的过程对于用户是透明的。

另外，CAS 协议中还提供了 Proxy （代理）模式，以适应更加高级、复杂的应用场景，具体介绍可以参考 CAS 官方网站上的相关文档。

准备工作

本文中的例子以 tomcat5.5 为例进行讲解，下载地址：

http://tomcat.apache.org/download-55.cgi

到 CAS 官方网站下载 CAS Server 和 Client，地址分别为：

http://www.ja-sig.org/downloads/cas/cas-server-3.1.1-release.zip

http://www.ja-sig.org/downloads/cas-clients/cas-client-java-2.1.1.zip

回页首

部署 CAS Server

CAS Server 是一套基于 Java 实现的服务，该服务以一个 Java Web Application 单独部署在与 servlet2.3 兼容的 Web 服务器上，另外，由于 Client 与 CAS Server 之间的交互采用 Https 协议，因此部署 CAS Server 的服务器还需要支持 SSL 协议。当 SSL 配置成功过后，像普通 Web 应用一样将 CAS Server 部署在服务器上就能正常运行了，不过，在真正使用之前，还需要扩展验证用户的接口。

在 Tomcat 上部署一个完整的 CAS Server 主要按照以下几个步骤：

配置 Tomcat 使用 Https 协议

如果希望 Tomcat 支持 Https，主要的工作是配置 SSL 协议，其配置过程和配置方法可以参考 Tomcat 的相关文档。不过在生成证书的过程中，会有需要用到主机名的地方，CAS 建议不要使用 IP 地址，而要使用机器名或域名。

部署 CAS Server

CAS Server 是一个 Web 应用包，将前面下载的 cas-server-3.1.1-release.zip 解开，把其中的 cas-server-webapp-3.1.1.war 拷贝到 tomcat的 webapps 目录，并更名为 cas.war。由于前面已配置好 tomcat 的 https 协议，可以重新启动 tomcat，然后访问：https://localhost:8443/cas ，如果能出现正常的 CAS 登录页面，则说明 CAS Server 已经部署成功。

虽然 CAS Server 已经部署成功，但这只是一个缺省的实现，在实际使用的时候，还需要根据实际概况做扩展和定制，最主要的是扩展认证 (Authentication) 接口和 CAS Server 的界面。

扩展认证接口

CAS Server 负责完成对用户的认证工作，它会处理登录时的用户凭证 (Credentials) 信息，用户名/密码对是最常见的凭证信息。CAS Server 可能需要到数据库检索一条用户帐号信息，也可能在 XML 文件中检索用户名/密码，还可能通过 LDAP Server 获取等，在这种情况下，CAS 提供了一种灵活但统一的接口和实现分离的方式，实际使用中 CAS 采用哪种方式认证是与 CAS 的基本协议分离开的，用户可以根据认证的接口去定制和扩展。

扩展 AuthenticationHandler

CAS 提供扩展认证的核心是 AuthenticationHandler 接口，该接口定义如清单 1 下：

清单 1. AuthenticationHandler定义

                

            public interface AuthenticationHandler {

            /**

            * Method to determine if the credentials supplied are valid.

            * @param credentials The credentials to validate.

            * @return true if valid, return false otherwise.

            * @throws AuthenticationException An AuthenticationException can contain

            * details about why a particular authentication request failed.

            */

            boolean authenticate(Credentials credentials) throws AuthenticationException;

            /**

            * Method to check if the handler knows how to handle the credentials

            * provided. It may be a simple check of the Credentials class or something

            * more complicated such as scanning the information contained in the

            * Credentials object. 

            * @param credentials The credentials to check.

            * @return true if the handler supports the Credentials, false othewrise.

            */

            boolean supports(Credentials credentials);

            }

该接口定义了 2 个需要实现的方法，supports ()方法用于检查所给的包含认证信息的Credentials 是否受当前 AuthenticationHandler 支持；而 authenticate() 方法则担当验证认证信息的任务，这也是需要扩展的主要方法，根据情况与存储合法认证信息的介质进行交互，返回 boolean 类型的值，true 表示验证通过，false 表示验证失败。

CAS3中还提供了对AuthenticationHandler 接口的一些抽象实现，比如，可能需要在执行authenticate() 方法前后执行某些其他操作，那么可以让自己的认证类扩展自清单 2 中的抽象类：

清单 2. AbstractPreAndPostProcessingAuthenticationHandler定义

                

            public abstract class AbstractPreAndPostProcessingAuthenticationHandler 

            implements AuthenticateHandler{

            protected Log log = LogFactory.getLog(this.getClass());

            protected boolean preAuthenticate(final Credentials credentials) {

            return true;

            }

            protected boolean postAuthenticate(final Credentials credentials,

            final boolean authenticated) {

            return authenticated;

            }

            public final boolean authenticate(final Credentials credentials)

            throws AuthenticationException {

            if (!preAuthenticate(credentials)) {

            return false;

            }

            final boolean authenticated = doAuthentication(credentials);

            return postAuthenticate(credentials, authenticated);

            }

            protected abstract boolean doAuthentication(final Credentials credentials) 

            throws AuthenticationException;

            }

AbstractPreAndPostProcessingAuthenticationHandler 类新定义了 preAuthenticate() 方法和 postAuthenticate() 方法，而实际的认证工作交由 doAuthentication() 方法来执行。因此，如果需要在认证前后执行一些额外的操作，可以分别扩展 preAuthenticate()和 ppstAuthenticate() 方法，而 doAuthentication() 取代 authenticate() 成为了子类必须要实现的方法。

由于实际运用中，最常用的是用户名和密码方式的认证，CAS3 提供了针对该方式的实现，如清单 3 所示：

清单 3. AbstractUsernamePasswordAuthenticationHandler 定义

                

            public abstract class AbstractUsernamePasswordAuthenticationHandler extends 

            AbstractPreAndPostProcessingAuthenticationHandler{

            ...

            protected final boolean doAuthentication(final Credentials credentials)

            throws AuthenticationException {

            return authenticateUsernamePasswordInternal((UsernamePasswordCredentials) credentials);

            }

            protected abstract boolean authenticateUsernamePasswordInternal(

            final UsernamePasswordCredentials credentials) throws AuthenticationException;   

            protected final PasswordEncoder getPasswordEncoder() {

            return this.passwordEncoder;

            }

            public final void setPasswordEncoder(final PasswordEncoder passwordEncoder) {

            this.passwordEncoder = passwordEncoder;

            }

            ...

            }

基于用户名密码的认证方式可直接扩展自 AbstractUsernamePasswordAuthenticationHandler，验证用户名密码的具体操作通过实现 authenticateUsernamePasswordInternal() 方法达到，另外，通常情况下密码会是加密过的，setPasswordEncoder() 方法就是用于指定适当的加密器。

从以上清单中可以看到，doAuthentication() 方法的参数是 Credentials 类型，这是包含用户认证信息的一个接口，对于用户名密码类型的认证信息，可以直接使用 UsernamePasswordCredentials，如果需要扩展其他类型的认证信息，需要实现Credentials接口，并且实现相应的 CredentialsToPrincipalResolver 接口，其具体方法可以借鉴 UsernamePasswordCredentials 和 UsernamePasswordCredentialsToPrincipalResolver。

JDBC 认证方法

用户的认证信息通常保存在数据库中，因此本文就选用这种情况来介绍。将前面下载的 cas-server-3.1.1-release.zip 包解开后，在 modules 目录下可以找到包 cas-server-support-jdbc-3.1.1.jar，其提供了通过 JDBC 连接数据库进行验证的缺省实现，基于该包的支持，我们只需要做一些配置工作即可实现 JDBC 认证。

JDBC 认证方法支持多种数据库，DB2, Oracle, MySql, Microsoft SQL Server 等均可，这里以 DB2 作为例子介绍。并且假设DB2数据库名： CASTest，数据库登录用户名： db2user，数据库登录密码： db2password，用户信息表为： userTable，该表包含用户名和密码的两个数据项分别为 userName 和 password。

1. 配置 DataStore

打开文件 %CATALINA_HOME%/webapps/cas/WEB-INF/deployerConfigContext.xml，添加一个新的 bean 标签，对于 DB2，内容如清单 4 所示：

清单 4. 配置 DataStore

                

            

            

            com.ibm.db2.jcc.DB2Driver

            

            

            jdbc:db2://9.125.65.134:50000/CASTest

            

            

            db2user

            

            

            db2password

其中 id 属性为该 DataStore 的标识，在后面配置 AuthenticationHandler 会被引用，另外，需要提供 DataStore 所必需的数据库驱动程序、连接地址、数据库登录用户名以及登录密码。

2. 配置 AuthenticationHandler

在 cas-server-support-jdbc-3.1.1.jar 包中，提供了 3 个基于 JDBC 的 AuthenticationHandler，分别为 BindModeSearchDatabaseAuthenticationHandler, QueryDatabaseAuthenticationHandler, SearchModeSearchDatabaseAuthenticationHandler。其中 BindModeSearchDatabaseAuthenticationHandler 是用所给的用户名和密码去建立数据库连接，根据连接建立是否成功来判断验证成功与否；QueryDatabaseAuthenticationHandler 通过配置一个 SQL 语句查出密码，与所给密码匹配；SearchModeSearchDatabaseAuthenticationHandler 通过配置存放用户验证信息的表、用户名字段和密码字段，构造查询语句来验证。

使用哪个 AuthenticationHandler，需要在 deployerConfigContext.xml 中设置，默认情况下，CAS 使用一个简单的 username=password 的 AuthenticationHandler，在文件中可以找到如下一行：，我们可以将其注释掉，换成我们希望的一个 AuthenticationHandler，比如，使用QueryDatabaseAuthenticationHandler 或 SearchModeSearchDatabaseAuthenticationHandler 可以分别选取清单 5 或清单 6 的配置。

清单 5. 使用 QueryDatabaseAuthenticationHandler

                

            

            

            
            value="select password from userTable where lower(userName) = lower(?)" />

清单 6. 使用 SearchModeSearchDatabaseAuthenticationHandler

                

            
            class="org.jasig.cas.adaptors.jdbc.SearchModeSearchDatabaseAuthenticationHandler"

            abstract="false" singleton="true" lazy-init="default" 

            autowire="default" dependency-check="default">

            

            userTable

            

            

            userName

            

            

            password

另外，由于存放在数据库中的密码通常是加密过的，所以 AuthenticationHandler 在匹配时需要知道使用的加密方法，在 deployerConfigContext.xml 文件中我们可以为具体的 AuthenticationHandler 类配置一个 property，指定加密器类，比如对于 QueryDatabaseAuthenticationHandler，可以修改如清单7所示：

清单 7. 添加 passwordEncoder

                

            

            

            
            value="select password from userTable where lower(userName) = lower(?)" />

其中 myPasswordEncoder 是对清单 8 中设置的实际加密器类的引用：

清单 8. 指定具体加密器类

                

            
            class="org.jasig.cas.authentication.handler.MyPasswordEncoder"/>

这里 MyPasswordEncoder 是根据实际情况自己定义的加密器，实现 PasswordEncoder 接口及其 encode() 方法。

3. 部署依赖包

在以上配置完成以后，需要拷贝几个依赖的包到 cas 应用下，包括：

将 cas-server-support-jdbc-3.1.1.jar 拷贝到 %CATALINA_HOME%/webapps/cas/ WEB-INF/lib 目录。
数据库驱动，由于这里使用 DB2，将 %DB2_HOME%/java 目录下的 db2java.zip （更名为 db2java.jar）, db2jcc.jar, db2jcc_license_cu.jar 拷贝到 %CATALINA_HOME%/webapps/cas/WEB-INF/lib 目录。对于其他数据库，同样将相应数据库驱动程序拷贝到该目录。
DataStore 依赖于 commons-collections-3.2.jar, commons-dbcp-1.2.1.jar, commons-pool-1.3.jar，需要到 apache 网站的 Commons 项目下载以上 3 个包放进 %CATALINA_HOME%/webapps/cas/WEB-INF/lib 目录。

扩展 CAS Server 界面

CAS 提供了 2 套默认的页面，分别为“ default ”和“ simple ”，分别在目录“ cas/WEB-INF/view/jsp/default ”和“ cas/WEB-INF/view/jsp/simple ”下。其中 default 是一个稍微复杂一些的页面，使用 CSS，而 simple 则是能让 CAS 正常工作的最简化的页面。

在部署 CAS 之前，我们可能需要定制一套新的 CAS Server 页面，添加一些个性化的内容。最简单的方法就是拷贝一份 default 或 simple 文件到“ cas/WEB-INF/view/jsp ”目录下，比如命名为 newUI，接下来是实现和修改必要的页面，有 4 个页面是必须的：

casConfirmView.jsp: 当用户选择了“ warn ”时会看到的确认界面
casGenericSuccess.jsp: 在用户成功通过认证而没有目的Service时会看到的界面
casLoginView.jsp: 当需要用户提供认证信息时会出现的界面
casLogoutView.jsp: 当用户结束 CAS 单点登录系统会话时出现的界面

CAS 的页面采用 Spring 框架编写，对于不熟悉 Spring 的使用者，在修改之前需要熟悉该框架。

页面定制完过后，还需要做一些配置从而让 CAS 找到新的页面，拷贝“ cas/WEB-INF/classes/default_views.properties ”，重命名为“ cas/WEB-INF/classes/ newUI_views.properties ”，并修改其中所有的值到相应新页面。最后是更新“ cas/WEB-INF/cas-servlet.xml ”文件中的 viewResolver，将其修改为如清单 9 中的内容。

清单 9. 指定 CAS 页面

                

            
            class="org.springframework.web.servlet.view.ResourceBundleViewResolver" p:order="0">

            

            

            ${cas.viewResolver.basename}

             newUI_views

回页首

部署客户端应用

单点登录的目的是为了让多个相关联的应用使用相同的登录过程，本文在讲解过程中构造 2个简单的应用，分别以 casTest1 和 casTest2 来作为示例，它们均只有一个页面，显示欢迎信息和当前登录用户名。这 2 个应用使用同一套登录信息，并且只有登录过的用户才能访问，通过本文的配置，实现单点登录，即只需登录一次就可以访问这两个应用。

与 CAS Server 建立信任关系

假设 CAS Server 单独部署在一台机器 A，而客户端应用部署在机器 B 上，由于客户端应用与 CAS Server 的通信采用 SSL，因此，需要在 A 与 B 的 JRE 之间建立信任关系。

首先与 A 机器一样，要生成 B 机器上的证书，配置 Tomcat 的 SSL 协议。其次，下载http://blogs.sun.com/andreas/entry/no_more_unable_to_find 的 InstallCert.java，运行“ java InstallCert compA:8443 ”命令，并且在接下来出现的询问中输入 1。这样，就将 A 添加到了 B 的 trust store 中。如果多个客户端应用分别部署在不同机器上，那么每个机器都需要与 CAS Server 所在机器建立信任关系。

配置 CAS Filter

准备好应用 casTest1 和 casTest2 过后，分别部署在 B 和 C 机器上，由于 casTest1 和casTest2，B 和 C 完全等同，我们以 casTest1 在 B 机器上的配置做介绍，假设 A 和 B 的域名分别为 domainA 和 domainB。

将 cas-client-java-2.1.1.zip 改名为 cas-client-java-2.1.1.jar 并拷贝到 casTest1/WEB-INF/lib目录下，修改 web.xml 文件，添加 CAS Filter，如清单 10 所示：

清单 10. 添加 CAS Filter

                

            

            ...

            

            CAS Filter

            edu.yale.its.tp.cas.client.filter.CASFilter

            

            edu.yale.its.tp.cas.client.filter.loginUrl

            https://domainA:8443/cas/login

            

            

            edu.yale.its.tp.cas.client.filter.validateUrl

            https://domainA:8443/cas/serviceValidate

            

            

            edu.yale.its.tp.cas.client.filter.serverName

            domainB:8080

            

            

            

            CAS Filter

            /protected-pattern/*

            

            ...

对于所有访问满足 casTest1/protected-pattern/ 路径的资源时，都要求到 CAS Server 登录，如果需要整个 casTest1 均受保护，可以将 url-pattern 指定为“/*”。

从清单 10 可以看到，我们可以为 CASFilter 指定一些参数，并且有些是必须的，表格 1 和表格 2 中分别是必需和可选的参数：

表格 1. CASFilter 必需的参数

参数名	作用
edu.yale.its.tp.cas.client.filter.loginUrl	指定 CAS 提供登录页面的 URL
edu.yale.its.tp.cas.client.filter.validateUrl	指定 CAS 提供 service ticket 或 proxy ticket 验证服务的 URL
edu.yale.its.tp.cas.client.filter.serverName	指定客户端的域名和端口，是指客户端应用所在机器而不是 CAS Server 所在机器，该参数或 serviceUrl 至少有一个必须指定
edu.yale.its.tp.cas.client.filter.serviceUrl	该参数指定过后将覆盖 serverName 参数，成为登录成功过后重定向的目的地址

表格 2. CASFilter 可选参数

参数名	作用
edu.yale.its.tp.cas.client.filter.proxyCallbackUrl	用于当前应用需要作为其他服务的代理(proxy)时获取 Proxy Granting Ticket 的地址
edu.yale.its.tp.cas.client.filter.authorizedProxy	用于允许当前应用从代理处获取 proxy tickets，该参数接受以空格分隔开的多个 proxy URLs，但实际使用只需要一个成功即可。当指定该参数过后，需要修改 validateUrl 到 proxyValidate，而不再是 serviceValidate
edu.yale.its.tp.cas.client.filter.renew	如果指定为 true，那么受保护的资源每次被访问时均要求用户重新进行验证，而不管之前是否已经通过
edu.yale.its.tp.cas.client.filter.wrapRequest	如果指定为 true，那么 CASFilter 将重新包装 HttpRequest,并且使 getRemoteUser() 方法返回当前登录用户的用户名
edu.yale.its.tp.cas.client.filter.gateway	指定 gateway 属性

传递登录用户名

CAS 在登录成功过后，会给浏览器回传 Cookie，设置新的到的 Service Ticket。但客户端应用拥有各自的 Session，我们要怎么在各个应用中获取当前登录用户的用户名呢？CAS Client 的 Filter 已经做好了处理，在登录成功后，就可以直接从 Session 的属性中获取，如清单 11 所示：

清单 11. 在 Java 中通过 Session 获取登录用户名

                

            // 以下两者都可以

            session.getAttribute(CASFilter.CAS_FILTER_USER);

            session.getAttribute("edu.yale.its.tp.cas.client.filter.user");

在 JSTL 中获取用户名的方法如清单 12 所示：

清单 12. 通过 JSTL 获取登录用户名

另外，CAS 提供了一个 CASFilterRequestWrapper 类，该类继承自HttpServletRequestWrapper，主要是重写了 getRemoteUser() 方法，只要在前面配置 CASFilter 的时候为其设置“ edu.yale.its.tp.cas.client.filter.wrapRequest ”参数为 true，就可以通过 getRemoteUser（）方法来获取登录用户名，具体方法如清单 13 所示：

清单 13. 通过 CASFilterRequestWrapper 获取登录用户名

                

            CASFilterRequestWrapper  reqWrapper=new CASFilterRequestWrapper(request);

            out.println("The logon user:" + reqWrapper.getRemoteUser());

回页首

效果

在 casTest1 和 casTest2 中，都有一个简单 Servlet 作为欢迎页面 WelcomPage，且该页面必须登录过后才能访问，页面代码如清单 14 所示：

清单 14. WelcomePage 页面代码

                

            public class WelcomePage extends HttpServlet {

            public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws IOException, ServletException

            {

            response.setContentType("text/html");

            PrintWriter out = response.getWriter();

            out.println("");

            out.println("");

            out.println("Welcome to casTest2 sample System!");

            out.println("");

            out.println("");

            out.println("Welcome to casTest1 sample System!
");

            CASFilterRequestWrapper  reqWrapper=new CASFilterRequestWrapper(request);

            out.println("The logon user:" + reqWrapper.getRemoteUser() + "
");

            HttpSession session=request.getSession();

            out.println("The logon user:" + 

            session.getAttribute(CASFilter.CAS_FILTER_USER)  + "
");

            out.println("The logon user:" + 

            session.getAttribute("edu.yale.its.tp.cas.client.filter.user") + "
");

            out.println("");

            out.println("");

            }

            }

在上面所有配置结束过后，分别在 A， B， C上启动 cas， casTest1 和 casTest2，按照下面步骤来访问 casTest1 和 casTest2：

打开浏览器，访问 http://domainB:8080/casTest1/WelcomePage ，浏览器会弹出安全提示，接受后即转到 CAS 的登录页面，如图 2 所示：

图 2. CAS 登录页面

登录成功后，再重定向到 casTest1 的 WelcomePage 页面，如图所示：

图 3. 登录后访问 casTest1 的效果

可以看到图中地址栏里的地址多出了一个 ticket 参数，这就是 CAS 分配给当前应用的 ST(Service Ticket)。

再在同一个浏览器的地址栏中输入 http://domainC:8080/casTest2/WelcomePage ，系统不再提示用户登录，而直接出现如图 4 所示的页面，并且显示在 casTest1 中已经登录过的用户。

图 4. 在 casTest1 中登录过后访问 casTest2 的效果

重新打开一个浏览器窗口，先输入 http://domainC:8080/casTest2/WelcomePage ，系统要求登录，在登录成功过后，正确显示 casTest2 的页面。之后再在地址栏重新输入 http://domainB:8080/casTest1/WelcomePage ，会直接显示 casTest1 的页面而无需再次登录。

回页首

结束语

本文介绍了 CAS 单点登录解决方案的原理，并结合实例讲解了在 Tomcat 中使用 CAS 的配置、部署方法以及效果。CAS 是作为开源单点登录解决方案的一个不错选择，更多的使用细节可以参考 CAS 官方网站。

参考资料

有关 CAS 方面的信息，请参考CAS 官方网站。
浏览JA-SIG 社区，与社区分享 Java 技术。

作者简介


		张涛，IBM 中国软件开发实验室工程师，目前主要致力于基于 Rational 平台解决方案的开发。


		王秉坤，IBM 中国软件开发实验室工程师，目前主要致力于基于 Rational 平台解决方案的开发。

weesun一米阳光 2008-08-03 15:19 发表评论

一个简单的DWR例子[收藏]

weesun一米阳光 — Sun, 03 Aug 2008 07:00:00 GMT

什么是DWR？

DWR是一个Open Source的 java项目。DWR可以让JavaScript调用运行在Web服务器里面的JAVA程序。简单一点或者专业一点就是Easy AJAX for JAVA.

下面将一步一步的介绍怎么完成一个简单DEMO

1，从官方网站下载DWR https://dwr.dev.java.net/files/documents/2427/32252/dwr.war 把他直接放到TOMCAT_HOME/webapps 下面

2，编写一个Java类如下：

   DWRTest.java

package com.test.ajax;

/**
*
* @author 方见华
*
*/
public class DWRTest {
public DWRTest(){

}
public String getMyName(){
  return "James Fang";
}
}

3, 把DRWTest类配置在dwr.xml中，dwr.xml是DWR的配置文件，所有需要在JavaScript中调用的java的类都必须在这个文件中描述。这个文件的位于TOMCAT_HOME/webapps/dwr/WEB-INF/dwr.xml. 在标签中添加以下内容

4, 编写调用DWRTest类 getMyName的方法的HTML文件，test.html

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DWR - My First AJAX

Ajax Test Page

5, 运行，在浏览器中输入 http://localhost:8080/dwr/test.html

weesun一米阳光 2008-08-03 15:00 发表评论

javascript中获取radio值得方法【收藏】

weesun一米阳光 — Wed, 30 Jul 2008 02:37:00 GMT

Radio 是 HTML 中的单选框，同一个 form 中，name 相同的 Radio 构成一组，这一组中最多只允许有一个 Radio 被选中。

如果将 form 提交到服务器端 ASP 程序，ASP 程序要获得用户选择的那个 Radio 的 value 是非常方便的，用 request.Form("RadioName")，不必理会有几个 Radio。

但在 JS(JavaScript) 中就要复杂多了，我们不能像对其它元素（如：文本框）一样，使用 formid.objName.value 来取值，我们应该循环这个组的 Radio，判断其 checked 属性，再取值。

为了方便使用javascript获取radio的值，我写了一个通用的函数来实现：

比如，我们有一个name属性为：“myradio”的单选控件组，要得到选中的值，只需这样调用就可以了：

var RValue;

RValue=GetRadioValue("myradio");

如果没有给出的radioname控件，则直接返回null，或者这一组控件没有被选择的项，则也返回null。

weesun一米阳光 2008-07-30 10:37 发表评论

利用Javascript获得和设置FCKeditor值[收藏]

weesun一米阳光 — Wed, 30 Jul 2008 02:36:00 GMT

利用Javascript取和设FCKeditor值也是非常容易的，如下：

// 获取编辑器中HTML内容
function getEditorHTMLContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.GetXHTML(true));
}

// 获取编辑器中文字内容
function getEditorTextContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.EditorDocument.body.innerText);
}

// 设置编辑器中内容
function SetEditorContents(EditorName, ContentStr) {
var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
oEditor.SetHTML(ContentStr) ;
}

FCKeditorAPI是FCKeditor加载后注册的一个全局对象，利用它我们就可以完成对编辑器的各种操作。

在当前页获得 FCK 编辑器实例：
var Editor = FCKeditorAPI.GetInstance('InstanceName');

从 FCK 编辑器的弹出窗口中获得 FCK 编辑器实例：
var Editor = window.parent.InnerDialogLoaded().FCK;

从框架页面的子框架中获得其它子框架的 FCK 编辑器实例：
var Editor = window.FrameName.FCKeditorAPI.GetInstance('InstanceName');

从页面弹出窗口中获得父窗口的 FCK 编辑器实例：
var Editor = opener.FCKeditorAPI.GetInstance('InstanceName');

获得 FCK 编辑器的内容：
oEditor.GetXHTML(formatted); // formatted 为：true|false，表示是否按HTML格式取出
也可用：
oEditor.GetXHTML();

设置 FCK 编辑器的内容：
oEditor.SetHTML("content", false); // 第二个参数为：true|false，是否以所见即所得方式设置其内容。此方法常用于"设置初始值"或"表单重置"哦作。

插入内容到 FCK 编辑器：
oEditor.InsertHtml("html"); // "html"为HTML文本

检查 FCK 编辑器内容是否发生变化：
oEditor.IsDirty();

在 FCK 编辑器之外调用 FCK 编辑器工具条命令：
命令列表如下：
DocProps, Templates, Link, Unlink, Anchor, BulletedList, NumberedList, About, Find, Replace, Image, Flash, SpecialChar, Smiley, Table, TableProp, TableCellProp, UniversalKey, Style, FontName, FontSize, FontFormat, Source, Preview, Save, NewPage, PageBreak, TextColor, BGColor, PasteText, PasteWord, TableInsertRow, TableDeleteRows, TableInsertColumn, TableDeleteColumns, TableInsertCell, TableDeleteCells, TableMergeCells, TableSplitCell, TableDelete, Form, Checkbox, Radio, TextField, Textarea, HiddenField, Button, Select, ImageButton, SpellCheck, FitWindow, Undo, Redo

使用方法如下：
oEditor.Commands.GetCommand('FitWindow').Execute();

= FCKConfig.BasePath + 'plugins/'
// FCKConfig.Plugins.Add( 'placeholder', 'en,it' ) ;

去掉//后，就相当于把placeholder这个插件功能加上了，fckeditor的插件文件都在/editor/plugins/文件夹下分类按文件夹放置的，对于fckeditor2.0来说，里面有两个文件夹，也就是有两个官方插件，placeholder这个文件夹就是我们刚才加上去的，主要用于多参数或单参数自定义标签的匹配，这个在制作编辑模板时非常管用，要想看具体实例的话，大家可以去下载acms 这个系统查看学习，另一个文件夹tablecommands就是编辑器里的表格编辑用到的了。当然，如果你想制作自己其它用途的插件，那就只要按照 fckeidtor插件的制作规则制作完放置在/editor/plugins/下就行，然后再在fckeidtor.js里再添加 FCKConfig.Plugins.Add('Plugin Name',',lang,lang');就可以了。

第二部分，如何让编辑器一打开的时候，编辑工具条不出现，等点“展开工具栏”时才出现？Easy，FCKeditor本身提供了这个功能啦，打开fckconfig.js，找到

FCKConfig.ToolbarStartExpanded = true ;
改成
FCKConfig.ToolbarStartExpanded = false ;
就可以啦！

第三部分，使用自己的表情图标，同样打开fckcofnig.js到最底部那一段

FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;
FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif','wink_smile.gif'] ;
FCKConfig.SmileyColumns = 8 ;
FCKConfig.SmileyWindowWidth    = 320 ;
FCKConfig.SmileyWindowHeight = 240 ;

上面这段已经是我修改过的了，为了我发表此文的版面不会被撑得太开，我把FCKConfig.SmileyImages那一行改得只有三个表情图了。

第一行，当然是表情图标路径的设置，第二行是相关表情图标文件名的一个List，第三行是指弹出的表情添加窗口最每行的表情数，下面两个参数是弹出的模态窗口的宽和高喽。

第四部分，文件上传管理部分

此部分可能是大家最为关心的，上一篇文章简单的讲了如何修改来上传文件以及使用fckeidtor2.0才提供的快速上传功能。再我们继续再深层次的讲解上传功能

FCKConfig.LinkBrowser = true ;
FCKConfig.ImageBrowser = true ;
FCKConfig.FlashBrowser = true ;在fckconfig.js找到这三句，这三句不是连着的哦，只是我把他们集中到这儿来了，设置为true的意思就是允许使用fckeditor来浏览服务器端的文件图像以及flash等，这个功能是你插入图片时弹出的窗口上那个“浏览服务器”按钮可以体现出来，如果你的编辑器只用来自己用或是只在后台管理用，这个功能无疑很好用，因为他让你很直观地对服务器的文件进行上传操作。但是如果你的系统要面向前台用户或是像blog这样的系统要用的话，这个安全隐患可就大了哦。于是我们把其一律设置为false;如下

FCKConfig.LinkBrowser = false ;
FCKConfig.ImageBrowser = false ;
FCKConfig.FlashBrowser = false ;

这样一来，我们就只有快速上传可用了啊，好！接下来就来修改，同样以asp为范例进行，进入/editor/filemanager/upload/asp/打开config.asp，修改
ConfigUserFilesPath = "/UserFiles/"这个设置是上传文件的总目录，我这里就不动了，你想改自己改了

好，再打开此目录下的upload.asp文件，找到下面这一段

Dim resourceType
If ( Request.QueryString("Type") <> "" ) Then
resourceType = Request.QueryString("Type")
Else
resourceType = "File"
End If
然后再在其后面添加

ConfigUserFilesPath = ConfigUserFilesPath & resourceType &"/"& Year(Date()) &"/"& Month(Date()) &"/"
这样的话，上传的文件就进入“/userfiles/文件类型（如image或file或flash)/年/月/”这样的文件夹下了，这个设置对单用户来用已经足够了，如果你想给多用户系统用，那就这样来改

ConfigUserFilesPath = ConfigUserFilesPath & Session("username") & resourceType &"/"& Year(Date()) &"/"& Month(Date()) &"/"
这样上传的文件就进入“/userfiles/用户目录/文件类型/年/月/”下了，当然如果你不想这么安排也可以修改成别的，比如说用户目录再深一层等，这里的Session("username")请根据自己的需要进行修改或换掉。

上传的目录设置完了，但是上传程序还不会自己创建这些文件夹，如果不存在的话，上传不会成功的，那么我们就得根据上面的上传路径的要求进行递归来生成目录了。

找到这一段

Dim sServerDir
sServerDir = Server.MapPath( ConfigUserFilesPath )
If ( Right( sServerDir, 1 ) <> "\" ) Then
    sServerDir = sServerDir & "\"
End If

把它下面的这两行

Dim oFSO
Set oFSO = Server.CreateObject( "Scripting.FileSystemObject" )
用下面这一段代码来替换

dim arrPath,strTmpPath,intRow
strTmpPath = ""
arrPath = Split(sServerDir, "\")
Dim oFSO
Set oFSO = Server.CreateObject( "Scripting.FileSystemObject" )
for intRow = 0 to Ubound(arrPath)
    strTmpPath = strTmpPath & arrPath(intRow) & "\"
    if oFSO.folderExists(strTmpPath)=false then
     oFSO.CreateFolder(strTmpPath)
    end if
next
用这段代码就可以生成你想要的文件夹了，在上传的时候自动生成。

好了，上传文件的修改到现在可以暂时告一段落了，但是，对于中文用户还存在这么个问题，就是fckeditor的文件上传默认是不改名的，同时还不支持中文文件名，这样一来是上传的文件会变成“.jpg”这样的无法读的文件，再就是会有重名文件，当然重名这点倒没什么，因为fckeditor会自动改名，会在文件名后加（1）这样来进行标识。但是，我们通常的习惯是让程序自动生成不重复的文件名

在刚才那一段代码的下面紧接着就是
' Get the uploaded file name.
sFileName = oUploader.File( "NewFile" ).Name
看清楚了，这个就是文件名啦，我们来把它改掉，当然得有个生成文件名的函数才行，改成下面这样

'//取得一个不重复的序号
Public Function GetNewID()
dim ranNum
dim dtNow
randomize
dtNow=Now()
ranNum=int(90000*rnd)+10000
GetNewID=year(dtNow) & right("0" & month(dtNow),2) & right("0" & day(dtNow),2) & right("0" & hour(dtNow),2) & right("0" & minute(dtNow),2) & right("0" & second(dtNow),2) & ranNum
End Function

' Get the uploaded file name.
sFileName = GetNewID() &"."& split(oUploader.File( "NewFile" ).Name,".")(1)

这样一来，上传的文件就自动改名生成如20050802122536365.jpg这样的文件名了，是由年月日时分秒以及三位随机数组成的文件名了

weesun一米阳光 2008-07-30 10:36 发表评论

AJAX和Struts的action交互使用[原创总结]

weesun一米阳光 — Wed, 18 Jun 2008 09:47:00 GMT

1.请求页面的JS,客户端实现

2.ProjectSetAction.java

package com.gpdi.softevaluate.action;

import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.HashSet;
import java.util.Map;
import java.util.Set;

import java.util.Iterator;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ProjectSetAction extends DispatchAction
{

/**
*

模板验证

}
       PrintWriter out=response.getWriter();
//服务器返回信息
       out.write(flag);
       out.close();
     //读取本Action所有的请求参数，将path重新构造，加上请求参数

weesun一米阳光 2008-06-18 17:47 发表评论

BlogJava-waysun一路阳光-随笔分类-AJAX

AJAX和Struts的action交互使用[原创总结]

js实现根据浏览器类型自动调用不同CSS文件[收藏]

JS时间格式的判断和大小的判断【总结备用】

异步加载树1【总结】

实现类似于google搜索提示的功能【收藏】

Simple AJAX Search Suggest

Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）【收藏】

模态窗口的使用步骤【总结】

模态窗口window.showModalDialog使用手册【收藏】

树(下拉页面)的实现【收藏】

Tab【自己备用】

checkbox的判断【收藏】

DWR与Struts整合2007-08-07 【收藏】

您送出的日期:

struts+hibernate+spring+dwr的一个小小的DEMO【收藏】

使用 CAS 在 Tomcat 中实现单点登录

Welcome to casTest1 sample System!

一个简单的DWR例子[收藏]

Ajax Test Page

javascript中获取radio值得方法 【收藏】

利用Javascript获得和设置FCKeditor值[收藏]

AJAX和Struts的action交互使用[原创总结]

javascript中获取radio值得方法【收藏】