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

相关推荐
落寞的星星20 小时前
这个对象就包含了已经转换好的DFA和各种词法分析器运转所需要的参数。下一步,我们就可以用ScannerInfo对象创建出Scanner对象,请看下面的代码:
开发语言·c#
聪慧的水蜜桃1 天前
【YFIOs】用C#开发硬件之设备上云
开发语言·c#
hixiong1231 天前
TensorRT转换工具分享
人工智能·计算机视觉·ai·c#
莫生灬灬1 天前
DY联系人聊天Web面板支持获取联系人/聊天记录/发送消息
前端·chrome·websocket·c#
逝水无殇1 天前
C# 多态性详解
开发语言·后端·c#
逝水无殇1 天前
C# 继承(Inheritance)详解
开发语言·后端·c#
轻松的小鸭子1 天前
细说ASP.NET Forms身份认证
后端·asp.net
asdzx671 天前
C# 通过模板生成 Word 文档:文本与图片占位符替换完整攻略
开发语言·c#·word
影寂ldy1 天前
C# 泛型协变与逆变
windows·microsoft·c#
F20226974862 天前
西门子 PLC 与 C# 通信
开发语言·c#