BlogJava-空间无限-文章分类-编程语言

Apache+php+mysql在windows下的安装与配置图解(3)

javabright — Sun, 14 Oct 2007 04:56:00 GMT

三、mysql的安装，与php、Apache相结合

打开下载的mysql安装文件mysql-4.1.14-win32.zip，双击解压缩，运行“setup.exe”，出现如下界面

mysql安装向导启动，按“Next”继续

选择安装类型，有“Typical（默认）”、“Complete（完全）”、“Custom（用户自定义）”三个选项，我们选择“Custom”，有更多的选项，也方便熟悉安装过程

在“Developer Components（开发者部分）”上左键单击，选择“This feature, and all subfeatures, will be installed on local hard drive.”，即“此部分，及下属子部分内容，全部安装在本地硬盘上”。在上面的“MySQL Server（mysql服务器）”、“Client Programs（mysql客户端程序）”、“Documentation（文档）”也如此操作，以保证安装所有文件。点选“Change...”，手动指定安装目录。

填上安装目录，我的是“D:\mysql”，也建议不要放在与操作系统同一分区，这样可以防止系统备份还原的时候，数据被清空。按“OK”继续。

返回刚才的界面，按“Next”继续。

确认一下先前的设置，如果有误，按“Back”返回重做。按“Install”开始安装。

正在安装中，请稍候，直到出现下面的界面

这里是询问你是否要注册一个mysql.com的账号，或是使用已有的账号登陆mysql.com，一般不需要了，点选“Skip Sign-Up”，按“Next”略过此步骤。

现在软件安装完成了，出现上面的界面，这里有一个很好的功能，mysql配置向导，不用向以前一样，自己手动乱七八糟的配置my.ini了，将 “Configure the Mysql Server now”前面的勾打上，点“Finish”结束软件的安装并启动mysql配置向导。

mysql配置向导启动界面，按“Next”继续。

选择配置方式，“Detailed Configuration（手动精确配置）”、“Standard Configuration（标准配置）”，我们选择“Detailed Configuration”，方便熟悉配置过程。

选择服务器类型，“Developer Machine（开发测试类，mysql占用很少资源）”、“Server Machine（服务器类型，mysql占用较多资源）”、“Dedicated MySQL Server Machine（专门的数据库服务器，mysql占用所有可用资源）”，大家根据自己的类型选择了，一般选“Server Machine”，不会太少，也不会占满。

选择mysql数据库的大致用途，“Multifunctional Database（通用多功能型，好）”、“Transactional Database Only（服务器类型，专注于事务处理，一般）”、“Non-Transactional Database Only（非事务处理型，较简单，主要做一些监控、记数用，对MyISAM数据类型的支持仅限于non-transactional），随自己的用途而选择了，我这里选择“Transactional Database Only”，按“Next”继续。

对InnoDB Tablespace进行配置，就是为InnoDB 数据库文件选择一个存储空间，如果修改了，要记住位置，重装的时候要选择一样的地方，否则可能会造成数据库损坏，当然，对数据库做个备份就没问题了，这里不详述。我这里没有修改，使用用默认位置，直接按“Next”继续

选择您的网站的一般mysql访问量，同时连接的数目，“Decision Support(DSS)/OLAP（20个左右）”、“Online Transaction Processing(OLTP)（500个左右）”、“Manual Setting（手动设置，自己输一个数）”，我这里选“Online Transaction Processing(OLTP)”，自己的服务器，应该够用了，按“Next”继续

是否启用TCP/IP连接，设定端口，如果不启用，就只能在自己的机器上访问mysql数据库了，我这里启用，把前面的勾打上，Port Number：3306，按“Next”继续

这个比较重要，就是对mysql默认数据库语言编码进行设置，第一个是西文编码，第二个是多字节的通用utf8编码，都不是我们通用的编码，这里选择第三个，然后在Character Set那里选择或填入“gbk”，当然也可以用“gb2312”，区别就是gbk的字库容量大，包括了gb2312的所有汉字，并且加上了繁体字、和其它乱七八糟的字——使用mysql的时候，在执行数据操作命令之前运行一次“SET NAMES GBK;”（运行一次就行了，GBK可以替换为其它值，视这里的设置而定），就可以正常的使用汉字（或其它文字）了，否则不能正常显示汉字。按 “Next”继续。

