实习第六周

时间:2022-07-23
本文章向大家介绍实习第六周,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

后台对接接口

1.ng 获取checkbox数值

https://stackoverflow.com/questions/11872832/how-to-respond-to-clicks-on-a-checkbox-in-an-angularjs-directive

2.ng获取多选框

     // 获取选择功能
        $scope.result = [];
        $scope.select = function(id, event) {
            console.log(event)
            console.log(action)
            var action = event.target;
            if (action.checked) {
                if ($scope.result.indexOf(id) == -1) {
                    $scope.result.push(id);
                }
            } else {
                var idx = $scope.result.indexOf(id);
                if (idx != -1) {
                    $scope.result.splice(idx, 1);
                }
            }
        }

3.权限管理的checkbox获取与显示

1)请求到权限,遍历到数组

    var permissions = []
    for (var i = 0, len = info.length; i < len; i++) {
        permissions.push(info[i].permissionId)
    }

2)前端代码

    <div class="treecheck">
      <ul>
        <li>
          <input type="checkbox" ng-click="select(1,$event)" id="1" ng-checked="select1" name="selected"> 首页
        </li>
        <li>
          <input type="checkbox" ng-click="select(2,$event)" id="2" ng-checked="select2" name="selected"> 数据分析
        </li>
    ......
      </ul>
    </div>

3)后台判断权限并在前台勾选

使用switch-case

    $scope.oncheck = function(n) {
                $log.log("ok oncheck?")
                switch (n) {
                    case "1":
                        $scope.select1 = true;
                        $log.log("1ok")
                        $scope.result.push(1)
                        break;
                    case "2":
                        $scope.select2 = true;
                        $log.log("2ok")
                        $scope.result.push(2)
                        break;
    .....
                }
    }

遍历权限并调用选取函数

     for (i = 0, len = permissions.length; i < len; i++) {
         $scope.oncheck(permissions[i])
         $log.log(permissions[i])
    }

4)显示结果

4.修改browsersync的端口号

由于默认的3000与我的服务有冲突 所以修改端口号为其他的

    gulp.task('browserSync', function() {
        browserSync.init({
            // 路径
            server: {
                baseDir: './'
            },
            port: 3010//设置端口号
        })
    })

5.ng1.x directive自定义指令的link属性

link: function(scope,element,attrs)

1)scope 与指令元素相关联的当前作用域 2)element 当前指令对应的元素,使用它可以操作该元素及其子元素 3)attrs 由当前元素的属性组成的对象

6.centos 安装 nginx

http://www.linuxidc.com/Linux/2016-09/134907.htm

7.自己服务器的MySQL被黑了

shell备份mysql脚本:https://github.com/qidizi/linux-shells/blob/master/mysql-backup-by-root-crontab.sh

8.解决“/bin/bash^M: bad interpreter: No such file or directory”

http://www.cnblogs.com/amit/p/5350122.html