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

  • 开发
  • 23

文章目录

1. 将数据以list的形式展示在页面中


step1:在接口文件中添加新的方法GetAllStudents（）

在这里插入图片描述


step2:在mock的数据中添加方法GetAllStudents（）
在这里插入图片描述


step3:在控制器中直接调用GetAllStudents方法并把数据传递给视图函数
在这里插入图片描述


step4:视图文件如下
在这里插入图片描述


step5:最终显示效果如下：
在这里插入图片描述


2. 布局页面的使用


step1：在Views文件夹下面创建Shared文件夹，并创建布局文件

在这里插入图片描述
在这里插入图片描述


step2：在index.cshtml添加页面布局的引用并删除原始header的部分

在这里插入图片描述

在这里插入图片描述


step3：最终的显示效果：

在这里插入图片描述

在这里插入图片描述


3. 自定义设置视图文件是否需要加载的JS


step1： 在布局文件中添加可能需要渲染的JS 的代码，并定义为该js名为Script

在这里插入图片描述


step2： 在视图文件中，定义脚本Script，指定具体哪个js文件

在这里插入图片描述


step3： 页面详情页可以显示出加载了JS
在这里插入图片描述

阅读全部

相关推荐

  2. 读取sqlserver数据库中varbinary(max)类型的内容，并将图片信息显示在前端页面

    2024-07-15 06:06:01       25 阅读

  4. 在jsp页面利用Ajax动态显示数据库中数据

    2024-07-15 06:06:01       46 阅读

  6. 在next.js的13.2.1版本中使用中间件，实现禁止特定ip访问网址所有页面

    2024-07-15 06:06:01       55 阅读

  7. 在spring boot中集成druid的数据监控页面

    2024-07-15 06:06:01       66 阅读

  10. CSS中页面的布局案例-利用浮动

    2024-07-15 06:06:01       52 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-15 06:06:01       67 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-15 06:06:01       72 阅读

  9. 在Django里面运行非项目文件

    2024-07-15 06:06:01       58 阅读

  19. Python语言-面向对象

    2024-07-15 06:06:01       69 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-07-15 06:06:01       64 阅读

热门阅读

  1. 测试面试宝典（六）—— 请回答集成测试和系统测试的区别，以及它们的应用场景主要是什么?

    2024-07-15 06:06:01       23 阅读

  2. Linux yum-config-manager命令教程：轻松管理YUM软件源（附实例详解和注意事项）

    2024-07-15 06:06:01       27 阅读

  5. 深入理解Scikit-learn：决策树与随机森林算法详解

    2024-07-15 06:06:01       22 阅读

  10. 英特尔服务器的潜在缺陷分析

    2024-07-15 06:06:01       22 阅读

  12. 香橙派安装测试摄像头

    2024-07-15 06:06:01       24 阅读

  14. 【SASS/SCSS（一）】选择器

    2024-07-15 06:06:01       25 阅读

  20. 力扣224.基本计算器

    2024-07-15 06:06:01       22 阅读

  23. Leetcode 3219. Minimum Cost for Cutting Cake II

    2024-07-15 06:06:01       24 阅读

  24. ReactRouter v6升级的步骤

    2024-07-15 06:06:01       22 阅读

  29. 深度学习-5-如何选择损失函数和激活函数以及层数

    2024-07-15 06:06:01       19 阅读