选择是否将mysql安装为windows服务，还可以指定Service Name（服务标识名称），是否将mysql的bin目录加入到Windows PATH（加入后，就可以直接使用bin下的文件，而不用指出目录名，比如连接，“mysql.exe -uusername -ppassword;”就可以了，不用指出mysql.exe的完整地址，很方便），我这里全部打上了勾，Service Name不变。按“Next”继续。

这一步询问是否要修改默认root用户（超级管理）的密码（默认为空），“New root password”如果要修改，就在此填入新密码（如果是重装，并且之前已经设置了密码，在这里更改密码可能会出错，请留空，并将“Modify Security Settings”前面的勾去掉，安装配置完成后另行修改密码），“Confirm（再输一遍）”内再填一次，防止输错。“Enable root access from remote machines（是否允许root用户在其它的机器上登陆，如果要安全，就不要勾上，如果要方便，就勾上它）”。最后“Create An Anonymous Account（新建一个匿名用户，匿名用户可以连接数据库，不能操作数据，包括查询）”，一般就不用勾了，设置完毕，按“Next”继续。

确认设置无误，如果有误，按“Back”返回检查。按“Execute”使设置生效。

设置完毕，按“Finish”结束mysql的安装与配置——这里有一个比较常见的错误，就是不能“Start service”，一般出现在以前有安装mysql的服务器上，解决的办法，先保证以前安装的mysql服务器彻底卸载掉了；不行的话，检查是否按上面一步所说，之前的密码是否有修改，照上面的操作；如果依然不行，将mysql安装目录下的data文件夹备份，然后删除，在安装完成后，将安装生成的 data文件夹删除，备份的data文件夹移回来，再重启mysql服务就可以了，这种情况下，可能需要将数据库检查一下，然后修复一次，防止数据出错。

与Apache及php相结合，前面已提过，这里再说一下，在php安装目录下，找到先前重命名并编辑过的 php.ini，如下图所示，Ln563，把“;extension=php_mysql.dll”前的“;”去掉，加载mysql模块。保存，关闭后，重启apache就可以了。这里也可以选择其它要加载的模块，去掉前面的“;”，就表示要加载此模块了，加载的越多，占用的资源也就多一点，不过也多不到哪去。所有的模块文件都放在php解压缩目录的“ext”之下，我这里的截图是把所有能加载的模块都加载上去了，前面的“;”没去掉的，是因为“ext” 目录下默认没有此模块，加载会提示找不到文件而出错。这里只是参考，一般不需要加载这么多，需要的加载上就可以了，编辑好后保存，关闭。

同样，加载了模块后，就要指明模块的位置，否则重启Apache的时候会提示“找不到指定模块”的错误，这里介绍一种最简单的方法，直接将 php安装路径、里面的ext路径指定到windows系统路径中——在“我的电脑”上右键，“属性”，选择“高级”标签，点选“环境变量”，在“系统变量”下找到“Path”变量，选择，双击或点击“编辑”，将“;D:\php;D:\php\ext”加到原有值的后面，当然，其中的“D:\php”是我的安装目录，你要将它改为自己的php安装目录，如下图所示，全部确定。系统路径添加好后要重启电脑才能生效，可以现在重启，也可以在所有软件安装或配置好后重启。

(图片较大，请拉动滚动条观看)

原文：http://www.isblog.cn/user1/1032/archives/2006/3127.html 更多内容请看 Apache技术专题 Apache配置专题专题，或进入讨论组讨论。

javabright 2007-10-14 12:56 发表评论

Apache+php+mysql在windows下的安装与配置图解(2)

javabright — Sun, 14 Oct 2007 04:55:00 GMT

二、php的安装、以module方式，将php与apache结合使你的网站服务器支持php服务器脚本程序

将下载的php安装文件php-5.0.5-Win32.zip右键解压缩。

指定解压缩的位置，我的设定在“D:\php”

查看解压缩后的文件夹内容，找到“php.ini-dist”文件，将其重命名为“php.ini”，打开编辑，找到下面图中的地方， Ln385，有一个“register_globals = Off”值，这个值是用来打开全局变量的，比如表单送过来的值，如果这个值设为“Off”，就只能用“$_POST['变量名']、$_GET['变量名 ']”等来取得送过来的值，如果设为“On”，就可以直接使用“$变量名”来获取送过来的值，当然，设为“Off”就比较安全，不会让人轻易将网页间传送的数据截取。这个值是否改成“On”就看自己感觉了，是安全重要还是方便重要？

