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

相关推荐
睡前要喝豆奶粉15 小时前
在.NET Core Web Api中使用阿里云OSS
阿里云·c#·.netcore
缺点内向21 小时前
C#: 高效移动与删除Excel工作表
开发语言·c#·.net·excel
yue0081 天前
C# 分部类读取学生信息
开发语言·c#
聪明努力的积极向上1 天前
【C#】事件简单解析
开发语言·c#
qq_12498707531 天前
基于C#的贵州省黔北地区乡村避暑生活共享平台设计与实现(源码+论文+部署+安装)
c#·毕业设计·asp.net·生活
LateFrames1 天前
C# 中,0.1 在什么情况下不等于 0.1 ?
开发语言·c#
mudtools1 天前
解放双手!使用Roslyn生成代码让你的 HTTP 客户端开发变得如此简单
低代码·c#·.net
张人玉2 天前
WPF 数据绑定与转换器详解
c#·wpf·light
主宰者2 天前
WPF CalcBinding简化判断逻辑
c#·.net·wpf
就是有点傻2 天前
使用PaddleOCRSharp大模型精选文字识别
c#