进步®Telerik®JSP UI

本文演示了如何下载和安装用于JSP的Progress Telerik UI并运行样例应用程序。

要了解更多关于为JSP使用Progress Telerik UI的好处,请访问产品概述页面

用于JSP DevCraft图像的Telerik UI
对JSP的Telerik UI不熟悉吗?

JSP的远程UI是一个具有 90+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。要想尝试一下,注册一个30天的免费试用。

开始

下载及安装

首先下载控件。发行版文件包含以下内容:

  • \ js-这些是剑道UI缩小JavaScript文件。
  • \风格-剑道UI缩小CSS文件和主题使用的背景图像。
  • jsp \ \包装\ kendo-taglibJSP jar文件的进度Telerik UI。
  • jsp \ \包装\ spring-demos一个示例JSP Spring MVC应用程序。

示例应用程序设置

满足要求

图1:配置了Tomcat7的Eclipse

配置了Tomcat7的jQuery Eclipse的剑道UI

中找到一个示例JSP Spring MVC应用程序jsp \ \包装\ spring-demos文件夹中。

运行应用程序

步骤1提取JSP包的Progress Telerik UI。

步骤2启动Eclipse。

步骤3选择文件>进口

步骤4选择Maven>现有的Maven项目。点击下一个。如果没有看到该选项,请确保Eclipse安装了Maven支持。

图2:配置了Tomcat7的Eclipse

为jQuery导入Maven项目的剑道UI

步骤5浏览到您为JSP提取Progress Telerik UI的位置。然后为“根目录”选择“wrappers\jsp\spring-demos”。单击“完成”。

图3:Kendo UI JSP演示的导入

导入剑道UI JSP演示

步骤6右键单击spring-demos在Eclipse项目资源管理器中。选择属性

步骤7在属性窗口中选择项目方面或其他包含开发人员使用Java和Web应用程序的工具的Eclipse包。

步骤8从“Project Facets”菜单中选择“Dynamic Web Module”。

图4:项目方面

剑道UI的jQuery项目方面

步骤9单击运行时选项卡。选择一个运行时—例如tomcat7。

图5:项目面- tomcat 7

剑道UI的jQuery项目面- Tomcat 7

第十步点击好吧关闭属性窗口。

步骤11右键单击spring-demos在Eclipse项目资源管理器中。选择运行>在服务器上运行

添加剑道UI

按照以下步骤将Kendo UI添加到JSP应用程序。

步骤1新建一个动态Web项目从Eclipse或打开一个现有的。

步骤2添加jsp \ kendo-taglib \ \包装\ kendo-taglib——(版本). jar项目的/ WebContent / web - inf / lib文件夹中

步骤3文件中复制Kendo UI JavaScript文件\ js的安装文件夹WebContent /资源/ js您的应用程序文件夹。

如果您打算使用CDN业务,请跳过步骤3、4和5,并万博体育手机版网址检查下面的CDN部分

步骤4复制剑道UI CSS文件和文件夹\风格的安装文件夹WebContent /资源/风格您的应用程序文件夹。如果你只想使用一个主题,复制kendo.common.min.css,主题文件(例如:kendo.default.min.css),主题文件夹(例如:默认的)及纹理文件夹中。

步骤5添加一个JSP页面。1.右键单击WebContent文件夹中。2.选择>JSP文件。3.输入文件名,单击完成

步骤6配置您的页面,使其包含剑道UI web JavaScript和CSS文件,如下面的示例所示。

  

步骤6配置您的页面以包含剑道UI DataViz JavaScript和CSS文件。

重要的

如果您想同时使用Kendo UI web和数据可视化小部件,请包含kendo.all.min.js而不是kendo.web.min.jskendo.dataviz.min.js。方法创建自定义JavaScript文件自定义下载生成器

   

步骤7向Kendo UI标记添加标记库映射。

<%@taglib prefix="kendo" uri="//www.aliitrade.com/kendo-ui/jsp/tags"%>

步骤8使用任何Kendo UI HtmlHelper扩展。

<剑道:datePicker name = " datePicker " > < /剑道:datePicker >

使用CDN服务万博体育手机版网址

您还可以包含来自CDN的JavaScript和CSS文件。不要忘记指定版本,例如2012.2.710。

  

请注意,从R3 2022开始,CDN分发需要使用license文件激活。欲了解更多信息,请查看使用脚本License文件

试用版和商用许可

这个用于JSP的Progress Telerik UI库是一个商业UI库。当您注册30天免费试用时,欢迎您探索其全部功能并获得团队的技术支持。要在商业上使用它,你需要购买license。请随意查看JSP的Progress Telerik UI许可协议熟悉完整的使用条款。

支持选项

对于使用JSP的Progress Telerik UI时可能遇到的任何问题,请使用任何可用的支持通道:

学习资源

下一个步骤

要获得关于JSP的Progress Telerik UI的更多练习,请观看web上的视频教程剑道UI YouTube频道

  1. 开始学习JSP的Telerik UI:第1集
  2. 开始学习JSP的Telerik UI:第2集
  3. 开始学习JSP的Telerik UI:第3集
  4. 开始学习JSP的Telerik UI:第4集

有关如何将Kendo UI与JSP包装器一起使用的更多示例,请访问GitHub存储库中收集了关于使用JSP的剑道UI示例

另请参阅

在本文中
Baidu
map