这里还有一个地方要编辑，功能就是使php能够直接调用其它模块，比如访问mysql，如下图所示，Ln563，选择要加载的模块，去掉前面的 “;”，就表示要加载此模块了，加载的越多，占用的资源也就多一点，不过也多不到哪去，比如我要用mysql，就要把“;extension= php_mysql.dll”前的“;”去掉。所有的模块文件都放在php解压缩目录的“ext”之下，我这里的截图是把所有能加载的模块都加载上去了，前面的“;”没去掉的，是因为“ext”目录下默认没有此模块，加载会提示找不到文件而出错。这里只是参考，一般不需要加载这么多，需要的加载上就可以了，编辑好后保存，关闭。

如果上一步加载了其它模块，就要指明模块的位置，否则重启Apache的时候会提示“找不到指定模块”的错误，这里介绍一种最简单的方法，直接将php安装路径、里面的ext路径指定到windows系统路径中——在“我的电脑”上右键，“属性”，选择“高级”标签，点选“环境变量”，在“系统变量”下找到“Path”变量，选择，双击或点击“编辑”，将“;D:\php;D:\php\ext”加到原有值的后面，当然，其中的“D:\php” 是我的安装目录，你要将它改为自己的php安装目录，如下图所示，全部确定。系统路径添加好后要重启电脑才能生效，可以现在重启，也可以在所有软件安装或配置好后重启。

(图片较大，请拉动滚动条观看)

现在开始将php以module方式与Apache相结合，使php融入Apache，照先前的方法打开Apache的配置文件，Ln 173，找到这里，添加进如图所示选中的两行，第一行“LoadModule php5_module D:/php/php5apache2.dll”是指以module方式加载php，第二行“PHPIniDir "D:/php"”是指明php的配置文件php.ini的位置，是当然，其中的“D:/php”要改成你先前选择的php解压缩的目录。

还是Apache的配置文件，Ln 757，加入“AddType application/x-httpd-php .php”、“AddType application/x-httpd-php .html”两行，你也可以加入更多，实质就是添加可以执行php的文件类型，比如你再加上一行“AddType application/x-httpd-php .htm”，则.htm文件也可以执行php程序了，你甚至还可以添加上一行“AddType application/x-httpd-php .txt”，让普通的文本文件格式也能运行php程序。

前面所说的目录默认索引文件也可以改一下，因为现在加了php，有些文件就直接存为.php了，我们也可以把“index.php”设为默认索引文件，优先顺序就自己排了，我的是放在第一位。编辑完成，保存，关闭。

现在，php的安装，与Apache的结合已经全部完成，用屏幕右下角的小图标重启Apache，你的Apache服务器就支持了php。

javabright 2007-10-14 12:55 发表评论

Apache+php+mysql在windows下的安装与配置图解(1)

javabright — Sun, 14 Oct 2007 04:54:00 GMT

先准备好软件：

Apache官方下载地址：apache_2.0.55-win32-x86-no_ssl.msi，更多版本在这里；php官方下载地址：php-5.0.5-Win32.zip，更多镜像下载地址，更多版本下载；

mysql官方下载地址：mysql-4.1.14-win32.zip，更多镜像下载地址，更多版本下载。

一、安装Apache，配置成功一个普通网站服务器

运行下载好的“apache_2.0.55-win32-x86-no_ssl.msi”，出现如下界面：

出现Apache HTTP Server 2.0.55的安装向导界面，点“Next”继续

确认同意软件安装使用许可条例，选择“I accept the terms in the license agreement”，点“Next”继续

将Apache安装到Windows上的使用须知，请阅读完毕后，按“Next”继续

设置系统信息，在Network Domain下填入您的域名（比如：goodwaiter.com），在Server Name下填入您的服务器名称（比如：www.goodwaiter.com，也就是主机名加上域名），在Administrator's Email Address下填入系统管理员的联系电子邮件地址（比如：yinpeng@xinhuanet.com），上述三条信息仅供参考，其中联系电子邮件地址会在当系统故障时提供给访问者，三条信息均可任意填写，无效的也行。下面有两个选择，图片上选择的是为系统所有用户安装，使用默认的80端口，并作为系统服务自动启动；另外一个是仅为当前用户安装，使用端口8080，手动启动。一般选择如图所示。按“Next”继续。]

