您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > JAVA

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

时间:2020-10-15 10:13:19  来源:  作者:

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 ResourcesLibraries目录下,是可以使用的:

如何高效利用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"

今天的内容就到这里了!欢迎在评论区留下你的意见和建议



Tags:UI组件库   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
今天给大家分享一款超优秀的Vue免费开源UI组件库HEYUI。 heyui 一套基于 vue2.x 构建的UI组件库,star高达2.2K+。提供 50 多种丰富的组件,支持全局方法及配置、自定义主题、国...【详细内容】
2020-11-12  Tags: UI组件库  点击:(150)  评论:(0)  加入收藏
jQWidgets是一个基于jQuery JavaScript的综合性和创新性的HTML5 UI组件库,旨在帮助开发者创建专业、跨平台的Web应用程序,并最大限度的节省开发时间。jQWidgets包含30多种UI组...【详细内容】
2020-10-15  Tags: UI组件库  点击:(78)  评论:(0)  加入收藏
UI组件库中有一类特别的“组件”,它们的用法和普通的组件有区别,也有自己很明显的特点。用法上,比较简单,不需要和普通组件一样需要引入-注册-写标签,而是可以随时随地,直接通过类...【详细内容】
2020-07-31  Tags: UI组件库  点击:(66)  评论:(0)  加入收藏
各种UI组件库都有表格组件,有的叫 table,有的叫 data grid,反正都是为了展示大量数据。像Element的table组件,功能很强大,代码也很多,我们的目标不是copy一个Element的table,而是要...【详细内容】
2020-07-26  Tags: UI组件库  点击:(66)  评论:(0)  加入收藏
▌简易百科推荐
一、Redis使用过程中一些小的注意点1、不要把Redis当成数据库来使用二、Arrays.asList常见失误需求:把数组转成list集合去处理。方法:Arrays.asList 或者 Java8的stream流式处...【详细内容】
2021-12-27  CF07    Tags:Java   点击:(3)  评论:(0)  加入收藏
文章目录 如何理解面向对象编程? JDK 和 JRE 有什么区别? 如何理解Java中封装,继承、多态特性? 如何理解Java中的字节码对象? 你是如何理解Java中的泛型的? 说说泛型应用...【详细内容】
2021-12-24  Java架构师之路    Tags:JAVA   点击:(5)  评论:(0)  加入收藏
大家好!我是老码农,一个喜欢技术、爱分享的同学,从今天开始和大家持续分享JVM调优方面的经验。JVM调优是个大话题,涉及的知识点很庞大 Java内存模型 垃圾回收机制 各种工具使用 ...【详细内容】
2021-12-23  小码匠和老码农    Tags:JVM调优   点击:(11)  评论:(0)  加入收藏
前言JDBC访问Postgresql的jsonb类型字段当然可以使用Postgresql jdbc驱动中提供的PGobject,但是这样在需要兼容多种数据库的系统开发中显得不那么通用,需要特殊处理。本文介绍...【详细内容】
2021-12-23  dingle    Tags:JDBC   点击:(12)  评论:(0)  加入收藏
Java与Lua相互调用案例比较少,因此项目使用需要做详细的性能测试,本内容只做粗略测试。目前已完成初版Lua-Java调用框架开发,后期有时间准备把框架进行抽象,并开源出来,感兴趣的...【详细内容】
2021-12-23  JAVA小白    Tags:Java   点击:(10)  评论:(0)  加入收藏
Java从版本5开始,在 java.util.concurrent.locks包内给我们提供了除了synchronized关键字以外的几个新的锁功能的实现,ReentrantLock就是其中的一个。但是这并不意味着我们可...【详细内容】
2021-12-17  小西学JAVA    Tags:JAVA并发   点击:(10)  评论:(0)  加入收藏
一、概述final是Java关键字中最常见之一,表示“最终的,不可更改”之意,在Java中也正是这个意思。有final修饰的内容,就会变得与众不同,它们会变成终极存在,其内容成为固定的存在。...【详细内容】
2021-12-15  唯一浩哥    Tags:Java基础   点击:(14)  评论:(0)  加入收藏
1、问题描述关于java中的日志管理logback,去年写过关于logback介绍的文章,这次项目中又优化了下,记录下,希望能帮到需要的朋友。2、解决方案这次其实是碰到了一个问题,一般的情况...【详细内容】
2021-12-15  软件老王    Tags:logback   点击:(17)  评论:(0)  加入收藏
本篇文章我们以AtomicInteger为例子,主要讲解下CAS(Compare And Swap)功能是如何在AtomicInteger中使用的,以及提供CAS功能的Unsafe对象。我们先从一个例子开始吧。假设现在我们...【详细内容】
2021-12-14  小西学JAVA    Tags:JAVA   点击:(21)  评论:(0)  加入收藏
一、概述观察者模式,又可以称之为发布-订阅模式,观察者,顾名思义,就是一个监听者,类似监听器的存在,一旦被观察/监听的目标发生的情况,就会被监听者发现,这么想来目标发生情况到观察...【详细内容】
2021-12-13  唯一浩哥    Tags:Java   点击:(16)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条