您的位置：首页 > 编程技术 > php  >  详解Yii2定制表单输入字段的标签和样式的方法

详解Yii2定制表单输入字段的标签和样式的方法

 更新时间：2017年1月22日 11:07  点击：2432
这篇文章详细介绍了Yii2定制表单输入字段的标签和样式的教程，有需要的同学可以参考一下，以备不时之需。

Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField，

要生成一个具有label、input、error提示这样通用格式的登录框，可编写如下代码：

 
 代码如下 复制代码
<?php$form= ActiveForm::begin([
 'id'=>'login-form',
 'options'=> ['class'=>'form-horizontal'],
 'fieldConfig'=> [
  'template'=>"{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-8\">{error}</div>",
  'labelOptions'=> ['class'=>'col-lg-1 control-label'],
 ],
]); ?>
 
<?=$form->field($model,'username') ?>
<?=$form->field($model,'password')->passwordInput()
?>
 

上述代码生成两个带默认标签名（如Username，Password）的表单输入框（input）。

如果想更改输入框的标签及其样式，有两个方式，一个是通过labelOptions参数：

复制代码代码如下:
 代码如下 复制代码
<?= $form->field($model, 'username',['labelOptions' => ['label' => 'Nick name','class' => 'your own class']]) ?>

还有一个更加面向对象的方法是：

复制代码代码如下:
 代码如下 复制代码
<?= $form->field($model, 'username')->textInput()->hint('Please enter your nick name instead of email')->label('Nick name') ?>
小编给大家分享一篇文章，介绍了PHP如何搭建大文件切割分块上传功能的实例代码，有兴趣的同学可以看看！

背景

在网站开发中，文件上传是很常见的一个功能。相信很多人都会遇到这种情况，想传一个文件上去，然后网页提示“该文件过大”。因为一般情况下，我们都需要对上传的文件大小做限制，防止出现意外的情况。
 但是在有些业务场景中，大文件上传又是必须的，比如邮箱附件，或者内部OA等等。

问题

服务端为什么不能直接传大文件？跟php.ini里面的几个配置有关

upload_max_filesize = 2M//PHP最大能接受的文件大小
post_max_size = 8M//PHP能收到的最大POST值'
memory_limit = 128M//内存上限
max_execution_time = 30//最大执行时间

当然不能简单粗暴的把上面几个值调大，否则服务器内存资源吃光是迟早的问题。

解决思路

好在HTML5开放了新的FILE API，也可以直接操作二进制对象，我们可以直接在浏览器端实现文件切割，按照以前的做法就得用Flash的方案，实现起来会麻烦很多。

JS思路

1.监听上传按钮的onchange事件

2.获取文件的FILE对象

3.把文件的FILE对象进行切割，并且附加到FORMDATA对象中

4.把FORMDATA对象通过AJAX发送到服务器

5.重复3、4步骤，直到文件发送完。

PHP思路

1.建立上传文件夹

2.把文件从上传临时目录移动到上传文件夹

3.所有的文件块上传完成后，进行文件合成

4.删除文件夹

5.返回上传后的文件路径

DEMO代码

前端部分代码

 
 代码如下 复制代码
<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
   content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 <meta http-equiv="X-UA-Compatible"content="ie=edge">
 <title>Document</title>
 <style>
  #progress{
   width: 300px;
   height: 20px;
   background-color:#f7f7f7;
   box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
   border-radius:4px;
   background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);
  }
 
  #finish{
   background-color:#149bdf;
   background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
   background-size:40px 40px;
   height: 100%;
  }
  form{
   margin-top: 50px;
  }
 </style>
</head>
<body>
<div id="progress">
 <div id="finish"style="width: 0%;"progress="0"></div>
</div>
<form action="./upload.php">
 <input type="file"name="file"id="file">
 <input type="button"value="停止"id="stop">
