这节我们来看一下CI4框架中视图的加载， CI4中提供了几种方式加载视图。

1. 利用CI4框架提供的全局函数view(‘模板名’)，如果需要传参数可以在第二个参数传一个数组

我们先修改一下之前定义的方法，改用视图模板的方式来输出内容

 <?php

 namespace App\Controllers;

 class Home extends BaseController

 {

     public function welcome()

     {

         return view('welcome');

     }

 }

然后我们在Views目录下新建模板文件welcome.php

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>视图加载</title>

 </head>

 <body>

     <h3>视图加载</h3>

     <p>这是一个通过视图加载的页面！</p>

 </body>

 </html>

我们来看一下页面效果

我们再来给页面传递2个参数

 <?php

 namespace App\Controllers;

 class Home extends BaseController

 {

     public function welcome()

     {

         $data = [

             'author' => '小白加小白',

             'created_time' => date('Y-m-d H:i:s')

         ];

         return view('welcome', $data);

     }

 }

再修改一下视图模板

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>视图加载</title>

 </head>

 <body>

     <h3>视图加载</h3>

     <p>作者：<?= $author; ?></p>

     <p>时间：<?= $created_time; ?></p>

     <p>这是一个通过视图加载的页面！</p>

 </body>

 </html>

再看一下页面效果

2. 我们再看一下其他的视图加载方式

 <?php

 namespace App\Controllers;

 class Home extends BaseController

 {

     public function welcome()

     {

         $view = \Config\Services::renderer();

         return $view->setVar('author', '小白加小白')

             ->setVar('created_time', date('Y-m-d H:i:s'))

             ->render('welcome');

     }

 }

3. 页面展示效果和第一种方法一致，我们再看下另一种加载方法

 <?php

 namespace App\Controllers;

 class Home extends BaseController

 {

     public function welcome()

     {

         $view = new \CodeIgniter\View\View(new \Config\View());

         $data = ['author' => '小白加小白', 'created_time' => date('Y-m-d H:i:s')];

         return $view->setData($data)->render('welcome');

     }

 }

这样也可以得到同样的页面内容。

总结：

第一种方法是框架提供的全局函数，简单易用

第二种和第三种方法先得到一个渲染器，然后去渲染一个模板，通过setVar和setData的方式传递参数

注意：我们是通过return返回渲染后的模板内容的，我们也可以通过echo的方式输出模板内容，那么我们是否可以return的方式返回一个数字呢？

 <?php

 namespace App\Controllers;

 class Home extends BaseController

 {

     public function welcome()

     {

         return 1;

     }

 }

我们看到页面是没有输出内容的

我们如果返回一个字符串的数字呢

 <?php

 namespace App\Controllers;

 class Home extends BaseController

 {

     public function welcome()

     {

         return "1";

     }

 }

再刷新一下页面

所以，在控制器中只有return字符串类型的数据才能在页面展示

CI4框架应用五 - 加载视图的更多相关文章

  1. Maven SSH三大框架整合的加载流程

    <Maven精品教程视频\day02视频\03ssh配置文件加载过程.avi;> 此课程中讲 SSH三大框架整合的加载流程,还可以,初步接触的朋友可以听一听. < \day02视频\ ...

  2. 环形动画加载视图AnimatedCircleLoadingView​​​​​​​

    环形动画加载视图AnimatedCircleLoadingView AnimatedCircleLoadingView是基于Android手表动画android-watch-loading-anima ...

  3. python web开发之flask框架学习(2) 加载模版

    上次学习了flask的helloword项目的创建,这次来学习flask项目的模版加载: 第一步:创建一个flask项目 第二步:在项目目录的templates文件夹下创建一个html文件 第三步: ...

  4. cesium 学习(五) 加载场景模型

    cesium 学习(五) 加载场景模型 一.前言 现在开始实际的看看效果,目前我所接触到基本上都是使用Cesium加载模型这个内容,以及在模型上进行操作.So,现在进行一些加载模型的学习,数据的话可以 ...

  5. SwiftUI - 一步一步教你使用UIViewRepresentable封装网络加载视图（UIActivityIndicatorView）

    概述 网络加载视图,在一个联网的APP上可以讲得上是必须要的组件,在SwiftUI中它并没有提供如 UIKit 中的UIActivityIndicatorView直接提供给我们调用,但是我们可以通过 ...

  6. 十五、CI框架之自动加载数据库

    一.在config的autoload.php文件中,如果写入以下代码,那么在控制器中无需再次加载数据库了,相当于全局自动加载数据库了 不忘初心,如果您认为这篇文章有价值,认同作者的付出,可以微信二维码 ...

  7. Android项目框架之图片加载框架的选择

    本文来自http://blog.csdn.net/liuxian13183/ ,引用必须注明出处! 从Android爆发以后,自定义的控件如EditTextWithDelete.ActionBar.P ...

  8. Android Developers:按需求加载视图

    有时候你的布局可能需要较少使用的复杂视图.无论它们是项目详情,进度指示器,或者处理的信息,你能通过在它们被需要的时候加载的方式,来减少内存消耗和加快显示. 定义一个ViewStub ————————— ...

  9. Crystal框架配置参数加载机制详解？

    前言 定义 配置参数定义的形式 配置参数文件定义在哪里? 配置参数加载的优先级 如何使用配置参数? 最佳实践 Jar项目中如何定义配置参数? War项目中如何定义或重载Jar包中的配置参数? 开发人员 ...