选择安装类型，Typical为默认安装，Custom为用户自定义安装，我们这里选择Custom，有更多可选项。按“Next”继续

出现选择安装选项界面，如图所示，左键点选“Apache HTTP Server 2.0.55”，选择“This feature, and all subfeatures, will be installed on local hard drive.”，即“此部分，及下属子部分内容，全部安装在本地硬盘上”。点选“Change...”，手动指定安装目录。

我这里选择安装在“D:\”，各位自行选取了，一般建议不要安装在操作系统所在盘，免得操作系统坏了之后，还原操作把Apache配置文件也清除了。选“OK”继续。

返回刚才的界面，选“Next”继续。

确认安装选项无误，如果您认为要再检查一遍，可以点“Back”一步步返回检查。点“Install”开始按前面设定的安装选项安装。

正在安装界面，请耐心等待，直到出现下面的画面。

安装向导成功完成，这时右下角状态栏应该出现了下面的这个绿色图标，表示Apache服务已经开始运行，按“Finish”结束Apache的软件安装

我们来熟悉一下这个图标，很方便的，在图标上左键单击，出现如下界面，有“Start（启动）”、“Stop（停止）”、“Restart（重启动）”三个选项，可以很方便的对安装的Apache服务器进行上述操作。

好了现在我们来测试一下按默认配置运行的网站界面，在IE地址栏打“http://127.0.0.1”，点“转到”，就可以看到如下页面，表示Apache服务器已安装成功。

现在开始配置Apache服务器，使它更好的替我们服务，事实上，如果不配置，你的安装目录下的Apache2\htdocs文件夹就是网站的默认根目录，在里面放入文件就可以了。这里我们还是要配置一下，有什么问题或修改，配置始终是要会的，如图所示，“开始”、“所有程序”、“Apache HTTP Server 2.0.55”、“Configure Apache Server”、“Edit the Apache httpd conf Configuration file”，点击打开。

(图片较大，请拉动滚动条观看)

XP的记事本有了些小变化，很实用的一个功能就是可以看到文件内容的行、列位置，按下图所示，点“查看”，勾选“状态栏”，界面右下角就多了个标记，“Ln 78, Col 10”就表示“行 78，列 10”，这样可以迅速的在文件中定位，方便解说。当然，你也可以通过“编辑”，“查找”输入关键字来快速定位。每次配置文件的改变，保存后，必须在 Apache服务器重启动后生效，可以用前面讲的小图标方便的控制服务器随时“重启动”。

现在正式开始配置Apache服务器，“Ln 228”，或者查找关键字“DocumentRoot”（也就是网站根目录），找到如下图所示地方，然后将""内的地址改成你的网站根目录，地址格式请照图上的写，主要是一般文件地址的“\”在Apache里要改成“/”。

“Ln 253”，同样，你也可以通过查找“

“Ln321”，DirectoryIndex（目录索引，也就是在仅指定目录的情况下，默认显示的文件名），可以添加很多，系统会根据从左至右的顺序来优先显示，以单个半角空格隔开，比如有些网站的首页是index.htm，就在光标那里加上“index.htm ”文件名是任意的，不一定非得“index.html”，比如“test.php”等，都可以。

这里有一个选择配置选项，以前可能要配置，现在好像修正过来了，不用配置了，就是强制所有输出文件的语言编码，html文件里有语言标记（，这个就是设定文档语言为gb2312）的也会强制转换。如果打开的网页出现乱码，请先检查网页内有没有上述 html语言标记，如果没有，添加上去就能正常显示了。把“# DefaultLanguage nl”前面的“# ”去掉，把“nl”改成你要强制输出的语言，中文是“zh-cn”，保存，关闭。

