实习第八周

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

这星期继续对接后台接口

1.git切换到指定tag

首先把代码clone下来,会处于master分支 然后使用

    git tag

查看当前有的tag

随后使用下面命令切换到想要的tag

git checkout 1.10.1

2.场景管理相关可以类比foxmail的过滤器

image.png

image.png

image.png

3.下拉框改变时触发

使用ng-change

<select ng-model="devicetype" ng-options="x.category for x in devices" ng-change="**changeType(devicetype)**">
     <option value="">--设备--</option>
</select>
$scope.changeType = function(x){
    $log.log(x)
}

4.通过json中的一个值查找另一个值

    var arr = [
      {
        'display_name': '开关',
        'data_type': 'bool',
        'data_range': ['开','关']
      },
      {
        'display_name': '温度',
        'data_type': 'num',
        'data_range': [30]
      }]
    var obj = {}
    arr.forEach(function (v, i) {
      obj[v.display_name] = v;
    })

5.document.querySelectAll()

返回与指定的选择器组匹配的文档中的元素列表,返回的是一个NodeList

6.ng嵌套作用域的数据继承

若两个视图有包含关系,内层视图对应的作用域可以共享外层视图作用域的数据

7.数组转变成对象

    /**
         * 数组转对象

         * @param 数组

         * @return 对象

         */
        function arrToObject(arr) {
            var paramobj = {};
            arr.forEach(function(v, i) {
                paramobj[v.id] = v;//id可改为其他关键字,用来标识每个数组元素转变成的对象
            })
            return paramobj
        }

8.打包springboot项目为jar包

mvn package

打包后进入根目录下的target文件夹,运行其中的platform-admin-1.0-SNAPSHOT-exec.jar

java -jar **platform-admin-1.0-SNAPSHOT-exec.jar**

9.单选框相关

1)控制视图的显示和隐藏

    <div ng-app="" ng-init="quantity=1;cost=5;">
        <p ng-show="select=='false'">总价:{{quantity*cost}}</p>
        <input type="radio" name="select" ng-model="select" value="true" >是
        <input type="radio" name="select" ng-model="select" value="false" >否
        {{select}}
    </div>

2)radio的默认选择

    ng-checked="true"