Progress Telerik 教程（一）：Telerik 简介与环境搭建完全指南

Progress Telerik Ultimate Collection 2025 Q2下载地址 https://soft51.cc/software/175792580241152290

1. Telerik 产品家族概览

1.1 什么是 Progress Telerik

Progress Telerik是专为.NET开发者提供的UI控件套件，自2002年成立以来一直致力于提升开发效率。

核心价值：

快速开发：开箱即用的UI控件
专业外观：现代化设计
高性能：优化的控件性能
跨平台：支持多种.NET技术栈

1.2 主要产品线

UI for ASP.NET

ASP.NET AJAX：适用于Web Forms，120+控件
ASP.NET Core：适用于MVC/Razor Pages，100+控件
Blazor：适用于Blazor Server/WASM，90+组件

UI for 桌面开发

WPF：160+ WPF控件，完整MVVM支持
WinForms：160+ 控件，现代化主题

UI for 移动开发

.NET MAUI：跨平台移动应用开发

前端工具

Kendo UI：纯JavaScript UI库

开发工具

Test Studio：自动化测试工具
JustMock：单元测试模拟框架

1.3 产品选择指南

| 技术栈 | 推荐产品 | 适用场景 | |--------|----------|----------| | ASP.NET Web Forms | UI for ASP.NET AJAX | 维护现有系统 | | ASP.NET Core | UI for ASP.NET Core | 新Web项目 | | Blazor | UI for Blazor | 全栈C#开发 | | WPF | UI for WPF | Windows桌面应用 | | WinForms | UI for WinForms | 快速桌面开发 |

2. 安装与开发环境配置

2.1 系统要求

操作系统：Windows 10/11
开发环境：Visual Studio 2019/2022
.NET版本：根据产品确定
内存：最少4GB，推荐8GB

2.2 NuGet 包管理器安装

2.2.1 配置Telerik NuGet源

创建 nuget.config 文件：

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <packageSources>
    <add key="Telerik" value="https://nuget.telerik.com/v3/index.json" />
  </packageSources>
  <packageSourceCredentials>
    <Telerik>
      <add key="Username" value="your-email@domain.com" />
      <add key="ClearTextPassword" value="your-telerik-nuget-key" />
    </Telerik>
  </packageSourceCredentials>
</configuration>

命令行配置：

dotnet nuget add source https://nuget.telerik.com/v3/index.json \
  --name "Telerik" \
  --username "your-email@domain.com" \
  --password "your-telerik-nuget-key"

2.2.2 安装具体产品包

ASP.NET Core：

dotnet add package Telerik.UI.for.AspNet.Core

Blazor：

dotnet add package Telerik.UI.for.Blazor

WPF：

dotnet add package Telerik.Windows.Controls.for.Wpf

2.3 本地包管理器安装

2.3.1 MSI安装包

从Telerik账户下载MSI文件
运行安装包选择组件
Visual Studio自动集成控件

2.3.2 手动引用

<ItemGroup>
  <Reference Include="Telerik.Windows.Controls">
    <HintPath>C:\Telerik\Binaries\Telerik.Windows.Controls.dll</HintPath>
  </Reference>
</ItemGroup>

2.4 License 文件使用

2.4.1 获取许可证

登录Telerik账户
进入"Licenses & Keys"页面
下载对应的license文件

2.4.2 配置许可证

ASP.NET Core：

// Program.cs
builder.Services.Configure<KendoLicenseOptions>(options =>
{
    options.LicenseKey = "your-license-key";
});

WPF：

// App.xaml.cs
protected override void OnStartup(StartupEventArgs e)
{
    Telerik.Windows.Controls.RadLicenseProvider.LicenseKey = 
        "your-license-key";
    base.OnStartup(e);
}

3. 综合实例：第一个 Telerik 应用

3.1 创建ASP.NET Core项目

dotnet new mvc -n MyTelerikApp
cd MyTelerikApp
dotnet add package Telerik.UI.for.AspNet.Core

3.2 配置项目

Program.cs：

using Kendo.Mvc.Extensions;

var builder = WebApplication.CreateBuilder(args);

builder.Services.AddControllersWithViews();
builder.Services.AddKendo();

var app = builder.Build();

app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.MapControllerRoute(
    name: "default",
    pattern: "{controller=Home}/{action=Index}/{id?}");

app.Run();

3.3 创建控制器

Controllers/HomeController.cs：

public class HomeController : Controller
{
    public IActionResult Index() => View();

    public JsonResult GetData()
    {
        var products = new[]
        {
            new { ID = 1, Name = "笔记本", Price = 5999 },
            new { ID = 2, Name = "鼠标", Price = 199 },
            new { ID = 3, Name = "键盘", Price = 699 }
        };
        return Json(products);
    }
}

3.4 创建视图

Views/Shared/_Layout.cshtml：

<!DOCTYPE html>
<html>
<head>
    <title>Telerik示例</title>
    @(Html.Kendo().StyleSheet("kendo.default.min.css"))
</head>
<body>
    @RenderBody()
    <script src="~/lib/jquery/jquery.min.js"></script>
    @(Html.Kendo().Script("kendo.all.min.js"))
</body>
</html>

Views/Home/Index.cshtml：

<h2>Telerik控件演示</h2>

<h3>日期选择器</h3>
@(Html.Kendo().DatePicker()
    .Name("datePicker")
    .Value(DateTime.Today)
)

<h3>数据网格</h3>
@(Html.Kendo().Grid<object>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound("ID").Width(80);
        columns.Bound("Name").Title("产品名称");
        columns.Bound("Price").Title("价格").Format("{0:C}");
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("GetData", "Home"))
    )
    .Height(300)
)

3.5 运行测试

dotnet run

访问 https://localhost:5001 查看效果，验证：

日期选择器正常显示
数据网格加载数据
控件样式正确

总结

本教程介绍了Telerik产品家族和环境搭建：

产品选择：根据技术栈选择合适的Telerik产品
安装方式：NuGet包管理器和本地安装包两种方式
许可证配置：正确配置license确保合规使用
验证环境：通过简单示例验证配置成功

掌握这些基础知识后，您就可以开始使用Telerik控件进行高效的应用程序开发了。

Progress Telerik Ultimate Collection 2025 Q2下载地址 https://soft51.cc/software/175792580241152290