开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

.Net Mvc Swashbuckle自己的Index.page不能正确呈现没有javascript no css .Net Mvc Web

Swashbuckle是一个用于生成和展示API文档的开源工具，它可以与.NET MVC框架一起使用。在使用Swashbuckle时，如果你的Index页面没有正确呈现，可能是由于缺少JavaScript和CSS文件导致的。

解决这个问题的方法是确保你的Index页面引入了必要的JavaScript和CSS文件。你可以通过以下步骤来实现：

确认你已经正确安装了Swashbuckle。你可以在NuGet包管理器中搜索Swashbuckle并安装它。
在你的Index页面中，确保你引入了必要的JavaScript和CSS文件。通常，Swashbuckle会生成一个名为swagger-ui的文件夹，其中包含了所需的静态资源文件。你可以在你的项目中找到这个文件夹，并将其复制到你的网站根目录下。
在Index页面的头部，添加以下代码来引入必要的JavaScript和CSS文件：

<link href="/swagger-ui/swagger-ui.css" rel="stylesheet" type="text/css" />
<script src="/swagger-ui/swagger-ui-bundle.js" type="text/javascript"></script>
<script src="/swagger-ui/swagger-ui-standalone-preset.js" type="text/javascript"></script>

请注意，上述代码中的路径"/swagger-ui/"是根据你将swagger-ui文件夹复制到的位置而定的。如果你将其复制到了其他位置，请相应地修改路径。

确保你的Index页面包含一个用于呈现Swagger UI的容器元素。你可以在页面中添加一个div元素，并为其指定一个唯一的ID，例如：

<div id="swagger-ui"></div>

在Index页面的底部，添加以下JavaScript代码来初始化Swagger UI：

<script type="text/javascript">
    window.onload = function () {
        const ui = SwaggerUIBundle({
            url: "/swagger/v1/swagger.json", // 这里的URL应该是你的API文档的JSON文件的URL
            dom_id: '#swagger-ui',
            deepLinking: true,
            presets: [
                SwaggerUIBundle.presets.apis,
                SwaggerUIStandalonePreset
            ],
            plugins: [
                SwaggerUIBundle.plugins.DownloadUrl
            ],
            layout: "StandaloneLayout"
        });
    }
</script>

请注意，上述代码中的URL应该是你的API文档的JSON文件的URL。你需要将其替换为你自己的API文档的URL。

完成上述步骤后，重新加载你的Index页面，应该能够正确呈现Swagger UI并显示你的API文档。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法提供腾讯云相关的链接。你可以在腾讯云官方网站上搜索相关产品，以获取更多信息。

相关搜索:Ajax.Begin表单未呈现正确的操作.NET mvc4 ASP.NET MVC web应用程序中的Bing地图无法在移动视图中正确显示 ASP.Net MVC5:当用户没有特定的操作角色时，如何重定向并显示正确的错误消息 ASP.NET MVC5网站中的CSS、Javascript和图像在部署后不会显示 ASP.NET MVC中的CSS和Javascript相对路径混淆 Asp.net核心web应用程序(MVC)从控制器的操作菜单添加视图不能正常工作 Linux上的ASP.NET核心MVC应用程序-树莓派不能正确显示使用ajax更新部分的asp.net mvc核心不能对部分中的html元素运行javascript函数在ASP.NET MVC应用程序中引用Javascript文件中的路径的正确方法如何解决asp.net mvc中合并外部JavaScript文件的问题。我使用捆绑来呈现java脚本文件。

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（2）-Swagger框架集成

Swagger是一个规范且完整API文档管理框架，可以用于生成、描述和调用可视化的RESTful风格的 Web 服务。...当通过 Swagger 进行正确定义，用户可以理解远程服务并使用最少实现逻辑与远程服务进行交互。与为底层编程所实现的接口类似，Swagger 消除了调用服务时可能会有的猜测。...Swashbuckle包含了Swagger UI 的嵌入式版本，因此我们可使用中间件注册调用将该嵌入式版本托管在 ASP.NET Core 应用中使用。...Swashbuckle.AspNetCore.SwaggerUI：Swagger UI 工具的嵌入式版本。它解释 Swagger JSON 以构建描述 Web API 功能的可自定义的丰富体验。...(); 原因：Swashbuckle 依赖于 MVC 的 Microsoft.AspNetCore.Mvc.ApiExplorer 来发现路由和终结点。

1.2K2 0

ASP.NET Core 实战：构建带有版本控制的 API 接口

