这节我们来看一下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. vue组件keepAlive的使用

    需要达到的效果: 列表页------->详情页/修改------>返回列表页(缓存列表页) 其它不缓存 //vuex/index.js new Vuex.store({ state: { ...

  2. 数据库01 /Mysql初识、基本指令、数据库密码相关、创建用户及授权

    数据库01 /Mysql初识.基本指令.数据库密码相关.创建用户及授权 目录 数据库01 /Mysql初识.基本指令.数据库密码相关.创建用户及授权 1. 数据库概述 2. 数据库管理系统/DBMS ...

  3. Java对象与Json字符串的转换

    Java对象与Json字符串的转换 JSON是一种轻量级的数据交换格式,常用于前后端的数据交流 后端 : 前端 Java对象 > JsonString Java对象 < jsonStrin ...

  4. Idea 自定义快捷代码输入 如syso => System.out.println()

    前言 之前一直用的Eclipse System.out.println()的快捷代码输入 是 syso,但是在Idea 不好使用了,后来搜索了一番才知道,在Idea中的快捷输入是 sout,这里我就想 ...

  5. layui 魔改：富文本编辑器添加上传视频功能

    甲方又整新需求了:富文本编辑器需要可以传视频. layui本身的富文本编辑器没有传视频的功能,所以,又到了咱们魔改的时候了. 友情提醒,富文本编辑器 layedit 只有layui的V1版有,V2版没 ...

  6. CI/CD系列之阿里云云效2020应用篇

    目录 前言 实战 制品仓库 maven配置 项目pom配置 代码管理 流水线 参考资料 前言 前不久登录阿里云后台,看到云效的介绍,出于好奇便点进去看了看,刚开始以为云效是类似Jenkins的一套自动 ...

  7. 好用的npm模块记录

    标签: node node盛行的今天,前端开发已经离不开npm模块的使用,大名鼎鼎的如gulp,webpack等,此处不多说,除了它们有那么几个常用的npm模块是我喜欢并依赖它的,下面就是我平时工作中 ...

  8. C++11 STL Regex正则表达式与字符串字段解析

    简单的日期正则表达式 一个简单的日期解析程序,从yyyy-mm-dd格式的日期字符串中,分别获取年月日. 先设置一个简单的正则表达式,4位数字的"年",1-2位数字的"月 ...

  9. jq转盘抽奖

    之前项目的时候要写一个抽奖,自己写了以后就记录一下. 先是html <div class="turntable_zhan"> <img class="y ...

  10. webpack的使用 一、webpack 和webpack的安装

    本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler).当 webpack 处理应用程序时, 它会递归地构建一个依赖关系图(dependen ...