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

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: 0;top: 0;z-index: 1;width: 100%;opacity: 0;cursor: pointer;font-size: 50rem;
}

二、内容在总结中