</form>
<script>
 varfileForm = document.getElementById("file");
 varstopBtn = document.getElementById('stop');
 varupload =newUpload();
 
 fileForm.onchange =function(){
  upload.addFileAndSend(this);
 }
 
 stopBtn.onclick =function(){
  this.value ="停止中";
  upload.stop();
  this.value ="已停止";
 }
 
 functionUpload(){
  varxhr =newXMLHttpRequest();
  varform_data =newFormData();
  const LENGTH = 1024 * 1024;
  varstart = 0;
  varend = start + LENGTH;
  varblob;
  varblob_num = 1;
  varis_stop = 0
  //对外方法，传入文件对象
  this.addFileAndSend =function(that){
   varfile = that.files[0];
   blob = cutFile(file);
   sendFile(blob,file);
   blob_num += 1;
  }
  //停止文件上传
  this.stop =function(){
   xhr.abort();
   is_stop = 1;
  }
  //切割文件
  functioncutFile(file){
   varfile_blob = file.slice(start,end);
   start = end;
   end = start + LENGTH;
   returnfile_blob;
  };
  //发送文件
  functionsendFile(blob,file){
   vartotal_blob_num = Math.ceil(file.size / LENGTH);
   form_data.append('file',blob);
   form_data.append('blob_num',blob_num);
   form_data.append('total_blob_num',total_blob_num);
   form_data.append('file_name',file.name);
 
   xhr.open('POST','./upload.php',false);
   xhr.onreadystatechange =function() {
    varprogress;
    varprogressObj = document.getElementById('finish');
    if(total_blob_num == 1){
     progress ='100%';
    }else{
     progress = Math.min(100,(blob_num/total_blob_num)* 100 ) +'%';
    }
    progressObj.style.width = progress;
    vart = setTimeout(function(){
     if(start < file.size && is_stop === 0){
      blob = cutFile(file);
      sendFile(blob,file);
      blob_num += 1;
     }else{
      setTimeout(t);
     }
    },1000);
   }
   xhr.send(form_data);
  }
 }
 
</script>
</body>
</html>
 

PHP部分代码

 
 代码如下 复制代码
<?php
classUpload{
 private$filepath='./upload';//上传目录
 private$tmpPath;//PHP文件临时目录
 private$blobNum;//第几个文件块
 private$totalBlobNum;//文件块总数
 private$fileName;//文件名
 
 publicfunction__construct($tmpPath,$blobNum,$totalBlobNum,$fileName){
  $this->tmpPath =$tmpPath;
  $this->blobNum =$blobNum;
  $this->totalBlobNum =$totalBlobNum;
  $this->fileName =$fileName;
   
  $this->moveFile();
  $this->fileMerge();
 }
  
 //判断是否是最后一块，如果是则进行文件合成并且删除文件块
 privatefunctionfileMerge(){
  if($this->blobNum ==$this->totalBlobNum){
   $blob='';
   for($i=1;$i<=$this->totalBlobNum;$i++){
    $blob.=file_get_contents($this->filepath.'/'.$this->fileName.'__'.$i);
   }
   file_put_contents($this->filepath.'/'.$this->fileName,$blob);
   $this->deleteFileBlob();
  }
 }
  
 //删除文件块
 privatefunctiondeleteFileBlob(){
  for($i=1;$i<=$this->totalBlobNum;$i++){
   @unlink($this->filepath.'/'.$this->fileName.'__'.$i);
  }
 }
  
 //移动文件
 privatefunctionmoveFile(){
  $this->touchDir();
  $filename=$this->filepath.'/'.$this->fileName.'__'.$this->blobNum;
  move_uploaded_file($this->tmpPath,$filename);
 }
  
 //API返回数据
 publicfunctionapiReturn(){
  if($this->blobNum ==$this->totalBlobNum){
    if(file_exists($this->filepath.'/'.$this->fileName)){
     $data['code'] = 2;
     $data['msg'] ='success';
     $data['file_path'] ='http://'.$_SERVER['HTTP_HOST'].dirname($_SERVER['DOCUMENT_URI']).str_replace('.','',$this->filepath).'/'.$this->fileName;
    }
  }else{
    if(file_exists($this->filepath.'/'.$this->fileName.'__'.$this->blobNum)){
     $data['code'] = 1;
     $data['msg'] ='waiting for all';
     $data['file_path'] ='';
    }
  }
  header('Content-type: application/json');
  echojson_encode($data);
 }
  
 //建立上传文件夹
 privatefunctiontouchDir(){
  if(!file_exists($this->filepath)){
   returnmkdir($this->filepath);
  }
 }
}
 
//实例化并获取系统变量传参
$upload=newUpload($_FILES['file']['tmp_name'],$_POST['blob_num'],$_POST['total_blob_num'],$_POST['file_name']);
//调用方法，返回结果
$upload->apiReturn();
 

存在的问题

