本教程展示了如何在ASP中开始使用LEADTOOLS SDK。NET web应用程序使用TypeScript。
概述 | |
---|---|
总结 | 本教程介绍如何在ASP中设置许可证。NET web应用程序使用TypeScript。 |
完成时间 | 30分钟 |
Visual Studio项目 | 下载教程计划(1mb) |
平台 | ASP。网Web Application |
运行时目标 | .NET 6或更高版本 |
IDE | Visual Studio 2022 |
运行许可证 | 下载LEADTOOLS |
用另一种语言试试 |
|
本教程使用Visual Studio 2022和ASP。NET web开发工作量。
如果需要安装工作负载,但已经有Visual Studio,请转到工具>获取工具和功能…,这将打开Visual Studio安装程序。选择ASP。网而网页开发工作量,则选择修改.
启动Visual Studio并选择创建一个新项目.选择asp.net Web应用程序并点击下一个.
添加项目名称并指定要保存项目的位置,然后单击创建.
在解决方案资源管理器.右键单击项目并选择管理NuGet包.在Browse选项卡中,搜索Microsoft.TypeScript.MSBuild,然后按安装右侧安装包。
接下来,右键单击项目并选择Add ->新建项目.选择TypeScript JSON配置文件,然后单击添加.
打开tsconfig.json文件并将默认代码替换为以下代码:
{
“compileOnSave”:真正的,
“compilerOptions”: {
“noImplicitAny”:假,
“noEmitOnError”:真正的,
“removeComments”:假,
“sourceMap”:真正的,
“目标”:“es5”,
“outDir”:“wwwroot / js”
},
“包括”:【
“脚本/ * * / *”
]
}
的outDir
option指定TypeScript编译器编译的纯JavaScript文件的输出文件夹。
在解决方案资源管理器,右键单击项目,选择Add ->新建文件夹添加一个名为脚本.右键单击创建的文件夹,选择Add ->新建项目.选择打印稿文件,键入名称app.ts获取文件名,然后单击添加.
在解决方案资源管理器,右键单击wwwroot节点并选择Add ->新建文件夹添加一个名为地方政府投资公司.
右键单击创建的文件夹并选择Add ->现有项目…,然后使用对话框添加LEADTOOLS.lic.txt
许可证文件到此文件夹。注意,以。结尾的许可证. txt
是JavaScript的。以。结尾的license文件. txt
适用于服务器和桌面应用程序。license文件在以下目录:< INSTALL_DIR > \ LEADTOOLS22 \ \共同支持\许可证
在解决方案资源管理器,右键单击自由的子文件夹wwwroot节点并选择Add ->新建文件夹添加一个名为leadtools.右键单击leadtools文件夹并选择Add ->现有项目….使用对话框添加Leadtools.js
文件来自< INSTALL_DIR > \ LEADTOOLS22 \ Bin \ JS \
文件夹中。Leadtools.js
是LEADTOOLS JavaScript支持的内核,所有其他库都需要它。
添加Leadtools.js
以这种方式也将添加所有依赖于它的其他JS文件。
只有Leadtools.js
是本教程所需要的,其余部分可以删除。
接下来,在解决方案资源管理器,右键单击脚本文件夹并选择Add ->新建文件夹添加一个名为leadtools.右键单击leadtools文件夹并选择Add ->现有项目….使用对话框添加Leadtools.d.ts
文件来自< INSTALL_DIR > \ LEADTOOLS22 \ Bin \ JS \
文件夹中。Leadtools.d.ts
中定义的对象的类型定义Leadtools.js
并且需要能够在TypeScript中使用这些对象。
打开页面/ index.chtml
文件。在其中添加以下脚本标记,以导入应用程序逻辑和LEADTOOLS依赖项。
<脚本src = " ~ / lib / leadtools / Leadtools.js”></脚本>
<脚本src = " ~ / js / app.js "></脚本>
打开脚本/ app.ts
文件。该文件将添加LEADTOOLS集许可调用。从下面两个选项中添加适当的代码块。
如果你有JS许可证(LEADTOOLS.LIC.TXT)和密钥文件(LEADTOOLS.LIC.KEY.TXT),使用下面的代码来设置你的许可证:
窗口。onload =函数setLicense () {
varlicenseUrl =”。/地方政府投资公司/ LEADTOOLS.lic.txt”;
vardeveloperKey =添加你的LEADTOOLS.lic.key.txt文件的内容;
lt.RasterSupport。setLicenseUri (licenseUrl developerKey,函数(setLicenseResult) {
//查看license状态
如果(setLicenseResult.result) {
console.log ("LEADTOOLS客户端许可证设置成功");
}其他的{
var味精=“LEADTOOLS许可证丢失,无效或过期\nError:\n”;
console.log(味精);
警报(味精);
}
});
}
请注意
的值进行替换
developerKey
字符串中包含许可密钥文本文件的内容。
如果你正在评估并且没有JS许可证或密钥文件,你可以使用下面的代码来设置你的许可证:
窗口。onload =函数setLicense () {
varlicenseUrl =“https://demo.leadtools.com/licenses/js/LEADTOOLSEVAL.txt”;
vardeveloperKey =“EVAL”;
lt.RasterSupport。setLicenseUri (licenseUrl developerKey,函数(setLicenseResult) {
//查看license状态
如果(setLicenseResult.result) {
console.log ("LEADTOOLS客户端许可证设置成功");
}其他的{
var味精=“LEADTOOLS许可证丢失,无效或过期\nError:\n”;
console.log(味精);
警报(味精);
}
});
}
然后可以使用IIS Express通过Visual Studio构建和运行项目。在选定的浏览器中运行后,将向开发人员控制台显示以下消息(F12),以通知许可证已成功设置。
本教程展示了如何在ASP中设置客户端LEADTOOLS许可。NET web应用程序使用TypeScript。