如何将 jQuery UI 添加到 Asp.Net Core VS2017？
Posted
技术标签:
【中文标题】如何将 jQuery UI 添加到 Asp.Net Core VS2017？【英文标题】：How to add jQuery UI to Asp.Net Core VS2017? 【发布时间】：2018-07-05 13:40:00 【问题描述】：我在 VS2017 中使用 Bower 安装了 jQuery UI。
当我查看解决方案资源管理器时，我可以看到 Bower 包似乎已经安装，但我在 wwwroot 文件夹中找不到它们，所以我不知道如何将它们添加到 _layout.cshtml 文件中。
将 jQuery UI 添加到我的 ASP.NET Core v2 应用程序的过程是什么。
【问题讨论】：
也许这会有所帮助docs.microsoft.com/en-us/aspnet/core/client-side/bower 我之前确实读过那篇文章，但发现它非常混乱，我需要添加一个静态 nuget 包似乎很奇怪。我已经安装并运行了 jquery 和 bootstrap 【参考方案1】：对于 ASP .NET Core 2.1（Visual Studio 15.8 或更高版本），
-
在您的解决方案项目上单击右键
选择管理客户端库...
添加以下代码（类似于 Bower）：
"version": "1.0", "defaultProvider": "cdnjs", "libraries": [ "library": "jqueryui@1.12.1", "destination": "wwwroot/lib/jquery-ui/" ]
-
重建项目，这将在指定目标生成该库的所有源代码
在您的项目中引用 .js 和 .css (_Layout.cshtml)
来源：https://docs.microsoft.com/en-us/aspnet/core/client-side/libman/libman-vs?view=aspnetcore-2.1
【讨论】：
能否请您添加文本，以便 ppl 可以复制粘贴它？ “版本”：“1.0”，“defaultProvider”：“cdnjs”，“库”：[“库”：“jqueryui@1.12.1”，“目标”：“wwwroot/lib/jquery-ui/” ] 【参考方案2】：现在在 Visual Studio 2019（版本 16.2.2）中，您可以添加客户端库
1- 右击项目进入添加侧边菜单
2- 现在点击客户端库。 （会出现一个弹出菜单）
3- 搜索您要安装的库，然后设置位置您要保存库中所有文件的位置。
4- 然后按安装按钮
5- 享受编码 (:
【讨论】：
【参考方案3】：我使用 npm 安装。我转到我的项目目录并在命令行中运行“npm install jquery-ui-dist”。这将安装软件包。看起来 Visual Studio 中使用的任何包管理器都没有实际安装前端包。安装 nuget 包可以很好地与 C# 库配合使用。
希望这会有所帮助。
【讨论】：
啊！ 谢谢！这就是问题所在。我用的是jquery-ui，里面没有任何用处！
没问题！乐于助人:)
顺便说一句，当前的 Visual Studio 自动安装 npm 没有问题。其中“NuGet 包管理器”是“工具”中的一个选项，但是，对于 npm，我必须修改 package.json 文件，然后 npm 将运行以获取依赖项。我不认为我必须做任何特别的事情来获得这个功能。【参考方案4】：
我尝试将 jquery UI 添加到 bower 和 NuGet，但没有成功，没有错误，但在任何地方都找不到 jQuery-ui 文件。
最终从 jqueryui.com 下载包并将它们添加到 lib 文件夹并在我的布局文件中指出它们。
【讨论】：
【参考方案5】：无需使用 Nuget 包管理器添加 JQuery-UI。而是使用这种方式。
右击wwwroot/lib-->添加-->客户端库 （注意：您可以在wwwroot文件夹中添加每个库，但在这种情况下，最好将其添加到lib中 文件夹靠近其他 jQuery 文件） client-side Library windows
提供者：您可以使用默认提供者或更改它。
库：写下您要添加的库的名称，作为 JQuery UI 示例。此文本框中有一个 IntelliSense，可帮助您编写库的名称。
选择文件：如果你想安装没有主题的轻量级纯 jquery-UI，只需选择这些项目。 pure JQuery_UI
然后在Views/Shared/_Layout.cshtml中添加.css文件到head：
<head>
<link rel="stylesheet" href="~/lib/jqueryui/jquery-ui.min.css"/>
</head>
将 .js 文件添加到 body ：
<body>
<script src="~/lib/jqueryui/jquery-ui.min.js"></script>
</body>
这种方法对我有用。如需更多信息，请使用this 参考。
【讨论】：
【参考方案6】：这可能会有所帮助：https://dotnetthoughts.net/working-with-client-side-packages-in-aspnet-core/
您可以使用 bower 定义要安装软件包的位置。 如果要将包安装到 wwwroot/lib 而不是 bower_components 目录，可以在根目录中创建一个 .bowerrc 并添加以下代码：
"directory" : "wwwroot/lib"
【讨论】：
以上是关于如何将 jQuery UI 添加到 Asp.Net Core VS2017？的主要内容，如果未能解决你的问题，请参考以下文章
asp.net 中的 jQuery UI 对话框和 Ajax POST
jQuery UI Ajax 自动完成区分大小写 ASP.net MVC
如何将带有 JSON、jQuery 的复杂对象数组发布到 ASP.NET MVC 控制器？
jQuery UI 对话框 + ASP.NET 文本框 + 焦点
在asp.net中，如何用将jquery easy-ui datagrid 中的数据导出到Excel。谢谢啦，感激不尽啊！！