jQWidgets是一個基于jQuery JavaScript的綜合性和創新性的HTML5 UI組件庫，旨在幫助開發者創建專業、跨平臺的Web應用程序，并最大限度的節省開發時間。jQWidgets包含30多種UI組件，是最快的JavaScript UI框架之一。

點擊下載jQWidgets最新試用版

配置MySQL，Eclipse和Tomcat以與jQWidgets一起使用

在此幫助主題中，您將學習如何在Java環境中創建第一個jQWidgets示例之前，創建示例MySQL數據庫并配置Eclipse IDE和Apache Tomcat服務器。

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 Resources\Libraries目錄下，是可以使用的：

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"。

今天的內容就到這里了！歡迎在評論區留下你的意見和建議，如果你對我們的產品感興趣的話歡迎獲取更多教程資源以及正版授權！