这节我们来看一下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. MCU 51-5中断

    中断概念 : 计算机执行某程序时,发生了紧急事件或有特殊请求,CPU暂停某程序的执行, 转而去处理上述事件或请求,处理完毕后再重新执行某程序的过程叫做中断. 数据的输入/输出传送方式: (1)无条件传 ...

  2. java 数据结构（九）：Collection子接口：List接口

    1. 存储的数据特点:存储序的.可重复的数据. 2. 常用方法:(记住)增:add(Object obj)删:remove(int index) / remove(Object obj)改:set(i ...

  3. 数据可视化之分析篇（八）Power BI数据分析应用：结构百分比分析法

    https://zhuanlan.zhihu.com/p/113113765 PowerBI数据分析02:结构百分比分析法 作者:海艳 结构百分比分析法,又称纵向分析,是指同一期间财务报表中不同项目间 ...

  4. python 面向对象专题（八）：特殊方法 （一）__get__、__set__、__delete__ 描述符（一）

    https://www.cnblogs.com/flashBoxer/p/9771797.html 实现了 __get__.__set__ 或 __delete__ 方法的类是描述符.描述符的用法是, ...

  5. Python模块01/自定义模块/time模块/datetime模块/random模块

    Python模块01/自定义模块/time模块/datetime模块/random模块 内容大纲 1.自定义模块 2.time模块 3.datetime模块 4.random模块 1.自定义模块 1. ...

  6. .net core微服务——gRPC（下）

    序 上一篇博客把grpc的概念说了个大概,介绍了proto的数据类型,基本语法,也写了个小demo,是不是没那么难? 今天要从理论到实际,写两个微服务,并利用grpc完成两者之间的通信.只是作为dem ...

  7. bzoj4300绝世好题

    bzoj4300绝世好题 题意: 给定一个长度为n的数列ai,求ai的子序列bi的最长长度,满足bi&bi-1!=0.n≤100000,ai≤10^9. 题解: 用f[i]表示当前二进制i为1 ...

  8. sql中in和exists的原理及使用场景。

    在我们的工作中可能会遇到这样的情形: 我们需要查询a表里面的数据,但是要以b表作为约束. 举个例子,比如我们需要查询订单表中的数据,但是要以用户表为约束,也就是查询出来的订单的user_id要在用户表 ...

  9. nodejs之EventEmitter实现

    Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列. Node.js 里面的许多对象都会分发事件:一个 net.Server 对象会在每次有新连接时触发一个事件, 一个 fs. ...

  10. 014.Nginx跨域配置

    一 跨域概述 1.1 同源策略 同源策略是一个安全策略.同源,指的是协议,域名,端口相同.浏览器处于安全方面的考虑,只允许本域名下的接口交互,不同源的客户端脚本,在没有明确授权的情况下,不能读写对方的 ...