这只是一个简单的DEMO，有很多地方需要改进，比如上传的文件夹与临时文件放在一起，用户中途取消也没有发请求进行清理，容易造成文件冗余。JS采用的是同步模型，文件需要一块一块按顺序上传，会导致整个浏览器在上传的过程中出于堵塞的状态，按了按钮可能需要几秒钟才能反应过来，用户体验不好。真正需要产品化的时候就要综合考虑多种情况，当然作为一个示例，引导大家了解分块上传的思路还是不错的。

小编推荐的这篇文章介绍了php与c实现按行读取文件的实例代码，有需要的同学可以参考一下

php与c 实现按行读取文件

前言

感觉很糟糕的一场电话一面竟然给了二面通知，好吧，给自己一个机会也给对方一次机会，题外话。海量数据处理经常涉及到hash将原来文件的每一行散列到子文件中，那如何按行读取文件呢，这里记录一下php和c的实现

很水的一篇，只是记录一下常用的方法，防止面试尴尬

php代码：

 
 代码如下 复制代码
<?php
  
/**
 * 按行读取文件
 * @param string $filename
 */
functionreadFileByLine ($filename)
{
  $fh=fopen($filename,'r');
    
  while(!feof($fh)) {
    $line=fgets($fh);
    echo$line;
  }
    
  fclose($fh);
}
  
// test
  
$filename="/home/wzy/test/sort.txt";
  
readFileByLine($filename);
 

c实现代码：

 
 代码如下 复制代码
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
  
#define LEN 1024
  
intmain(void)
{
  charfilename[LEN], buf[LEN];
  FILE*fp;
  intlen;
  
  scanf("%s", filename);
  
  fp =fopen(filename,"r");
  
  if(fp == NULL)exit(-1);
  
  while(fgets(buf, LEN, fp) != NULL) {
    len =strlen(buf);
    buf[len - 1] ='\0'; // 去掉换行符
  
    printf("%s\n", buf);
  }
  
  return0;
}
 
这篇文章介绍了php中常用的数组与函数，非常具有价值，有兴趣的同学可以参考一下

本文实例总结了php常用数组函数。分享给大家供大家参考，具体如下：

1. array array_merge(array $array1 [, array&nbsp; $array2 [, $array]])

函数功能：将一个或多个数组的单元合并起来，一个数组中的值附加在前一个数组的后面。返回结果的数组。

如果输入的数组中有相同的字符串键名，则该键名后面的值将覆盖前一个值。然而，如果数组包含数字键名，后面的值将不会覆盖原来的值，而是附加到后面。

如果只给了一个数组并且该数组是数字索引的，则键名会以连续方式重新索引。

例1：数组中有相同的字符串键名

 
 代码如下 复制代码
$array1=array('color'=>'greed','3'=>8);
$array2=array("a",'color'=>"red",'3'=>8);
var_dump(array_merge($array1,$array2));
 

输出：

 
 代码如下 复制代码
array（4）{
  ["color"]=> string(3)"red"
  [0]=> int(8)
  [1]=> string(1)"a"
  [2]=> int(8)
}
 

键名重复的color被覆盖，只取后面的值‘red'，而数字键名相同的‘3'未被覆盖，而是附加到后面。

2. array array_slice(array $array,int $offset, [, int $length [, bool  $preserve_keys ]])

函数功能：返回根据offset和length参数所指定的array数组中的一段序列。

如果offset非负：则数组将从开始端到offset的偏移量开始。$array=array(1,2,3,4,5,6);array_slice($array,2);相当于(1,2,3,4,5,6);红色代表截取后的数组

如果offset为负：则数组将从末端到offset的偏移量开始。array_slice($array,-2);相当于(1,2,3,4,5,6);

如果length为正：从offset开始的截取的个数。array_slice($array,2，2);相当于(1,2,3,4,5,6);

如果length为负：则序列将终止在距离数组末端这么远的地方；array_slice($array,2，-1);相当于(1,2,3,4,5,6);
默认为：到数组末尾。

3. array_map(callback  $callback , array  $arr1[, array $.....])

函数功能：返回一个数组，该数组包含了arr1中的所有单元经过callback作用后的单元。callback 接受的参数数目应该和传递给 array_map() 函数的数组数目一致。

 
 代码如下 复制代码
<?php
functioncube($n)
{
  return($n*$n*$n);
}
$a=array(1, 2, 3, 4, 5);
$b=array_map("cube",$a);
print_r($b);
?>
 

输出：

 
 代码如下 复制代码