好了，简单的Apache配置就到此结束了，现在利用先前的小图标重启动，所有的配置就生效了，你的网站就成了一个网站服务器，如果你加载了防火墙，请打开80或8080端口，或者允许Apache程序访问网络，否则别人不能访问。如果你有公网IP（一般ADSL或电话拨号上网的都是），就可以邀请所有能上网的朋友访问使用http://你的IP地址（IP地址查询可访问http://www.goodwaiter.com，查询内容内即是）你的网站了；如果你没有公网IP，也可以把内网IP地址告诉局域网内的其它用户，让他们通过http://你的内网IP地址，访问你的网站。

javabright 2007-10-14 12:54 发表评论

CSS样式语法基础

javabright — Tue, 24 Apr 2007 07:39:00 GMT

1. 基本语法

CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。
基本格式如下：

selector {property: value}

（选择符 {属性：值}）
选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：

body {color: black}

选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果是使页面中的文字为黑色。

如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合：

p {font-family: "sans serif"}

（定义段落字体为sans serif）

如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开：

p {text-align: center; color: red}

（段落居中排列；并且段落中的文字为红色）

为了使你定义的样式表方便阅读，你可以采用分行的书写格式：

p
{
text-align: center;
color: black;
font-family: arial
}

（段落排列居中，段落中文字为黑色，字体是arial）

2. 选择符组

你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义：

h1, h2, h3, h4, h5, h6 { color: green }

（这个组里包括所有的标题元素，每个标题元素的文字都为绿色）

p, table{ font-size: 9pt }

（段落和表格里的文字尺寸为9号字）
效果完全等效于：

p { font-size: 9pt }
table { font-size: 9pt }

3. 类选择符

用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号。假如你想要两个不同的段落，一个段落向右对齐，一个段落居中，你可以先定义两个类：

p.right {text-align: right}
p.center {text-align: center}

然后用不在不同的段落里，只要在HTML标记里加入你定义的class参数：

这个段落向右对齐的

这个段落是居中排列的

注意：类的名称可以是任意英文单词或以英文开头与数字的组合，一般以其功能和效果简要命名。

类选择符还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同的元素定义成相同的样式：

.center {text-align: center}

（定义.center的类选择符为文字居中排列）
这样的类可以被应用到任何元素上。下面我们使h1元素（标题1）和p元素（段落）都归为“center”类，这使两个元素的样式都跟随“.center”这个类选择符：

这个标题是居中排列的

这个段落也是居中排列的

注意：这种省略HTML标记的类选择符是我们经后最常用的CSS方法，使用这种方法，我们可以很方便的在任意元素上套用预先定义好的类样式。

4. ID选择符

在HTML页面中ID参数指定了某个单一元素，ID选择符是用来对这个单一元素定义单独的样式。
ID选择符的应用和类选择符类似，只要把CLASS换成ID即可。将上例中类用ID替代：

这个段落向右对齐

定义ID选择符要在ID名称前加上一个“#”号。和类选择符相同，定义ID选择符的属性也有两种方法。下面这个例子，ID属性将匹配所有id="intro"的元素：

#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

（字体尺寸为默认尺寸的110%；粗体；蓝色；背景颜色透明）
下面这个例子，ID属性只匹配id="intro"的段落元素：

p#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

注意：ID选择符局限性很大，只能单独定义某个元素的样式，一般只在特殊情况下使用。

5. 包含选择符

可以单独对某种元素包含关系定义的样式表，元素1里包含元素2，这种方式只对在元素1里的元素2定义，对单独的元素1或元素2无定义，例如：

table a
{
font-size: 12px
}

在表格内的链接改变了样式，文字大小为12象素，而表格外的链接的文字仍为默认大小。

6. 样式表的层叠性

层叠性就是继承性，样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上，所有在元素中嵌套的元素都会继承外层元素指定的属性值，有时会把很多层嵌套的样式叠加在一起，除非另外更改。例如在DIV标记中嵌套P标记：

div { color: red; font-size:9pt}
……

这个段落的文字为红色9号字

（P元素里的内容会继承DIV定义的属性）
注意：有些情况下内部选择符不继承周围选择符的值，但理论上这些都是特殊的。例如，上边界属性值是不会继承的，直觉上，一个段落不会同文档BODY一样的上边界值。

另外，当样式表继承遇到冲突时，总是以最后定义的样式为准。如果上例中定义了P的颜色：

div { color: red; font-size:9pt}
p {color: blue}
……

这个段落的文字为蓝色9号字