随机推荐

  1. 5 个 IDEA 必备插件，让效率成为习惯

    IDEA 是最好的 IDE,谁赞成,谁反对? IDEA 是 Java 开发人员中最受欢迎和用户友好的 IDE 之一,它具有许多便利的功能,例如智能代码完成,自动执行繁琐的重复开发任务,因此它已成为 J ...

  2. 三、python函数详解

    函数的定义: 函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 定义规则: 函数代码块以 def 关键词开头,后接函数标识符名称和圆括号(). 任何传入参数和自变量必须放在圆括号中间 ...

  3. Scala 基础（五）：Scala变量 (二) 数据类型

    1 scala数据类型介绍 Scala 与 Java有着相同的数据类型,在Scala中数据类型都是对象,也就是说scala没有java中的原生类型 Scala数据类型分为两大类 AnyVal(值类型) ...

  4. 数据分析06 /pandas高级操作相关案例：人口案例分析、2012美国大选献金项目数据分析

    数据分析06 /pandas高级操作相关案例:人口案例分析.2012美国大选献金项目数据分析 目录 数据分析06 /pandas高级操作相关案例:人口案例分析.2012美国大选献金项目数据分析 1. ...

  5. 手把手从零开始---封装一个vue视频播放器组件

    现在,在网页上播放视频已经越来越流行,但是网上的资料鱼龙混杂,很难找到自己想要的,今天小编就自己的亲身开发体验,手把手从零开始---封装一个vue视频播放器组件. 作为一个老道的前端搬砖师,怎么可能会 ...

  6. 用Canvas定时显示摄像头捕获的画像（HTML5）

    需要实现一个功能,大意嘛,就是标题写的那个意思.虽然用户只要求在微信中实现即可,也就是可以用JSSDK.但是前端小哥哥脑袋一根筋,就想用原生的H5和JS实现. 网上铺天盖地的资料,可惜没有一个是可以用 ...

  7. 使用Red5-Pro Android官方Demo拆解分析（一）

    一.配置文件 1.导入库文件jniLibs到main文件夹下 2.导入red5streaming.jar 3.在build里到入其他的包,代码如下: dependencies { implementa ...

  8. 洛谷 P5022 旅行

    今天换标题格式了,因为感觉原版实在有点别扭…… 还是直接上题板,看完题再讲吧: 对了有个小细节没说,m一定是等于n或者等于n-1的. 这题是2018年提高组的真题哦!被我肝了2天肝出来了,2天……(真 ...

  9. [CISCN2019 华东南赛区]Double Secret

    0x01 进入页面如下 提示我们寻找secret,再加上题目的提示,猜测这里有secret页面,我们尝试访问,结果如下 根据它这个话的意思,是让我们传参,然后它会给你加密,我们试一下 发现输入的1变成 ...

  10. 高效C++：资源管理

    C++中资源泄漏一直都是老大难的问题,特别是在嵌入式环境中,一点点的资源泄漏,加上长时间的运行们就会导致程序崩溃,这种问题定位非常困难,无规律偶发.解决问题的一种方式是使用特定工具检查内存泄漏,优点是 ...