进步®Telerik®JSP的UI

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

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

用于JSP DevCraft图像的Telerik UI
新的Telerik UI为JSP?

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

开始

下载和安装

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

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

示例应用程序设置

符合要求

图1:配置了Tomcat7的Eclipse

剑道UI为jQuery Eclipse与Tomcat7配置

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

运行应用程序

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

步骤2启动Eclipse。

步骤3选择文件>进口

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

图2:配置了Tomcat7的Eclipse

Kendo UI为jQuery导入Maven项目

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

图3:Kendo UI JSP演示的导入

导入Kendo UI JSP演示

步骤6右键单击spring-demos在Eclipse Project Explorer中。选择属性

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

步骤8从“项目facet”菜单中选择“动态Web模块”。

图4:项目方面

jQuery项目facet的Kendo UI

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

图5:项目方面- tomcat

jQuery项目facet的Kendo UI - Tomcat 7

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

步骤11右键单击spring-demos在Eclipse Project Explorer中。选择运行>在服务器上运行

添加剑道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服务是否正常有关CDN的部分

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

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

步骤6配置页面,将Kendo UI web JavaScript和CSS文件包含到页面中,如下例所示。

    .css 自定义下载构建器。

     .css  .

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

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

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

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

    .css"  使用脚本License文件。

试用版和商用许可证

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

支持选项

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

学习资源

下一个步骤

要获得更多关于用于JSP的Progress Telerik UI的实践,请观看有关的视频教程剑道UI YouTube频道

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

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

另请参阅

在本文中
Baidu
map