1.设置数据库

就本教程而言，我们将使用Northwind数据库的MySQL版本。

1. 启动MySQL命令行客户端。然后通过运行以下行来创建新数据库：
   CREATE DATABASE northwind;
2. 选择要使用的数据库：
   USE northwind
3. 最后，从文件northwind.sql
   source C:/path/northwind.sql中填充该文件，该文件C:/path是将文件提取到的文件夹的路径。

现在，您可以准备使用和操纵Northwind数据库了。

2.在Eclipse中创建一个新项目

在本教程中，我们将使用面向Java EE Developers的Eclipse IDE（Luna版本）。您可以从这里获得：https : //www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/lunasr2。运行Eclipse并转到File → New → Dynamic Web Project。在出现的窗口中，输入项目的名称（我们将其命名为“ jQWidgetsJSP”），然后单击Finish。

3.将必需的类添加到Java构建路径

.jarjQWidgets示例需要 几个Java类包（文件），并且必须将它们包含在Java构建路径中。这些是：

• java-rt-jar-stubs-1.5.0.jar -包含基本Java Runtime Environment的所有已编译类文件。
• mysql-connector-java-5.1.34-bin.jar -MySQL Connector / J是MySQL的官方JDBC驱动程序。连接到MySQL数据库是必需的。
• gson-2.3.1.jar -Gson是一个Java库，可用于将Java对象转换为其JSON表示形式。

以下是将这些添加到Eclipse项目的方法：

1. 右键单击项目，然后单击Properties

2.选择左侧的Java Build Path，然后选择Libraries 选项卡：

3.单击Add External JARs... ，然后浏览上述文件。 注意：在这种情况下，JJRE System Library已经存在Java运行时环境类，我们不需要再次包含它们。

添加的JAR包在 Java ResourcesLibraries目录下，是可以使用的：

4.将必要的jQWidgets脚本和样式表添加到项目中

在项目文件夹中创建两个文件夹WebContent-js 和css。在其中包括所有（或仅必要的）jQWidgets文件-中的脚本（包括jqxcore.js和特定的窗口小部件文件）和js中的样式表（jqx.base.css以及任何主题和相关图像）css。记住也要在其中包含jQuery版本js。

5.配置Apache Tomcat服务器

Apache Tomcat是Java Servlet和JavaServer Pages技术的开源软件实现。在本教程中，我们将使用Tomcat 8.0。如果您的系统上还没有Apache Tomcat，请从此处下载它：http : //tomcat.apache.org/download-80.cgi并安装它。然后：

1.在Eclipse中，转到Window → Preferences。在左侧选择 Server → Runtime Environments：

2.点击Add。在出现的窗口中，选择Apache Tomcat v8.0并选中Create a new local server：

3.单击Next，浏览到Tomcat installation directory，然后在上一个窗口中单击Finish并OK：

4.右键单击项目，然后选择Properties。在“属性”窗口中，选择左侧的“ Project Facets”，然后选择右侧的“Runtimes”选项卡。检查Apache Tomcat v8.0。最后，点击Apply和OK。

6.启动服务器并配置其类路径

1. 在Eclipse的底部面板中，选择“Servers”选项卡。
2. 右键单击localhost上的Tomcat v8.0 Server，然后单击Start：

3.转到Run → Run Configurations...

4.在弹出窗口中，选择左侧的localhost上的Apache Tomcat → Tomcat v8.0 Server，然后选择Classpath 选项卡。添加外部JARmysql-connector-java-5.1.34-bin.jar和 gson-2.3.1.jar：

5.应用设置，然后单击"Close"。