m_Orchestrate learning system---三十一、模板和需求的关系

一、总结

一句话总结：模板为了适应广大用户，有很多功能样式，但是，你需要的只是部分，所以删掉不需要的，如果有需要，需要的时候再加上

删需

1、bootstrap-switch（checkbox）怎么让switch在on的状态下传递值1过去控制器？

switch value 1

只需要将switch的value设置为1即可

因为thinkphp里面的checkbox的机制是选中才传值过去，不选中是不会传值的

就算switch的值设置为1，不选中的时候还是没有办法传递值过去

2、树形结构的上下级选中的js代码？

checkbox-parent checkbox-child dataid

 <script type="text/javascript">

     /* 权限配置 */

     $(function () {

         //动态选择框，上下级选中状态变化

         $('input.checkbox-parent').on('change', function () {

             var dataid = $(this).attr("dataid");

             $('input[dataid^=' + dataid + ']').prop('checked', $(this).is(':checked'));

         });

         $('input.checkbox-child').on('change', function () {

             var dataid = $(this).attr("dataid");

             dataid = dataid.substring(0, dataid.lastIndexOf("-"));

             var parent = $('input[dataid=' + dataid + ']');

             if ($(this).is(':checked')) {

                 parent.prop('checked', true);

                 //循环到顶级

                 while (dataid.lastIndexOf("-") != 2) {

                     dataid = dataid.substring(0, dataid.lastIndexOf("-"));

                     parent = $('input[dataid=' + dataid + ']');

                     parent.prop('checked', true);

                 }

             } else {

                 //父级

                 if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {

                     parent.prop('checked', false);

                     //循环到顶级

                     while (dataid.lastIndexOf("-") != 2) {

                         dataid = dataid.substring(0, dataid.lastIndexOf("-"));

                         parent = $('input[dataid=' + dataid + ']');

                         if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {

                             parent.prop('checked', false);

                         }

                     }

                 }

             }

         });

     });

 </script>

3、Auth权限管理规则无限级分类权限组选择权限的树形结构操作中，获取祖先id代码？

静态数组

注意代码里面的静态数组已经清空静态数组的操作

算法操作的思路为：從孩子id開始，通過遞歸一直找到所有祖先，並且返回

算法应用的场景为：规则格式化函数中

     //最後一個字段true的作用是為了清空下面的靜態數組

     public static function getparentid($authRuleId){

         $AuthRuleRes=db('auth_rule')->select();

         return self::_getparentid($AuthRuleRes,$authRuleId,True);

     }

     //從孩子id開始，通過遞歸一直找到所有祖先，並且返回

     public static function _getparentid($AuthRuleRes,$authRuleId,$clear=False){

         static $arr=array();

         if($clear){

             $arr=array();

         }

         foreach ($AuthRuleRes as $k => $v) {

             if($v['aru_id'] == $authRuleId){

                 $arr[]=$v['aru_id'];

                 self::_getparentid($AuthRuleRes,$v['aru_pid'],False);

             }

         }

         asort($arr);//父級編號始終比子集編號小

         $arrStr=implode('-', $arr);

         return $arrStr;//輸出結果為孩子id和祖先id，比如1-6

     }

4、input标签内能否直接套用原生php（input标签<内能否套用<?php ?>）？

可以

<input name="rules[]" value="{$authRule.id}"

                                                        <?php $arr=explode(',', $authgroups['rules']); if(in_array($authRule['id'], $arr)){echo 'checked="checked"';} ?>

                                                         dataid="id-{$authRule.dataid}" class="inverted checkbox-parent {if condition="$authRule['level'] neq 0"} checkbox-child {/if} " type="checkbox">

5、如何判断一个数是否在数组中（php中函数）？

in_array()

<input name="rules[]" value="{$authRule.id}" <?php $arr=explode(',', $authgroups['rules']); if(in_array($authRule['id'], $arr)){echo 'checked="checked"';} ?> dataid="id-{$authRule.dataid}" class="inverted checkbox-parent {if condition="$authRule['level'] neq 0"} checkbox-child {/if} " type="checkbox">

6、php判断字段为空？

is_null empty isset

empty

如果变量是非空或非零的值，则 empty() 返回 FALSE。换句话说，””、0、”0″、NULL、FALSE、array()、var $var、未定义;以及没有任何属性的对象都将被认为是空的，如果 var 为空，则返回 TRUE。

如果e是未定义或值为NULLL，

