ASP.NET Core----基础学习06----将所有数据在页面中显示 & 布局页面的使用

文章目录

      • [1. 将数据以list的形式展示在页面中](#1. 将数据以list的形式展示在页面中)
      • [2. 布局页面的使用](#2. 布局页面的使用)
      • [3. 自定义设置视图文件是否需要加载的JS](#3. 自定义设置视图文件是否需要加载的JS)

1. 将数据以list的形式展示在页面中

step1:在接口文件中添加新的方法GetAllStudents()

step2:在mock的数据中添加方法GetAllStudents()

step3:在控制器中直接调用GetAllStudents方法并把数据传递给视图函数

step4:视图文件如下

step5:最终显示效果如下:

2. 布局页面的使用

微软的解释:
https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/layout?view=aspnetcore-8.0

step1:在Views文件夹下面创建Shared文件夹,并创建布局文件


step2:在index.cshtml添加页面布局的引用并删除原始header的部分

step3:最终的显示效果:

3. 自定义设置视图文件是否需要加载的JS

step1: 在布局文件中添加可能需要渲染的JS 的代码,并定义为该js名为Script

step2: 在视图文件中,定义脚本Script,指定具体哪个js文件

step3: 页面详情页可以显示出加载了JS

相关推荐
csdn_aspnet3 小时前
ASP.NET 8 - Cookie 身份验证
后端·asp.net·cookie·.net8
MyBFuture4 小时前
C#数组详解:一维二维与交错数组
开发语言·windows·c#·visual studio·vision pro
有来技术5 小时前
ASP.NET Core 权限管理系统(RBAC)设计与实现|vue3-element-admin .NET 后端
vue.js·后端·c#·asp.net·.net
张人玉6 小时前
C#WinFrom中show和ShowDialog的区别
开发语言·microsoft·c#
m0_748233176 小时前
C#:微软的现代编程利器
开发语言·microsoft·c#
Traced back6 小时前
SQL Server数据自动清理系统最终版(C# WinForms完整源码)
数据库·c#·.net
wstcl7 小时前
像asp.net core webapi一样在asp.net frameworks中使用Swagger,方便调试接口
后端·asp.net·swagger·webapi
人工智能AI技术7 小时前
【C#程序员入门AI】Microsoft Extensions for AI (MEAI):统一LLM调用接口,告别厂商绑定
人工智能·c#
William_cl8 小时前
C# ASP.NET路由系统全解析:传统路由 vs 属性路由,避坑 + 实战一网打尽
开发语言·c#·asp.net
初九之潜龙勿用1 天前
C# 操作Word模拟解析HTML标记之背景色
开发语言·c#·word·.net·office