首页 > 代码库 > YII2中的Html助手和Request组件

YII2中的Html助手和Request组件

Html助手

1 .在@app\views\test的index.php中:

<?php
//引入命名空间
use yii\helpers\Html;
?>

<?php //【一】表单:Html::beginForm(提交地址,提交方法,属性数组);?>

<?=Html::beginForm(‘‘,‘post‘,[‘id‘=>‘form‘,‘class‘=>‘form‘,‘data‘=>‘myself‘]);?>

    <?php //【二】输入框:Html::input(类型,name值,默认值,属性数组);?>

    <?=Html::input(‘text‘,‘test‘,‘‘,[‘class‘ => ‘form-control‘,‘placeholder‘=>‘hehe‘]);?>
    <?=Html::input(‘email‘,‘email‘,‘admin@admin.com‘,[‘class‘ => ‘form-control‘]);?>
    <?=Html::input(‘password‘,‘pwd‘,‘‘,[‘class‘ => ‘form-control‘]);?>
    <?=Html::input(‘hidden‘,‘hidden‘,‘‘,[‘class‘ => ‘form-control‘]);?>

    <hr />
    <?php //Html::表单类型Input(name值,默认值,属性数组);?>

    <?=Html::textInput(‘test‘,‘hehe‘,[‘class‘ => ‘form-control‘]);?>
    <?=Html::textInput(‘email‘,‘admin@admin.com‘,[‘class‘ => ‘form-control‘]);?>
    <?=Html::passwordInput(‘pwd‘,‘‘,[‘class‘ => ‘form-control‘]);?>
    <?=Html::hiddenInput(‘hidden‘,‘‘,[‘class‘ => ‘form-control‘]);?>

    <hr />
    <?php //【三】文本域:Html::textarea(表单name,默认值,属性数组);?>
    <?=Html::textarea(‘area‘,‘‘,[‘class‘=>‘form-control‘,‘rows‘=>‘3‘]);?>

    <hr />
    <?php //【四】单选按钮:Html::radio(name值,是否选中,属性数组);?>
    <?=Html::radio(‘sex‘,true,[‘calss‘=>‘form-control‘]);?>
    <?php //单选按钮列表:Html:;radioList(name值,选中的值,键值对列表,属性数组); ?>
    <?=Html::radioList(‘height‘,‘1‘,[‘1‘=>‘160‘,‘2‘=>‘170‘,‘3‘=>‘180‘],[‘class‘=>‘form-control‘]);?>

    <hr />
    <?php //【五】复选框:Html::checkbox(name值,是否选中,属性数组);?>
    <?=Html::checkbox(‘haha‘,true,[‘calss‘=>‘form-control‘]);?>
    <?php //单选按钮列表:Html:;checkboxList(name值,选中的值,键值对列表,属性数组); ?>
    <?=Html::checkboxList(‘xixi‘,‘1‘,[‘1‘=>‘160‘,‘2‘=>‘170‘,‘3‘=>‘180‘],[‘class‘=>‘form-control‘]);?>

    <hr />
    <?php //【六】下拉列表:Html:;dropDownList(name值,选中的值,键值对列表,属性数组); ?>
    <?=Html::dropDownList(‘list‘,‘2‘,[‘1‘=>‘160‘,‘2‘=>‘170‘,‘3‘=>‘180‘],[‘class‘=>‘form-control‘]);?>

    <hr />
    <?php //【七】控制标签Label:Html::label(显示内容,for值,属性数组); ?>
    <?=Html::label(‘显示的‘,‘test‘,[‘style‘=>‘color:#ff0000‘]);?>

    <hr />
    <?php //【八】上传控件:Html::fileInput(name值,默认值,属性数组); ?>
    <?=Html::fileInput(‘img‘,null,[‘class‘=>‘btn btn-default‘]);?>

    <hr />
    <?php //【九】按钮:; ?>
    <?=Html::button(‘普通按钮‘,[‘class‘=>‘btn btn-primary‘]);?>
    <?=Html::submitButton(‘提交按钮‘,[‘class‘=>‘btn btn-primary‘]);?>
    <?=Html::resetButton(‘重置按钮‘,[‘class‘=>‘btn btn-primary‘]);?>

<?=Html::endForm();?>

在Test控制器中注入视图:

    return $this->render(‘index‘);
 2 .与模型字段关联的Html

    和生成普通的表单基本一样,只是需要在操作中对视图注入模型,视图中表单生成方式前面多了active。

在Test控制器的index操作中注入视图与模型数据:

<?php
namespace app\controllers;    //定义命名空间
use yii\web\Controller;        //引入命名空间
use app\models\Article;
class TestController extends Controller{
    public function actionIndex(){
        $model = Article::findOne(1);
        return $this->render(‘article‘,[‘model‘=>$model]);
    }
}

在@app\views\test目录下新建article.php

<?php
use yii\helpers\Html;
?>
<?=Html::beginForm(‘‘,‘post‘,[‘name‘=>‘article‘]);?>
    <?=Html::activeInput(‘text‘,$model,‘title‘,[‘class‘=>‘form-control‘]);?>
    <hr />
    <?=Html::activeTextInput($model,‘title‘,[‘class‘=>‘form-control‘]);?>
    <?=Html::activeTextArea($model,‘desc‘,[‘class‘ => ‘form-control‘]);?>
    <?=Html::activeTextArea($model,‘content‘,[‘class‘=>‘form-control‘]);?>
<?=Html::endForm();?>

关联模型字段的html

我们建立一个按钮来提交看一下

    在@app\views\test目录的article.php中的
    <?=Html::activeTextArea($model,‘content‘,[‘class‘=>‘form-control‘]);?>下面一行加上一个提交按钮:
    <?=Html::submitButton(‘提交‘,[‘class‘=>‘btn btn-primary‘]);?>
    在Test控制器的index操作中判断提交打印一下看是否接受到参数,在$model = Article::findOne(1);上面一行添加代码:

    if(\Yii::$app->request->isPost){
        header(‘Content-Type:text/html;charset=utf-8‘);
        echo ‘<pre>‘;
        var_dump(\Yii::$app->request->post());
        echo ‘</pre>‘;
        exit();
    }

    得到提交的数据了:

post数据

3 .Html转义

    Yii2提供了html转义与反转义,使用\Yii\helpers\Html::encode($html)和\yii\helpers\Html::decode($html)

4 .可以通过\yii\helpers\Html::error(模型,字段名,属性数组)来进行验证等错误输出.

5 .生成标签的代码类似:

    <?= Html::tag(‘p‘, Html::encode($user->name), [‘class‘ => ‘username‘]) ?>

Request组件

    简要

        1.一个应用请求是通过yii\web\Request对象来表示的,用过调用\Yii::$app->request来获取

    Request对象的一些属性和方法

    1.request对象             \Yii::$app->request
    2.判断Ajax请求                 \Yii::$app->request->isAjax
    3.判断POST请求                \Yii::$app->request->isPost
    4.获取浏览器信息                \Yii::$app->request->userAgent
    5.获取客户端IP            \Yii::$app->request->userIp
    6.读取所有get数据        \Yii::$app->request->get()
    7.读取单个get数据               \Yii::$app->request->get(‘r‘)
    8.读取所有post数据        \Yii::$app->request->post()
    9.读取单个post数据        \Yii::$app->request->get(‘post‘)
    10.获取不包含host info的url部分    \yii::$app->request->url
    11.获取整个URL            \Yii::$app->request->absoluteUrl
    12.获取host info部分        \Yii::$app->request->hostInfo;
    13.入口脚本之后查询字符串之前    \Yii::$app->request->pathInfo
    14.查询字符串             \Yii::$app->request->queryString
    15.host info之后,入口脚本之前部分    \Yii::$app->request->baseUrl;

 

YII2中的Html助手和Request组件