ASP.NET Core 的本质上可以看成是一个控制台程序，在我们创建好的 ASP.NET Core Web API 项目中，存在着两个类文件：Program.cs 以及 Startup.cs。...我们使用 API 文档的目的，就是为了让前端知道请求的方法地址是什么，需要传递什么参数，而现在，并没有办法显示出我们对于参数以及方法的注释，通过查看 Swashbuckle.AspNetCore 的 github...当 ASP.NET Core 的脚手架程序添加完成 Area 后，则会打开一个文件提示我们需要在 MVC 中间件中创建适用于 Area 的路由定义。...如果你有自己尝试的话，就会发现，当我们创建好一个 v1 的 Area 后，这个请求的地址并没有按照我们的想法会体现在路由信息中，我们最后还是需要在 Route 中手动指明 API 版本。...重新运行我们的项目，可以发现，文档显示的 Url 地址也已经正确了，自此，我们创建带有版本控制的 API 也就完成了。

1.2K3 0

列举一下项目中使用的产品和技术

ASP.NET MVC 3.0 微软把ASP.NET MVC,Web Pages and Web API都开源了。想定制的，或者写自己公司的内部视图引擎的都可以直接看源代码。...不过MVC可以进行TDD的，实际开发中没有去做，而已白盒测试非常少。充分发挥MVC3.0的功能还需要进一步提升。...当然在项目要支持PC，平板和手机设备时，基于MVC4.0的Web API可以说是微软在开发RESTFul服务和开放API上的杀手锏。 StructureMap--MVC中流行的DI/IoC中间件。...在MVC中，这些基本都不用或者不能用，所以对数据列表的呈现需要有一个好的插件进行支持。dataTable在分页，样式自定义和排序方面做的都不错。...http://www.my97.net/ 总结：本次项目因为前期只有我一个人负责前端开发这一块，所以在文件组织，书写HTML，CSS和Javascript的规范上或多或少有一些问题。

1.1K10 0

如何在 asp.net core 的中间件中返回具体的页面

，我们经常实现的是鉴权、请求日志记录、全局异常处理等等这种非业务性的需求，而如果你有在 asp.net core 中使用过 swashbuckle(swagger)、health check、mini...profiler 等等这样的组件的话，你会发现，这些第三方的组件往往都提供了页面，允许我们通过可视化的方式完成某些操作或浏览某些数据因为自己也需要实现类似的功能，虽然使用到的知识点很少、也很简单，但是在网上搜了搜也没有专门介绍这块的文档或文章...，从而给我们的功能实现提供一个思路在 asp.net core 中使用 Swashbuckle.AspNetCore 时，我们通常需要在 Startup 类中针对组件做如下的配置，根据当前程序的信息生成...在一个 asp.net core 中间件中，核心的处理逻辑是在 Invoke/InvokeAsync 方法中，结合我们使用 swagger 时的场景，可以看到，在将组件中所包含的页面呈现给用户时，主要存在如下两个处理逻辑...引用 Microsoft.AspNetCore.Mvc.Core ，然后与 Web API 一样的定义 controller，确保这个中间件在宿主程序的调用位于路由匹配规则之后即可 public void

2K2 0

ASP.NET MVC的客户端验证：jQuery的验证