e=NULL，它肯定是空，即empty($e)=true;
如果e是int类型，
e=0，就相对于数字，0代表为零，即empty($e)=true;
如果e是string类型，
e=”“，相对于字符串，”“就代表为是空，即empty($e)=true;
如果e是string类型，
e=”0”，相对于字符串，”0“就代表为是零，即empty($e)=true;
如果e是bool类型，
e=false，相对true，false就代表为空，即empty($e)=true;
如果e是array类型，
a=array()，相对数组来说，没有元素的数据就为空，即empty($e)=true;

isset

如果变量存在(非NULL)则返回 TRUE，否则返回 FALSE(包括未定义）。变量值设置为：null，返回也是false;unset一个变量后，变量被取消了。注意，isset对于NULL值变量，特殊处理。

is_null

检测传入值【值，变量，表达式】是否是null,只有一个变量定义了，且它的值是null，它才返回TRUE . 其它都返回 FALSE 【未定义变量传入后会出错！】

== VS ===

在有些情况下，推荐使用isset来判断一个变量是否为NULL。
但是从语义上来说，一个变量”是否已显示初始化“和”是否为NULL“是不同的概念，在某些场景下使用isset是不合适的，比如检查一个函数的返回值是否为NULL。
此时可以使用”==”和”===“来判断它们是否为NULL。
对于”==”和”===“，它们直接的区别还是很大。对于”==”，它认同空字符串，0，false都为NULL。而对于”===”，只有一个变量真的为NULL，它才代表NULL。
另外”===”相对于”isset”来说，性能基本接近，甚至要好点。
因此综上述，判断一个变量是否为NULL最好的办法就是直接使用”===”，这样就不用在is_null，isset之间犹豫。其实上述的结论也同理于False的判断。

附录：

测试代码：

        $data = 0;

        $data1 = '0';

        $data2 = array();

        $data3 = null;

        $data4 = false;

        $data5 = "";

结果：

if (!变量)全部为true

if (isset(变量))全部为true

if (empty(变量))全部为true

if (is_null(变量))  只有null为true 其他为为false

if (变量==null) 只有'0'为false,其他为true

if (变量===null) 只有null为true,其他false

7、sm尺寸下占1/6，xs尺寸下占全部如何實現？

col-sm-2

col-sm-2

 <div class="form-group">

     <label for="inputEmail3" class="col-sm-2 control-label">Email</label>

     <div class="col-sm-10">

         <input type="email" class="form-control" id="inputEmail3" placeholder="Email">

     </div>

 </div>

8、实现任何看到的样式？

css 查看

因为都是html，css，所以完全可以查看然后copy样式实现相同的效果，非常简单方便

9、聚合查找，查找学校拥有的的班级数？

group

$school_class=db('school_class')->field('sc_s_id,count(sc_s_id)')->group('sc_s_id')->select();

dump($school_class);die;

结果：

array(3) {

  [0] => array(2) {

    ["sc_s_id"] => int(8)

    ["count(sc_s_id)"] => int(4)

  }

  [1] => array(2) {

    ["sc_s_id"] => int(9)

    ["count(sc_s_id)"] => int(4)

  }

  [2] => array(2) {

    ["sc_s_id"] => int(11)

    ["count(sc_s_id)"] => int(5)

  }

}

10、input:file显示样式优化的原理？

重叠透明度 size 定位

显示出来的是button，button和input重叠了，点到button点到了input

input的透明度是0，input的size是50rem，而且是绝对定位

 <div class="fry_file">

     <button type="button" class="btn btn-danger btn-sm">

         <i class="fa fa-upload"></i> Select images to upload</button>

     <input class="fry_file_input" id="doc-form-file" type="file" accept="image/*" name="ep_picture[]" multiple="">

 </div>

 <div id="file-list"></div>

 <!--上傳顯示圖片的js-->

 <script>

     $(function() {

         $('#doc-form-file').on('change', function() {

             var fileNames = '';

             $.each(this.files, function() {

                 fileNames += '<span class="badge">' + this.name + '</span> ';

             });

             $('#file-list').html(fileNames);

         });

     });

 </script>

 <!--END 上傳顯示圖片的js-->

 /*===================== input_file顯示樣式 =====================*/

 .fry_file{

     position: relative;overflow: hidden;margin-bottom: 1.5rem;

 }

 .fry_file .fry_file_input{

     position: absolute;left:;top:;z-index:;width: 100%;opacity:;cursor: pointer;font-size: 50rem;

 }

二、内容在总结中