Array
(
  [0] => 1
  [1] => 8
  [2] => 27
  [3] => 64
  [4] => 125
)
 
[!--infotagslink--]

相关文章

  • 浅谈C# 字段和属性

    这篇文章主要介绍了C# 字段和属性的的相关资料，文中示例代码非常详细，供大家参考和学习，感兴趣的朋友可以了解下...2020-11-03

  • php 中file_get_contents超时问题的解决方法

    file_get_contents超时我知道最多的原因就是你机器访问远程机器过慢，导致php脚本超时了，但也有其它很多原因，下面我来总结file_get_contents超时问题的解决方法总结。...2016-11-25

  • Mybatis Plus select 实现只查询部分字段

    这篇文章主要介绍了Mybatis Plus select 实现只查询部分字段的操作，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教...2021-09-01

  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题，访问页面时出现408错误，下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因： HTT...2017-01-22

  • Android子控件超出父控件的范围显示出来方法

    下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法，希望这篇文章能够帮助到各位朋友，有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02

  • mybatis-plus 返回部分字段的解决方式

    这篇文章主要介绍了mybatis-plus 返回部分字段的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-02

  • ps把文字背景变透明的操作方法

    ps软件是现在非常受大家喜欢的一款软件，有着非常不错的使用功能。这次文章就给大家介绍下ps把文字背景变透明的操作方法，喜欢的一起来看看。 1、使用Photoshop软件...2017-07-06

  • php抓取网站图片并保存的实现方法

    php如何实现抓取网页图片，相较于手动的粘贴复制，使用小程序要方便快捷多了，喜欢编程的人总会喜欢制作一些简单有用的小软件，最近就参考了网上一个php抓取图片代码，封装了一个php远程抓取图片的类，测试了一下，效果还不错分享...2015-10-30

  • intellij idea快速查看当前类中的所有方法(推荐)

    这篇文章主要介绍了intellij idea快速查看当前类中的所有方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2020-09-02

  • Mysql select语句设置默认值的方法

    1.在没有设置默认值的情况下： 复制代码 代码如下:SELECT userinfo.id, user_name, role, adm_regionid, region_name , create_timeFROM userinfoLEFT JOIN region ON userinfo.adm_regionid = region.id 结果：...2014-05-31

  • js导出table数据到excel即导出为EXCEL文档的方法

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht...2013-10-13

  • js基础知识（公有方法、私有方法、特权方法）

    本文涉及的主题虽然很基础，在许多人看来属于小伎俩，但在JavaScript基础知识中属于一个综合性的话题。这里会涉及到对象属性的封装、原型、构造函数、闭包以及立即执行表达式等知识。公有方法 公有方法就是能被外部访问...2015-11-08

  • mysql 批量更新与批量更新多条记录的不同值实现方法

    批量更新mysql更新语句很简单，更新一条数据的某个字段，一般这样写：复制代码 代码如下:UPDATE mytable SET myfield = 'value' WHERE other_field = 'other_value';如果更新同一字段为同一个值，mysql也很简单，修改下where即...2013-10-04

  • c#中分割字符串的几种方法

    单个字符分割 string s="abcdeabcdeabcde"; string[] sArray=s.Split('c'); foreach(string i in sArray) Console.WriteLine(i.ToString()); 输出下面的结果: ab de...2020-06-25

  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ，做了个验证码，但不知道怎么搞的，总出现一个如下图的小红叉，但验证码就是显示不出来，原因如下 未修改之前，出现如下错误； （1）修改步骤如下，原因如下，原因是apache权限没开， （2）点击打开php.int.， 搜索extension=ph...2013-10-04

  • 安卓手机wifi打不开修复教程，安卓手机wifi打不开解决方法

    手机wifi打不开？让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能，但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21

  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件，有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影，一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06

  • 连接MySql速度慢的解决方法(skip-name-resolve)

    最近在Linux服务器上安装MySql5后，本地使用客户端连MySql速度超慢，本地程序连接也超慢。 解决方法：在配置文件my.cnf的[mysqld]下加入skip-name-resolve。原因是默认安装的MySql开启了DNS的反向解析。如果禁用的话就不能...2015-10-21

  • js控制页面控件隐藏显示的两种方法介绍

    javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visi...2013-10-13

  • postgresql数据添加两个字段联合唯一的操作

    这篇文章主要介绍了postgresql数据添加两个字段联合唯一的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-04