ASP.MVC 2.0及其之前的版本采用ASP.NET Ajax进行客户端验证，在ASP.NET MVC 3.0中，jQuery验证框架被引入是我们可以采用Unobtrusive JavaScript的方式进行客户端验证...[本文已经同步到《How ASP.NET MVC Works?》...，理想的方式是让HTML只用于定义内容呈现的结构，让CSS控制内容呈现的样式，而所有功能的实现定义在JavaScript中，所以用于实现验证对JavaScript的调用不应该出现在HTML中。...虽然演示jQuery验证使用一个单纯的HTML文件就可以了，但是在这里我们还是通过Visual Studio的ASP.NET MVC项目模板创建一个空的Web应用，这样做有两个目的：其一、项目在创建过程中会自动添加包含...ASP.NET MVC的客户端验证：jQuery的验证 ASP.NET MVC的客户端验证：jQuery验证在Model验证中的实现 ASP.NET MVC的客户端验证：自定义验证

8.2K9 0

Asp.net mvc 知多少（六）

该书主要分为两部分，ASP.NET MVC 5、ASP.NET WEB API2。本书最大的特点是以面试问答的形式进行展开。通读此书，会帮助你对ASP.NET MVC有更深层次的理解。...什么是ASP.NET MVC中的Data Annotations（数据注解） ? Ans. Data validation（数据注解）是开发web应用程序的一个关键概念。...& website, Asp.net MVC, Web forms ），同时也适用于Entity framework ORM 模型。...ASP.NET MVC4 和.NET Framework 4.5 提供捆绑和微小技术来减少对服务器的请求次数以及减少请求的CSS和JavaScript的大小，从而加快页面加载时间。...但是捆绑会自动处理这种问题，通过为每一个捆绑添加一个hash code作为url的查询参数。无论何时你只要改变CSS和JS文件的内容那么就会产生一个新的hash code，并自动呈现到页面。

2.3K5 0

Swashbuckle.AspNetCore3.0的二次封装与使用

关于 Swashbuckle.AspNetCore3.0 一个使用 ASP.NET Core 构建的 API 的 Swagger 工具。.../Swashbuckle.AspNetCore/tree/master/test/WebSites 之前写过一篇Swashbuckle.AspNetCore-v1.10 的使用,现在 Swashbuckle.AspNetCore...在 api 项目中使用添加对新建类库的引用，并在 webapi 项目中启用版本管理需要为输出项目添加 Nuget 包：Microsoft.AspNetCore.Mvc.Versioning，Microsoft.AspNetCore.Mvc.Versioning.ApiExplorer...var configObject = JSON.parse('%(ConfigObject)');获取到 swagger 的配置信息，从而根据此信息去写自己的主题即可。...，遇到问题多多阅读即可参考文章官方示例 Asp.Net Core 中使用 Swagger，你不得不踩的坑

9094 0

.NET Core Web API Swagger 文档生成

.NET Core Web API Swagger 文档生成 REST API 中文档说明,用Swagger都快成了一种规范了, 之前在公司里面就折腾过了, 效果还是很不错的, 不过之前都是维护一个swagger...json/yaml, 后来发现其实可以直接在API实现的地方根据实现来生成swagger在线文档, 拖延症发作的我并没有去管, 这次有个新API在做, 于是折腾了一下....起步首先要有个.NET Core项目....微软官方教程getting-started-with-swashbuckle Github/Swashbuckle.AspNetCore 引入一下Swashbuckle.AspNetCore和Swashbuckle.AspNetCore.Annotations...# 主要的文档生成都在这里 dotnet add package Swashbuckle.AspNetCore --version 4.0.1 # 用来描述请求的相关信息 dotnet add package

1.4K3 0

基于ASP.NET Core 3.x的端点路由(Endpoint Routing)实现控制器(Controller)和操作(Action)分离的接口服务

，引用并总结如下：常规的MVC模式本质上是一种反模式，这种模式集合了许多但从不相互调用的方法，并且很少在相同的状态下操作。...其实，在常规的MVC或者Web API应用程序中，许多开发者也许已经意识到了这种问题的存在，但仍然没有更好的办法来组织，拆分和管理这些控制器和操作，所以就出现了Ardalis.ApiEndpoints这个项目...Ardalis.ApiEndpoints示例 1.首先，我们创建一个ASP.NET Core 3.x 的Web项目，命名为:EndpointDemo，然后使用Nuget安装Ardalis.ApiEndpoints...Core 3.x的端点服务接口，这里我们并没有创建任何控制器，请求地址为：http://localhost:12345/api/v1/student/{id:int} Startup.cs文件中需要注册控制器的服务...将获取到的令牌填入授权窗口中，如下： ? ? 最后，再请求【获取指定ID的学生信息】，得到正确的接口返回内容，如下： ? 项目结构如下： ?

1.5K3 0

ASP.NET MVC 4 RC的JSCSS打包压缩功能

在ASP.NET MVC 4中可以使用BundleTable捆绑多个css文件和js文件，以提高网络加载速度和页面解析速度。更为重要的是通过捆绑可以解决IE浏览器的31个CSS文件连接的限制。...在做ASP.Net项目时很多时候会使用一些开源的javascript控件。无形中增加了css和javascript文件的引用。如果手工将这些css文件合并将给将来版本升级造成很大的麻烦。...于是，我们只好小心翼翼的处理这些css文件在页面中的引用。ASP.NET捆绑是ASP.NET 4.5的新功能，是System.Web.Optimization命名空间下。...在开发ASP.NET MVC 4项目时，不要忘记这个有用的机制。...最后介绍一个System.Web.Optimization的扩展库 http://bundletransformer.codeplex.com/，推荐在ASP.NET MVC 4项目中使用。

3.1K7 0

Asp.net mvc 知多少（四）

该书主要分为两部分，ASP.NET MVC 5、ASP.NET WEB API2。本书最大的特点是以面试问答的形式进行展开。通读此书，会帮助你对ASP.NET MVC有更深层次的理解。...系列导航 Asp.net mvc 知多少（一） Asp.net mvc 知多少（二） Asp.net mvc 知多少（三） Asp.net mvc 知多少（四） Asp.net mvc 知多少...Style.Render是用来呈现定义在BundleConfig.cs中捆绑的css文件。 Styles.Render为捆绑的css创建style标签。...WebApiConfig.cs - 用来注册不同的WEB API 路由，也可用来设置额外的WEB API 配置选项。 Q49. ASP.NET MVC中返回/呈现一个View都有哪几种方式?...类似与ASP.NET WebForm中的Response.Redirect() 。你需要自己构造完整的URL去进行重定向。浏览器同样会收到302重定向状态码。

2.2K9 0

Web（一）:概述

没有什么可以来练手，感觉什么也不会。准备主攻爬虫和Web。昨晚学长刚给讲了MVC，回来看到Python的Web就看到MVC。...动态网站用户向Web服务器请求。 Web服务器执行Python程序，将执行结果输出成html文件返回给用户。Web服务器可以修改html文件结果。网站会因为用户的请求不同的呈现出不同的结果。...也就是动态网站的由来。采用MVC设计Web应用 M: Model模型，存储Web应用数据的代码 V： View视图，格式化和显示Web应用的用户界面的代码。...应用于Web的编程语言 PHP ASP/ASP.net JSP Python 前端程序 HTMl CSS JS 后台程序 Python PHP JSP 数据库 –与后台程序进行数据交互...Mysql MongoDB 前端 HTML：Hyper Text Markup Language 超文本标记语言 CSS：Cascading Style Sheet 层叠样式表 JS ：JavaScript

3902 0

快速入门系列--MVC--06视图

到了View的呈现板块，感觉ASP.NET MVC的学习也进入了尾声，还是比较开心的，毕竟也有了不小收获。这部分内容相对比较简单，因为之前还专门学习过如何结合HTML5与MVC框架。...ContentResult 可以设置ContentType为javascript, CSS等，默认将基本类型的返回值转化为ContentResult。...再则简要的介绍下Razor引擎，我们知道.cshtml文件并不能直接执行，必须先动态编译后才能使用，那么问题来了，编译成什么文件的文件名是什么，所属的程序集为什么？并存放在哪呢？...\Framework\{VersionNo}\Temporary ASP.NET Files\" 可以通过如下配置，变更路径： 1 2 <compilation tempDirectory...ASP.NET MVC4框架揭秘[M]. 上海:电子工业出版社, 2012. 390-444 [2]（美）加洛韦. ASP.NET MVC 4高级编程(第4版)[M].

1.2K10 0

ASP.NET MVC使用Bootstrap系列（1）——开始使用Bootstrap

正是由于这样的原因，Bootstrap诞生了。Twitter Bootstrap为开发者提供了丰富的CSS样式、组件、插件、响应式布局等。同时微软已经完全集成在ASP.NET MVC 模板中。...Open Font Format (glyphicons-halflings-regular.woff) 建议将所有的字体文件包含在你的Web应用程序中，因为这能让你的站点在不同的浏览器中显示正确的字体...在ASP.NET MVC 项目中添加Bootstrap文件打开Visual Studio 2013，创建标准的ASP.NET MVC项目，默认情况下已经自动添加了Bootstrap的所有文件，如下所示...使用捆绑打包和压缩来提升网站性能捆绑打包(bundling)和压缩(minification)是ASP.NET中的一项新功能，允许你提升网站加载速度，这是通过限制请求CSS和JavaScript文件的次数来完成的...在Bootstrap项目中使用捆绑打包因为我们创建的是空的ASP.NET MVC项目，所以并没有自动引用与打包相关的程序集。

3K11 1

如何在 ASP.NET MVC 中集成 AngularJS（1）

本文中示例的 Web 应用程序将有三个目标：在前端页面中实现 AngularJS 和 JavaScript AngularJS 控制器使用微软的 ASP.NET MVC 平台来建立、引导并捆绑一个应用...这是通过减少对服务器的请求数量和减小请求规模，来实现缩短请求负载时间的（如 CSS 和 JavaScript）。压缩技术通过复杂的代码逻辑也使得别人更难的侵入你的 JavaScript 代码。...幸运的是，捆绑和压缩是 ASP.NET 4.5 ASP.NET 中的一项功能，可以很容易地将多个文件合并或捆绑到一个文件中。你可以创建 CSS，JavaScript 和其他包。...一旦应用程序被引导并开始启动，AngularJS 将会执行自己的路由系统并以路由表中配置来执行自己的默认路由。...MVC 中集成 AngularJS 的第一部分内容，后续内容会在本系列的后两篇文章中呈现，敬请期待！

7.5K6 0

探索ASP.NET MVC5系列之~~~2.视图篇（上）---包含XSS防御和异步分部视图的处理

但是处理数据的时候就特别麻烦了（ViewBag是弱类型的，不能点出我们需要的属性），这时候强类型就油然而生了~~~ 扩展：动态值不能作为参数传递给扩展方法（C#编译器在编译的时候为了选择正确的扩展方法肯定是需要其真正类型的...常用命名空间可以设置在Views的web.config中，eg: ?...有木有，这些安全意识很多人都是没有的 ? 如果你把用户的输入用Html.Raw的方式显示，那就坑爹了（尽量避免这种方式，至少用户输入的不能用这种） ? ?...2.RenderSection~~呈现特别的节部分一般不推荐这么写： ? 如果子页面没有定义Footer的节，那么就报错了 ?...@RenderBody() 呈现子页的主体内容 ? ?

2.2K7 0

如何在 ASP.NET MVC 中集成 AngularJS（2）

ASP.NET 捆绑和压缩 CSS 和 JavaScript 的捆绑与压缩功能是 ASP.NET MVC 最流行和有效的特性之一。...捆绑和压缩降低了 HTTP 请求和有效载荷的大小，结果是可以更快和更好的执行 ASP.NET MVC 的网站。有许多可以减少 CSS 和 JavaScript 合并的大小的方法。...捆绑使用 ASP.NET 捆绑的优势是它的“cache busting”的辅助方法，一旦你改变了 CSS 和 JavaScript 的缓存方式，这种方法将会使用自动引导的方式使捆绑的文件能够更容易的进行缓存...MVC 中集成 AngularJS 的第二部分内容，最后一篇内容会在近期呈现，敬请期待！...当我们自己在进行 ASP.NET MVC 和 AngularJS 开始时，还可以借助开发工具来助力开发过程。

8.3K10 0

ASP.NET Core: 全新的ASP.NET !

ASP.NET Core 1.0 是1.0 发布版本，包含 Web API 和 MVC，但是现在还没有 SignalR 和 Web Pages。，它也不支持VB 和 F# 语言。...· wwwroot: 你的静态文件将被放置在这个文件夹，它们都将作为资源直接提供给客户端，包含 HTML，CSS 和 JavaScript 文件。 · project.json: 包含项目设置。...你可以继续使用 VS2015 的 .NET 4.6 来构建 Web Forms 应用，但是却不能体会 ASP.NET 5 的新特性了。...对于 HTML Helpers 来说，MVC 和 Web Pages 的合并是非常有可能的。 Web Pages 编程模型对当前版本来说还不适用，所以我们还不能负责任地说下一步计划合并哪些特性。...Bower 是一个用于客户端库的管理工具，包含 CSS 和 JavaScript 库。

11.3K10 1

尝新体验ASP.NET Core 6预览版本中的最小Web API(minimal APIS)新特性

与之前的ASP.NET Core Web API相比，最小Web API在启动模板和框架结构上都有些不同。...[C#] Web/MVC/Razor Pages ASP.NET Core Web App (Model-View-Controller) mvc...[C#],F# Web/MVC ASP.NET Core with Angular angular [C#] Web.../MVC/SPA ASP.NET Core with React.js react [C#] Web/MVC/SPA ASP.NET...首先，在Nuget包管理工具中搜索Swashbuckle，然后安装Swashbuckle.AspNetCore组件，如图：然后注册Swagger的服务和路由，完整的示例如下： using Microsoft.OpenApi.Models

5K3 0

ASP.NET MVC 5 - 给数据模型添加校验器

拒绝重复 DRY ASP.NET MVC 的核心设计信条之一是DRY: "不要重复自己（DRY --Don’t Repeat Yourself）"。...如果您在浏览器中禁用 JavaScript，然后提交具有错误信息的form，断点将会命中。您仍然得到充分的验证，即使在没有 JavaScript的情况下。...· 默认情况下，浏览器就会使用基于语言环境(locale)的正确格式呈现数据。...· 在的DataType属性可以使MVC选择合适的字段模板以呈现数据（如果本身所使用的的DisplayFormat使用字符串模板）。...如果你使用了的DataType的属性具有一个日期字段，你也必须指明，以确保字段正确地呈现Chrome浏览器中的DisplayFormat属性。

9K7 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