当前位置： 首页 > news >正文

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

news 来源：原创 2024/9/19 10:12:50

文章目录

      • 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
在这里插入图片描述

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 基于Faster R-CNN的安全帽目标检测
  • Redis分布式锁-Redisson可重入锁原理的个人见解。
  • 【全面介绍Pip换源】
  • 【密码学】密码学数学基础：剩余系
  • 【学习笔记】无人机（UAV）在3GPP系统中的增强支持(十四)-无人机操控关键绩效指标（KPI）框架
  • Vue3 前置知识
  • 基于hive数据库的泰坦尼克号幸存者数据分析
  • starRocks搭建
  • 14、Python之super star：一颗星、两颗星，满天都是小星星
  • Rust 版本升级：rustup update stable 报错
  • 2300. 咒语和药水的成功对数
  • BUUCTF逆向wp [MRCTF2020]Transform
  • 【Linux】多线程_7
  • Spring解决循环依赖：三级缓存
  • 17-3 向量数据库之野望3 - SingleStoreDB 实践教程
  • 【译】JS基础算法脚本：字符串结尾
  • 《Java编程思想》读书笔记-对象导论
  • 【407天】跃迁之路——程序员高效学习方法论探索系列（实验阶段164-2018.03.19）...
  • CSS相对定位
  • ECS应用管理最佳实践
  • ES6系统学习----从Apollo Client看解构赋值
  • Eureka 2.0 开源流产，真的对你影响很大吗？
  • Git同步原始仓库到Fork仓库中
  • Java 11 发布计划来了，已确定 3个 新特性！！
  • Javascript编码规范
  • Java的Interrupt与线程中断
  • Linux中的硬链接与软链接
  • Next.js之基础概念（二）
  • React-redux的原理以及使用
  • vue总结
  • Web设计流程优化：网页效果图设计新思路
  • 短视频宝贝=慢？阿里巴巴工程师这样秒开短视频
  • 浮动相关
  • 记录：CentOS7.2配置LNMP环境记录
  • 开发基于以太坊智能合约的DApp
  • 前端工程化（Gulp、Webpack）-webpack
  • 前端之Sass/Scss实战笔记
  • 删除表内多余的重复数据
  • 算法---两个栈实现一个队列
  • 详解移动APP与web APP的区别
  • 交换综合实验一
  • ​​​【收录 Hello 算法】9.4 小结
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • ​业务双活的数据切换思路设计（下）
  • #!/usr/bin/python与#!/usr/bin/env python的区别
  • ######## golang各章节终篇索引 ########
  • #鸿蒙生态创新中心#揭幕仪式在深圳湾科技生态园举行
  • （12）Linux 常见的三种进程状态
  • （20050108）又读《平凡的世界》
  • （C语言）strcpy与strcpy详解，与模拟实现
  • （day 12）JavaScript学习笔记（数组3）
  • (done) 两个矩阵 “相似” 是什么意思？
  • （编程语言界的丐帮 C#）.NET MD5 HASH 哈希 加密 与JAVA 互通
  • (黑客游戏)HackTheGame1.21 过关攻略
  • （十）Flink Table API 和 SQL 基本概念