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

相关推荐
cm04Z9c9133 分钟前
C#摸鱼实录——IoC与DI案例详解
开发语言·c#
geovindu6 小时前
CSharp:Chain of Responsibility Pattern
开发语言·后端·设计模式·c#·.net·责任链模式·行为模式
颜x小8 小时前
[C#]泛型类与泛型方法
开发语言·c++·c#
caishenzhibiao8 小时前
顺势交易矩阵主图 同花顺期货通指标
java·c语言·c#
TDengine (老段)9 小时前
TDengine Node.js 与 C# 连接器 — Web 服务与 .NET 集成
大数据·数据库·node.js·c#·.net·时序数据库·tdengine
河西石头10 小时前
再谈C#的抽象类和接口:从“适配器”到“毛坯房”的设计哲学
开发语言·c#·接口·依赖注入·抽象类·依赖倒挂
颜x小10 小时前
[C#]——接口与继承
开发语言·c++·c#
颜x小1 天前
[C#] C++与c#语法对比
开发语言·c++·c#
weixin_423652131 天前
C#使用JObject
开发语言·c#
Z5998178411 天前
c#软件开发学习笔记--Modbus-RTU通讯
笔记·学习·c#