我们可以看到段落里的文字大小为9号字是继承div属性的，而color属性则依照最后定义的。

不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加上元素上的，所以优先级最高，其次是类选择符。如果想超越这三者之间的关系，可以用!important提升样式表的优先权，例如：

p { color: #FF0000!important }
.blue { color: #0000FF}
#id1 { color: #FFFF00}

我们同时对页面中的一个段落加上这三种样式，它最后会依照被!important申明的HTML标记选择符样式为红色文字。如果去掉!important，则依照优先权最高的ID选择符为黄色文字。

7. 注释

你可以在CSS中插入注释来说明你代码的意思，注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中，注释是不显示的。CSS注释以"/*" 开头，以"*/" 结尾，如下：

/* 定义段落样式表 */
p
{
text-align: center; /* 文本居中排列 */
color: black; /* 文字为黑色 */
font-family: arial /* 字体为arial */
}

javabright 2007-04-24 15:39 发表评论

Dwr与Spring入门实例

javabright — Mon, 23 Apr 2007 15:31:00 GMT

下面讲一下DWR与Spring的集成：
还是上面那个例子用Spring搞定大部分和上面一样
新建类User（包换了）

代码

package org.li.dwr.spring;
import java.util.List;
import org.li.dwr.Book;
public class User
{
private String welcome;
private String username;
private String address;
private List books;
private int age;
public String getAddress()
{
return address;
}
public void setAddress(String address)
{
this.address = address;
}
public int getAge()
{
return age;
}
public void setAge(int age)
{
this.age = age;
}
public String getUsername()
{
return username;
}
public void setUsername(String username)
{
this.username = username;
}
public String getWelcome()
{
return welcome;
}
public void setWelcome(String welcome)
{
this.welcome = welcome;
}
public List getBooks()
{
return books;
}
public void setBooks(List books)
{
this.books = books;
}
public User getUser(String welcome)
{
this.welcome=welcome;
return this;
}
}

Book还是以前那个
在src下新建application.xml文件（spring的配置文件）

代码

xml version="1.0" encoding="UTF-8"?>
>
<beans>
<bean id="user" class="org.li.dwr.spring.User">
<property name="username">
<value>javafishvalue>
property>
<property name="age">
<value>21value>
property>
<property name="address">
<value>北京市海淀区value>
property>
bean>
beans>

在dwr.xml加入：

代码

<create javascript="springUser" creator="spring">
<param name="beanName" value="user">param>
<param name="location" value="applicationContext.xml">param>
create><convert match="org.li.dwr.spring.User" converter="bean">convert>

新建springUserInfo.html

代码

>
<html>
<head>
<title>UserInfo.htmltitle>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='dwr/interface/springUser.js'>script>
<script type='text/javascript' src='dwr/engine.js'>script>
<script type='text/javascript' src='dwr/util.js'>script>
<script type="text/javascript" src="springuserInfo.js">script>
head>
<body>
请输入你的名字：
<input id="name" type="text"/>
<input id="jbutton" type="button" value="得到javafish(spring)的信息"/>
<div id="result">div>
<script>load()script>
body>
html>

新建springUserInfo.js

代码

function load()
{
var jbutton = $("jbutton");
jbutton.onclick=function(event)
{
bOnClick();
};
var sbutton = $("sbutton");
sbutton.onclick=function(event)
{
sOnClick();
};
}
function bOnClick()
{
springUser.getUser($("name").value,callback);
}
function callback(msg)
{
var user = msg;
DWRUtil.setValue('result',"欢迎你！"+user.welcome+" 姓名："+user.username+",年龄："+user.age+"，住址："+user.address);
}

在web.xml中加入

contextConfigLocation

/WEB-INF/classes/applicationContext.xml

org.springframework.web.context.ContextLoaderListener

运行服务器输入http://localhost:8080/DWRStudy/springUserInfo.html，可以看到运行结果
主要的区别是dwr.xml的配置，需要在creator=spring,然后里面的的name用beanName,值是spring的配置文件里的bean的id。Name=location是指定spring的配置文件的路径（如果不指定DWR可以根据web.xml自动找到spring的主配置文件）。

javabright 2007-04-23 23:31 发表评论

Dwr入实例

javabright — Mon, 23 Apr 2007 05:16:00 GMT

DWR是作为远程调用的ajax框架，将服务端的java类，方法和浏览器的javascript的类，方法对应起来。现在官方最新的版本是DWR2.0，可以在http://getahead.ltd.uk/dwr/download下载到。
我们真对DWR2.0做一些例子讲解一下它的特性：
Hello World：
新建一个web项目DWRStudy，在项目中构建路径中加入dwr.jar，
新建类Hello如下：

代码

package org.li.dwr;
package org.li.dwr;
import java.util.Date;
public class Hello
{
public String getHelloWorld()
{
return "现在的时间为："+new Date();
}
}

在WEB-INF目录下新建dwr.xml文件：

代码

xml version="1.0" encoding="UTF-8"?>
>
<dwr>
<allow>
<create javascript="jshello" creator="new" scope="application">
<param name="class" value="org.li.dwr.Hello">param>
create>
allow>
dwr>

在WebRoot目录里新建hello.js

代码

function load()//载入的时候调用
{
var jbutton = document.getElementById("jbutton");
jbutton.onclick=function(event)//注册按钮点击事件
{
jbClick();
};
}
function jbClick()//按钮点击事件
{
jshello.getHelloWorld(callback);//没有参数传递，只传递回调函数就行
}
function callback(msg)//回调函数
{
DWRUtil.setValue('jdiv',msg);
}

在WebRoot目录里新建HelloWorld.html

代码

>
<html>
<head>
<title>HelloWorld.htmltitle>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='dwr/interface/jshello.js'>script>
<script type='text/javascript' src='dwr/engine.js'>script>
<script type='text/javascript' src='dwr/util.js'>script>
<script type="text/javascript" src="hello.js">script>
head>
<body>
<input id="jbutton" type="button" value="得到Hello World"/>
<div id="jdiv">div>
<script>load()script>
body>
html>

在web.xml中加入一个dwr的servlet：

代码

<servlet>
<servlet-name>dwr-invokerservlet-name>
<servlet-class>
org.directwebremoting.servlet.DwrServlet
servlet-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>

在运行一下服务器在浏览器里输入http://localhost:8080/DWRStudy/HelloWorld.html，然后点一下按钮下面就会显示服务端的系统时间了，而浏览器页面并没有被刷新。
下面解释一下：
1. 新建的Hello类中有一个getHelloWorld方法这个方法就是作为远程调用的服务端方法，这个Hello类也就是远程调用的类。方法的返回值为服务端当前的时间
2. dwr.xml是DWR用来配置服务端类和浏览器端javascript类之间的映射。可以下载dtd看一下，在里类配置映射类如：

javascript="jshello"是在浏览器端的javascript的映射的类名，（不要用javascript里的关键字）creator="new"是表示这个类是dwr自己创建的，如果creator="new"那么就必须有下面的，creator还可为spring(与spring集成的时候),script(与apache的一个框架BSF集成的时候用),后来又加入了struts,jsf,ejb3.现在是个HelloWorld让大家体验一下，具体后面会细讲。最后的scope=”application”是说这个pojo类的范围，和jsp是一样的。
3. 创建hello.js和HelloWorld.html都是看自己是怎么发挥了，注意的是在HelloWorld.html中导入js文件的时候注意顺序和路径命名规律，自己发挥的这个hello.js一定放在后面，因为要调用其它js文件中的函数。由于在HelloWorld.html里写入了所以在html加载的时候会调用hello.js里的load方法(注意这几个js文件里的函数最好不要重名)在load里面做的事情就是注册一下id为jbutton的按钮的点击事件。当我们点击id为jbutton的按钮的时候就开始用与服务器端的类相对应的javascript类了（jshello），直接调用jshello类的getHelloWorld方法，可以向函数传递参数，不过要在最后加一个回调函数。而我们的服务端的类没有参数就直接传回调函数了。在回调函数的形参msg是服务端Hello类中getHelloWorld方法返回值。在回调函数里面调用了DWR的工具类DWRUtil类的setValue方法设置id为jdiv的值。另外我们把doucment.getElementById(“jbutton”);换与$(“jbutton”)也可以得到同样的效果，这就有点像prototype了。
4. 在web.xml里加入DWRServlet的配置一是为了远程调用，二是自动生成了

文件

javabright 2007-04-23 13:16 发表评论