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

相关推荐
gc_229913 小时前
C#学习调用OpenMcdf模块解析ole数据的基本用法(1)
c#·ole·openmcdf
MM_MS17 小时前
Halcon图像点运算、获取直方图、直方图均衡化
图像处理·人工智能·算法·目标检测·计算机视觉·c#·视觉检测
老骥伏枥~18 小时前
C# 控制台:Console.ReadLine / WriteLine
开发语言·c#
PfCoder1 天前
C#中定时器之System.Timers.Timer
c#·.net·visual studio·winform
csdn_aspnet1 天前
ASP.NET Core 中的依赖注入
后端·asp.net·di·.net core
人工智能AI技术2 天前
【C#程序员入门AI】本地大模型落地:用Ollama+C#在本地运行Llama 3/Phi-3,无需云端
人工智能·c#
csdn_aspnet2 天前
ASP.NET 8 - Cookie 身份验证
后端·asp.net·cookie·.net8
MyBFuture2 天前
C#数组详解:一维二维与交错数组
开发语言·windows·c#·visual studio·vision pro
有来技术2 天前
ASP.NET Core 权限管理系统(RBAC)设计与实现|vue3-element-admin .NET 后端
vue.js·后端·c#·asp.net·.net