【问题标题】:How to add jQuery UI to Asp.Net Core VS2017?如何将 jQuery UI 添加到 Asp.Net Core VS2017?
【发布时间】:2018-07-05 13:40:00
【问题描述】:

我在 VS2017 中使用 Bower 安装了 jQuery UI。

当我查看解决方案资源管理器时,我可以看到 Bower 包似乎已经安装,但我在 wwwroot 文件夹中找不到它们,所以我不知道如何将它们添加到 _layout.cshtml 文件中。

将 jQuery UI 添加到我的 ASP.NET Core v2 应用程序的过程是什么。

【问题讨论】:

标签: jquery asp.net jquery-ui bower razor-pages


【解决方案1】:

对于 ASP .NET Core 2.1(Visual Studio 15.8 或更高版本),

  1. 在您的解决方案项目上单击右键
  2. 选择管理客户端库...
  3. 添加以下代码(类似于 Bower):

  { "version": "1.0", "defaultProvider": "cdnjs", "libraries": [ { "library": "jqueryui@1.12.1", "destination": "wwwroot/lib/jquery-ui/" } ] }
  1. 重建项目,这将在指定目标生成该库的所有源代码
  2. 在您的项目中引用 .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。而是使用这种方式。

      1. 右击wwwroot/lib-->添加-->客户端库注意:您可以在wwwroot文件夹中添加每个库,但在这种情况下,最好将其添加到lib中 文件夹靠近其他 jQuery 文件) client-side Library windows

      2. 提供者:您可以使用默认提供者或更改它。

      3. :写下您要添加的库的名称,作为 JQuery UI 示例。此文本框中有一个 IntelliSense,可帮助您编写库的名称。

      4. 选择文件:如果你想安装没有主题的轻量级纯 jquery-UI,只需选择这些项目。 pure JQuery_UI

      5. 然后在Views/Shared/_Layout.cshtml中添加.css文件到head

        <head>
        <link rel="stylesheet" href="~/lib/jqueryui/jquery-ui.min.css"/>
        </head>
        
      6. .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"
        }
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2013-11-07
          • 2015-03-13
          • 1970-01-01
          • 1970-01-01
          • 2011-05-25
          • 1970-01-01
          • 2020-03-07
          • 1970-01-01
          相关资源
          最近更新 更多