如何高效利用Java UI组件库,开发现代化图形用户

新闻 前端
jQWidgets是一个基于jQuery JavaScript的综合性和创新性的HTML5 UI组件库,旨在帮助开发者创建专业、跨平台的Web应用程序,并最大限度的节省开发时间。

jQWidgets是一个基于jQuery JavaScript的综合性和创新性的HTML5 UI组件库,旨在帮助开发者创建专业、跨平台的Web应用程序,并最大限度的节省开发时间。jQWidgets包含30多种UI组件,是最快的JavaScript UI框架之一。

配置MySQL,Eclipse和Tomcat以与jQWidgets一起使用

如何高效利用Java UI组件库,开发现代化图形用户界面

在此帮助主题中,您将学习如何在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
如何高效利用Java UI组件库,开发现代化图形用户界面

2.选择左侧的Java Build Path,然后选择Libraries 选项卡:

如何高效利用Java UI组件库,开发现代化图形用户界面

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

添加的JAR包在 Java Resources\Libraries目录下,是可以使用的:

如何高效利用Java UI组件库,开发现代化图形用户界面

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

如何高效利用Java UI组件库,开发现代化图形用户界面

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

如何高效利用Java UI组件库,开发现代化图形用户界面

3.单击Next,浏览到Tomcat installation directory,然后在上一个窗口中单击FinishOK

如何高效利用Java UI组件库,开发现代化图形用户界面

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

如何高效利用Java UI组件库,开发现代化图形用户界面

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

  1. 在Eclipse的底部面板中,选择“Servers”选项卡。
  2. 右键单击localhost上的Tomcat v8.0 Server,然后单击Start
如何高效利用Java UI组件库,开发现代化图形用户界面

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:

如何高效利用Java UI组件库,开发现代化图形用户界面

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

 

责任编辑:张燕妮 来源: 今日头条
相关推荐

2021-07-12 15:47:00

云计算云原生

2021-08-31 16:15:53

安全运营业务现代化网络安全

2024-02-28 12:20:41

AI医药数据质量

2022-11-01 07:14:32

裸金属云云服务云原生

2020-06-05 14:16:05

医药

2021-09-08 14:43:17

网络数字化转型Equinix

2022-09-26 14:42:36

数据中心IT 行

2020-01-17 10:34:31

云计算ERP现代化

2022-07-26 06:57:07

数据管道端点API

2020-03-11 09:54:04

技术IT架构

2023-01-28 10:27:40

2015-10-29 14:35:21

移动设备现代化

2021-06-15 07:18:03

Windows10操作系统微软

2022-07-11 05:34:19

云原生应用程序

2023-05-03 21:47:22

2024-01-23 15:21:14

2023-10-07 10:42:44

微软微软商店应用

2013-03-19 18:04:06

51CTO

2020-05-08 14:47:53

网络现代化网络IT
点赞
收藏

51CTO技术栈公众号