第六章 Java Web开发环境搭建
本章主要内容包括：
文档样式概述 CSS 属性的定义
CSS中的版面布局 CSS 特殊用法
CSS 常用外观属性 常见疑难问题解答
本章主要介绍Java Web开发环境的搭建，分为三个部分：数据库环境、版本控制、集成开发环境的安装，以及集成环境的配置。首先介绍MySQL的安装，然后介绍CVS版本管理工具的安装，最后介绍Eclipse + MyEclipse + Tomcat集成开发环境的安装和配置。
6.1 数据库环境
现在的主流数据库系统主要有Oracle、SQL SERVER、MySql、DB2等等，Oracle与DB2都是专业的商业数据，除了价格昂贵之外，对机器的配置要求也高，所以不适合平时练习使用。SQL SERVER是微软公司推出的数据库产品，其特点继承了微软的一贯风格，界面十分友好。MySql最初是一个开源数据库，现在被sun公司收购了。MySql的最大特点是功能强大，但是对机器的配置要求很低，占用内存小，是平时练习是最好的选择。所以本书中的采用的数据库环境选择MySql。
3.2.1 MySQL 简介
MySQL是目前最受欢迎的开源SQL数据库管理系统，由MySQL AB开发、发布和支持。MySQL AB是一家基于MySQL开发人员的商业公司在。2008年1月16号 MySQL被Sun公司收购。
MySQL是一个关系数据库。它把数据存放在分立的表格中，这比把所有数据存放在一个大仓库中要好得多，这样做将增加速度和灵活性。其核心采用完全多线程实现，可以方便地使用多CPU，提高性能。提供了完整的事务性和非事务性存储引擎，大大方便了业务处理。由于MySQL是开源软件，版本更新较快，如果你愿意，你可以研究其源代码，并根据你的需要修改它。
3.2.2 安装MySQL
MySQL的安装程序可以从http://www.mysql.com网站上下载，目前的版本是5.0.22，下载下来的安装文件为mysql-5.0.22-win32.zip。解压缩该文件，直接运行这个文件就可以进行安装，MySQL提供了图形界面的安装向导，根据安装向导的提示，可以非常方便的安装MySQL。下面简单介绍MySQL的关键安装步骤。
1、运行解压缩mysql-5.0.22-win32.zip后得到的SetUp.exe安装文件，可以得到如图7.1
所示的MySQL的安装向导界面
图6.1 MySQL安装向导界面
2、在如图6.1的界面中点击“Next”进入如图6.2所示的安装类型选择界面。
图6.2 MySQL安装类型选择界面
3、在图6.2所示界面中，可以选择MySQL的安装类型。其中“Typical”是典型安装、“Complete”是完全安装、“Custom”是用户自定义安装，用户可以根据自己的需要选择安装组件、安装位置等信息。为了是读者对MySQL的安装过程有清晰的了解，在这里笔者选择“Custom”自定义安装，然后单击“Next”进入如图6.3所示的MySQL组件安装的定制界面。
图6.3 MySQL安装组件定制界面
4、在如图6.3所示的界面中，“MySQL Server”是MySQL的数据库服务器组件；“Client Programs”是MySQL的客户端组件，包括MySQL的命令行工具等等；“MySQL Instance Manage”是MySQL 的安装管理工具；“Documentation”是MySQL 的一些帮助文档；“Developer Components”是一些开发组件比如一些C语言与MySQL交互的必要文件等等，在这里我们使用的是Java语言，所以不用选择这个些组件。在这个界面中还可以选择MySQL的安装位置，在这里笔者接受默认的位置，如果想把MySQL安装在其它位置可以单击“Change”改变安装位置。
5、在组件选择和安装位置选择结束后，单击“Next”进入如图6.4所示的安装信息确认界面，在这个界面中，显示了前面选择的所有信息，用来让用户确认自己选择的安装信息，如果用户想修改安装配置，可以单击“Back”回退，如果确认无误单击“Install”就可以进行安装。
图6.4 MySQL配置确认界面
在接下来的几个界面中，是安装过程进度提示和其它一些MySQL商业版本的提示信息，可
以不用理会，一直选择“Next”进入下一步安装。直到出现图6.5所示界面。
图6.5 注册MySQL帐户界面
图6.5界面用于让用户注册MySQL帐户使用，笔者选择“Skip Sign-Up”，如果读者对此感兴趣，可以注册一个。点击“Next”跳过该步骤，进入图6.6所示界面。
图6.6 进入配置MySQL服务器向导页面
如果“Configure the MySQL Server now”复选框被选中，点击“Finish”后进入图6.7所示界面。
图6.7 选择MySQL服务器的配置类型
笔者选择“Standard Configuration”方式配置MySQL服务器。点击“Next”进入图6.8所示界面。
图6.8 配置MySQL服务器
如图6.8所示是配置MySQL服务器的信息，选择“Install As Windows Service”表示将MySQL注册为window服务，这样能在window管理工具中的服务下找到MySQL的服务。选择“Launch the MySQL Server automatically”，启动window系统时MySQL服务自动启动。点击“Next”进入图6.9所示界面。
图6.9 配置root用户的密码
图6.9是配置root用户的密码，选择“Enable root access from remote machine”表示root用户远程登录。用户可以根据自己需要，决定是否选择。单击“Next”进入图6.10所示界面。
图6.10 MySQL执行设置界面
点击图6.10界面中的“Execute”执行服务器设置。如果一切顺利，出现如图6.11所示的界面。
图6.11 MySQL配置成功界面
图6.11是配置MySQL服务器的成功信息页面。至此MySQL数据库安装完毕。
3.2.3 MySQL常用命令
如果没有把MySQL的服务设置了开机自动启动，那么使用MySQL前必须启动MySQL服务，启动MySQL服务的命令是
net start mysql
启动MySQL服务后你必须登录后才能使用MySQL。登录命令是
mysql -h主机地址 -u用户名 －p用户密码
例如使用root用户，密码是111111，则登录本地的命令是：mysql –uroot –p111111 登录MySQL后就可以使用相关的命令操作了，推出MySQL的命令是
exit
停止MySQL服务的命令是
net stop mysql
如果用户对MySQL的命令不熟悉，可以选择一些第三方软件。其中SQLyog是比较出色的一款MySQL界面管理软件，笔者将在下一小节介绍。
3.2.4 MySQL客户端SQLyog
如果你对MySQL命令熟悉不熟悉，那么SQLyog是将将你解脱出来。SQLyog是一个易于使用的、快速而简洁的图形化管理MySQL数据库的工具，它能够在任何地点有效地管理你的MySQL数据库，而且它本身是完全免费的。
SQLyog没有提供官方下载地址，但是霏凡、天极网等都提供了下载。笔者将要介绍的是SQLyog6.5英文版。SQLyog提供了界面安装向导，十分简单，只要按照它的提示就可以顺利完成安装。
当安装完SQLyog后，在使用SQLyog操作MySQL数据库前，必须先配置一个数据库链接。用户第一次启动SQLyog时会自动弹出配置界面如图6.12所示。
图6.12数据库链接向导界面
如图6.12所示，点击“New”创建一个新的数据库链接，首先弹出一个界面如图6.13所示。
图6.13 新链接用户名配置界面
输入新数据库链接的名称后（笔者输入的是test），点击“OK”，进入链接的具体信息配置页面，如图6.14所示。
图6.14 新链接配置界面
如图6.14所示，“MySQL host address”是MySQL的主机IP地址，本机可以使用“localhost”；“Port”是指MySQL使用的端口号，MySQL的默认端口是“3306”；“Database(s)”填写该链接对象的数据库，可以填多个数据库名并且用“;”隔开。填写完配置信息后，点击“Test Connection”测试链接是否成功，成功的提示框如图6.15所示。
图6.15 链接配置成功
配置完成后，使用SQLyog登录MySQL就简单了，不用再使用命令行了。登录界面如图6.16所示。
图6.16 SQLyog登录界面
如图6.16所示在“Saved Connections”中选中登录的链接配置名（笔者选了“test”），单击“Connect”就行了，登录后的初始界面如图6.17所示。
图6.17 SQLyog登录初始话界面
如图6.17所示，左边部分是选择的数据库的对象列表，右上部分是sql输入框，右下部分是结果显示框。关于SQLyog的介绍读者使用一段时间就会熟悉了，这里就不再赘述了。
在开发工具这方面，IBM、Borland、Sun等公司等都推出了自己的Java开发工具，例如WSAD、JBuilder、NetBeans等。用户可以根据项目性质和用途的不同，选择适合项目需要的开发工具，目前在Java Web开发中越来越多的用户开始使用Eclipse、MyEclipse作为开发工具。主要是由于他们都是开源的，版本更新快，各种插件丰富，从而给开发带了了极大的便利。
在应用服务器方面，目前流行的很多比如Jboss，Tomcat等等，它们都是免费的。本书中选取Tomcat作为应用服务器，主要是因为Tomcat占用资源小，启动快，而其又是免费的。
3.3.1 安装JDK
JDK中包含了Java开发中必需的工具和Java程序的运行环境（即JRE）。JDK的安装文件可以从http://java.sun.com/javase/downloads/index.jsp下载，目前的JDK版本为6.0，JDK的安装文件有三个不同操作系统的版本。如果需要6.0之前版本的JDK，也可以在Sun的官方网站进行下载，具体的链接地址为。http://java.sun.com/javase/downloads/previous.jsp ，在这个地址中提供了JDK1.3以后的各个版本JDK安装文件下载服务。
这里使用的是6.0版本，下载后的安装文件为jdk-6u7-windows-i586-p.exe。点击安装文件出现如图6.18所示。
图6.18 JDK6.0 安装向导页面
点击图6.18中的“接收”，等待几分钟后，出现jdk的安装配置界面。如图6.19所示。
图6.19 JDK6.0 安装配置页面
如图6.19所示，左边的框中是可选的JDK安装组件，点击“更改”可以修改jdk的安装路径。这里笔者都采用默认选项，点击“下一步”安装JDK，出现安装进度界面，如图6.20所示。
图6.20 jdk安装进度
当jdk安装完以后，要运行java程序还需要安装jre，jre是java的运行时环境。提示界面如图6.21所示。
图6.21 jre配置界面
点击图6.21中的“下一步”，等待几分钟后，如果没有出现错误，会弹出成功界面如图6.22所示。
图6.21 jdk 安装完成界面
安装完JDK后，一般还需要配置环境变量。但是使用集成开发环境后，这些都可以在Eclipse中配置（3.4小节中将介绍），所以这里就省略了环境变量的配置。
3.3.2 安装Eclipse
Eclipse的安装文件可以从http://download.eclipse.org/eclipse/downloads/下载，目前Eclipse最新的版本为3.4，这里使用Eclipse3.3，下载下来的文件为eclipse-SDK-3.3.1.1-win32.zip，Eclipse的安装非常简单，只需要把下载下来的文件解压缩到某路径下即可，解压后的目录结构如图6.22所示。
图6.22 eclipse的解压缩目录
在如图6.22所示的目录结构中，运行eclipse.exe就可以启动Eclipse。
3.3.2 安装MyEclipse
MyEclipse的安装源文件可以从MyEclipse的官方网站http://www.myeclipseide.com下载，具体的下载地址为http://www.myeclipseide.com/module-htmlpages-display-pid-4.html ，在这里可以下载MyEclipse各种版本的安装文件。MyEclipse的最新版本为6.5，可以和Eclipse3.3配合使用。也可以在这里下载与其它版本的Eclipse匹配的MyEclipse版本。
MyEclipse的安装过程比较简单，按照安装向导的指示就可以进行安装，安装以后无需设置就可以使用。在MyEclipse安装成功以后，就可以创建Web工程，Web工程的所有的基础配置信息都由MyEclipse来完成，MyEclipse提供了一系列的Web开发工具，大大简化了Java Web开发的难度，提高了开发的效率，这样是MyEclipse受到开发人员喜欢的最大原因。 注意：MyEclipse是Eclipse的插件，所以在安装MyEclipse之前需要先安装Eclipse，否则会
报错。
3.3.4 安装Tomcat
Tomcat 服务器是一个免费的开放源代码的Web 应用服务器。是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。Tomcat 5 支持最新的Servlet 2.4 和JSP 2.0 规范。
因为Tomcat 技术先进、性能稳定，而且免费，成为目前比较流行的Web 应用服务器。而且运行时占用的系统资源小，扩展性好，所以这里选择Tomcat作为应用服务器。
Tomcat可以从Tomcat的官方网站http://tomcat.apache.org下载，在这里可以下载Tomcat的各种版本，Tomcat的最新版本为6.0。这里使用Tomcat5.5，因为5.5比较稳定，具体下载地址是http://tomcat.apache.org/download-55.cgi，下载zip格式
的压缩包为apache-tomcat-5.5.26.zip。
Tomcat安装很简单，直接解压缩就可以了，解压缩后的目录如下：
图6.23Tomcat 解压缩目录
由于在3.2小节中JDK虽然安装了，但是环境变量并没有设置。这就造成Eclipse，Tomcat等暂时还不能正常使用。因为Eclipse，Tomcat的正常运行需要JDK的支持。本节将介绍通过Eclipse的配置，使得Eclipse、MyEclipse及Tomcat能正常工作。
3.4.1 集成配置JDK
如果要在Eclipse中开发编译Java项目，在MyEclipse开发编译Java Web项目或在Tomcat上运行Java Web项目这些都需要JDK的支持。
配置Eclipse的JDK路径的方法如下。
1、 点击Eclipse “window”菜单下“Preferences”的如图6.24所示
图6.24 window菜单
点击“Preferences”弹出Eclipse的配置界面，如图6.25所示
图6.25 Eclipse 配置界面
2、在图6.25界面的左侧树中选择“java”下的“Installed JREs”选项，如图6.26所示
图6.26 java选项
3、再在图6.25界面的右侧点击“Add”，如图6.27所示
图6.27 添加jdk的Add按钮
如图6.27所示，点击“Add”后，弹出配置JDK的主界面。如图6.28所示
图6.28 Eclipse中jdk的配置界面
如图6.28所示，“JRE name”是这个jdk的名称，用户可以自定义（笔者取名jdk1.6）；“JRE home directory”是这个jdk的安装目录，一定要指定到jdk的安装目录（不是jre的目录）。点击“ok”就完成了eclipse的jdk配置。如图6.29所示
图6.29 Eclipse中配置jdk成功
如图6.29所示，如果读者想把该jdk设为项目的默认JRE环境，那么可把前面的复选框勾上。
4、点击“OK”，JDK的配置完成了。
3.4.2 集成配置Tomcat
从Eclpse中启动Tomcat也需要配置，配置方法如下。
1、和配置JDK一样，点击Eclipse “window”菜单下“Preferences”，弹出的配置界面如图6.25所示，在图6.25界面的左侧树中选择“MyEclipse”下的“Servers”下的“Tomcat
5.x”选项，右侧界面中配置如图6.30所示
图6.30 tomcat路径的配置
如图6.30 所示在“tomcat server”中选择“Enable”。在“Tomcat home directory”中填写Tomcat的安装路径。这样tomcat的路径就配置了，但是Tomcat的运行需要JDK，由于前面安装JDK时没有设置环境变量，所以需要在次配置Tomcat的JDK。
2、选择左侧目录树“Tomcat 5.x”下的“JDK”选项，如图6.31所示
图6.31 tomcat jdk选项路径
3、在右侧的下拉框中选择Tomcat运行时的jdk环境。如图6.32所示
图6.32 配置Tomcat JDK
如图6.32所示，下拉框中可选的JDK环境就是在上一小节中配置的jdk环境。笔者的开发环境配置了两个jdk环境，所以这里有两个选项。 4、点击下面的“OK”，tomcat配置就这么简单。
注意: 如果读者配置完JDK后，没有关闭图6.25的配置界面，直接配置Tomcat的JDK时，
下拉列表选项中不会出现刚才配置的JDK。必须先关闭图6.25的界面，配置Tomcat时再重新打开配置界面。
6.2 版本管理控制
在团队开发中，需要团队各个成员之间进行分工配合，这就给源代码的版本控制带来很大困难，不可能手工来完成源代码版本的迭代，在这里选择使用版本控制工具，通过版本控制工具完成对源代码的控制，各个团队成员只需要把修改过的版本提交给版本控制工具，有版本控制工具来把每个成员提交的版本整合成一个最新的版本。
3.3.1 安装CVS服务器
在源代码版本控制方面，有很多工具可供选择。在这里选择使用CVS来对版本进行控制，其中CVS需要客户端和服务器端配合使用。在使用CVS的时候，首先需要建立一个CVS服务器，然后团队中的每个成员此可以把自己的版本通过客户端提交给CVS服务器，
从而由CVS服务器完成版本的整合更新任务。
在这里选择使用CVSNT作为CVS的服务器，CVSNT的安装文件可以从http://www.cvsnt.org/archive/下载，在这里有各种版本的CVSNT安装文件可供下载，用户可以选择下载自己需要的版本，在本书中使用2.5.04.3125，所以选择下载cvsnt- 2.5.04.3125.msi这个安装文件即可。
CVSNT的安装过程比较简单，在安装向导的指引下就可以顺行安装。安装完成以后，需要重启计算机，然后才能正常使用CVSNT的功能。完成CVSNT安装以后，就可以配置CVSNT服务器，下面简单介绍CVSNT服务器的配置。
3.3.1 配置CVS代码资源库
选择“开始”|“CVSNT”|“cvsnt control panel”，就可以进入如图6.33所示的CVSNT控制面板。在这个控制面板中，可以管理CVSNT的服务、添见CVS资源、设置CVSNT服务器的参数。
图6.33 cvsnt 配置界面
在如图6.33所示的界面中，选择“repository configuration”选项卡，鼠标单击“Add”按钮，就可以进入如图6.34所示添加资源的界面。
图6.34 cvsnt 添加资源界面
在如图6.34所示的界面中，可以把资源添加到CVS服务器中，其中，Location是要添加到CVS服务器中的资源路径，Name是CVS客户端访问这个资源需要的名称。Description是这个CVS资源的描述信息。输入这些信息以后，单击“OK”按钮就完成了资源的添加。
资源添加完成以后，在如图6.33所示的界面中，选择“About”选项卡。重新启动CVSNT的两个服务，使刚刚添加的CVS资源设置生效，重启这两个服务以后，就可以通过CVS客户端访问这个CVS资源。
3.3.1 向CVS添加用户
多个开发人员通过CVS来控制记录文件版本，从而达到保证文件同步的目的。团对成员能够通过客户端访问CVS服务器时需要使用口令。
默认情况下windows的管理员就是CVS服务器上资源库（Repository）的管理员，可以用 windows的帐户登陆CVS。如果用户想为某个CVS资源库添加用户的方法有多种（实际项目中往往是这样的），这里只介绍其中的两种。
有一种简单的方法，就是添加windows的用户，因为 windows的用户也是CVS的帐户。 另一中方法是使用命令行为CVS资源库添加用户，笔者觉得这种方法还是实用的。具体步骤如下。
1、首先使用cmd，进入Dos。然后使用windows的管理员登录CVS需要添加用户的资源库，代码如下： set cvsroot=:pserver:管理员用户名@127.0.0.1:/资源库名
cvs login
例如登录3.3.2中配置的资源库“CVS”（用户名是administrator）使用命令如下：
set cvsroot=:pserver:administrator@127.0.0.1:/cvs
cvs login
这是控制台会提示输入密码，用户输入密码后登录成功。
2、使用命令添加用户，命令格式如下：
cvs passwd –r 角色 –a 新用户名 例如添加一个“administrator”角色的用户“test1”使用命令如下：
cvs passwd –r administrator –a test
此时控制台会提示输入新用户的密码和确认密码。如果用户输入的密码正确，那么添加用户就成功了。
3.3.1 使用Eclipse集成的CVS客户端
当CVS服务器安装配置结束以后，就可以通过CVS客户端访问CVS服务器中的资源。其中CVS客户端有很多中选择，例如WinCVS、TortoiseCVS等，使用这些工具都可以非常方便的访问CVS资源，在Eclipse中同样也内置了CVS客户端的功能。在下面的内容中就简单介绍如何使用Eclipse内置的CVS客户端来访问CVS资源。
1
、点击“新建”的快捷按钮如图6.35所示。进入如图6.36所示的界面。
图6.35 新建的快捷按钮
图6.36 新建向导界面
2、选择“CVS Repository Location”，新建一个CVS资源库连接。点击“Next”出现如图6.37所示的界面。如果以前曾经创建了链接，那么选择“Projects form CVS”就行了。
图6.37 配置CVS连接界面
如图6.37所示，“Host”是CVS服务器的主机地址，本机为“localhost”。“Repository”是连接的CVS服务器上的资源库的名称。点击“Finish”完成创建CVS连接，弹出如图6.38的CVS视图界面，里面的内容是已经创建的CVS连接。
图6.38 CVS连接视图
如图6.38所示，上边配置的CVS连接已经创建成功了。在CVS视图中右键单击上面添加成功的CVS服务器路径，在弹出的菜单中选择“Refresh Branches”即可连接到CVS服务器，进入如图6.39所示的CVS资源选择界面。
图6.39 CVS资源选择界面
在如图6.39所示的界面中，选择需要的资源，然后单击“Finish”按钮，就可以把CVS服务器上的这个资源导入到Eclipse中。
上面这些操作完成了把CVS服务器中的资源导入到Eclipse中的工作，然后既可以通过Eclipse来进行各种CVS的操作，例如更新到最新版本、提及自己的版本、恢复到历史版本等操作。这些工作都可以在Eclipse中完成。
2.7 疑难问题解答
本章主要讲述了搭建开发环境的，都比较简单。问题一般都是出在一些版本冲突，或是安装的先后顺序以及配置上。以下将列举一些在安装过程中经常碰到的错误及其解决方法，以供读者参考。
2.7.1 卸载MySQL
卸载MySQL时，一定要先停止MySQL的服务，然后再卸载MySQL的服务，最后卸载MySQL。否则下次重新安装MySQL时会报错，或者是安装完后，MySQL却无法正常启动停止MySQL服务的命令是“net stop mysql”，卸载MySQL服务的命令是“mysqld --remove”。
2.7.2 JDK的安装
笔者在介绍3.3.1小节的内容时，没有涉及到环境变量的设置，而将jdk的配置集成在eclipse中了。这样的好处是可以避免一些冲突。因为有的程序也会设置它们自己的jdk环境
变量，比如oracle会设置自己的关于jdk的环境变量。这时设置我们开发需要的JDK的环境变量时必须十分小心，必须将你新安装的JDK的路径写在oracle的相关路径前面。而使用eclipse集成配置，就可以省去这些麻烦。