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

news/2024/8/27 14:04:16 标签: asp.net, c#, 布局页面, RenderSection, section

文章目录

      • 1. 将数据以list的形式展示在页面中
      • 2. 布局页面的使用
      • 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
在这里插入图片描述


http://www.niftyadmin.cn/n/5558994.html

相关文章

vue3 学习笔记11 -- 模板语法和指令

vue3 学习笔记11 -- 模板语法和指令

vue3 学习笔记11 – 模板语法和指令 模板语法 文本插值&#xff1a;使用双大括号 {{ }} 插入文本。 <script setup>const message ref("Hello Vue3!!") </script> <template><p>{{message}}</p> </template>指令 以 v- 开头…
阅读更多...
Java 实验六：异常处理

Java 实验六：异常处理

一、实验目的 1、掌握异常处理方法&#xff0c;掌握自定义异常。 二、实验环境 1、windows11; 2、JDK1.8,集成开发环境Eclipse。 三、实验内容 1、自定义一个异常类ScoreException继承Exception&#xff1a;编程实现从键盘录入成绩并对成绩进行验证&#xff0c;如果录入的…
阅读更多...
Qt纯代码绘制一个等待提示Ui控件

Qt纯代码绘制一个等待提示Ui控件

等待样式控件是我们在做UI时出场率还挺高的控件之一&#xff0c;通常情况下有如下的几种实现方式&#xff1a;1、自定义绘图&#xff0c;然后重写paintEvent函数&#xff0c;在paintEvent中绘制等待图标&#xff0c;通过QTimer更新绘制达到转圈圈的效果。2、 获取一张gif的资源…
阅读更多...
2024图纸加密软件推荐｜十款CAD图纸加密软件排行榜

2024图纸加密软件推荐｜十款CAD图纸加密软件排行榜

在数字化时代&#xff0c;图纸和设计文件的保护变得尤为重要。无论是建筑蓝图、机械CAD图纸还是电子电路图&#xff0c;这些文件往往包含了企业的核心知识产权和商业机密。因此&#xff0c;选择一款可靠且高效的图纸加密软件来保障信息安全&#xff0c;成为了众多设计团队和企业…
阅读更多...
基于搜索二叉树的停车收费管理系统

基于搜索二叉树的停车收费管理系统

系统效果&#xff1a;录入汽车信息 查看汽车信息 收费信息查看 查询车库车辆 代码展示&#xff1a; //SearchBinaryTree.h #pragma once #include<iostream> #include<string> #include<time.h> #include<Windows.h> using namespace std;template<…
阅读更多...
pgsql（guass）可获取到对应的表名称、字段名称、注释、字段类型

pgsql（guass）可获取到对应的表名称、字段名称、注释、字段类型

pgsql可获取到对应的表名称、字段名称、注释、字段类型(GUASS的也是适用) SELECT c.relname as 表名,a.attname as 字段名,format_type(a.atttypid,a.atttypmod) as 类型,a.attnotnull as 非空, col_description(a.attrelid,a.attnum) as 注释 FROM pg_class as c,pg_attri…
阅读更多...
AI金融投资002：批量下载巨潮资讯基金招募说明书

AI金融投资002：批量下载巨潮资讯基金招募说明书

文章目录 一、介绍二、输入内容三、输出内容一、介绍 打开巨潮资讯的基金招募说明书页面： http://www.cninfo.com.cn/new/fullt 动态网页，返回json数据： "adjunctUrl": "finalpage/2024-06-08/1220300147.PDF",{"classifiedAnnouncements"…
阅读更多...
ubuntu在代码中添加异常信号捕获防止异常退出(可用于多线程程序)

ubuntu在代码中添加异常信号捕获防止异常退出(可用于多线程程序)

1.异常信号捕获&#xff1a; 在代码运行处理大批量数据时&#xff0c;往往不想因为某一个数据的文件损坏或异常导致代码的运行退出或异常重启&#xff0c;影响系统运行的稳定性。而这些异常又不能够被try catch捕获到&#xff0c;因此在某些特殊应用中&#xff0c;需要进行异常…
阅读更多...
最新文章

Copyright @ 2022~2023