百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)

news2025/7/28 6:08:03

自用的封装好的,有弹窗,轨迹回放,画点画地图

    • 完整代码
    • 使用

百度地图的官方文档
百度地图必须的三个引用
在这里插入图片描述

完整代码

<template>

  <AButton style="background-color: #3ba7ea;color: white;width: 100px;float: right" @click="buttonClick">轨迹回放</AButton>
  <div  :style="props.style"  id="map">
  </div>


</template>

<script lang="ts">
import moment from "moment";
import {computed, defineComponent, nextTick, onMounted, reactive, ref, watch} from 'vue';
import {colSpan, lg, md, sm, xl, xs, xxl} from "/@/enums/cacheEnum";
import {ifNull, isMyEmpty, replaceNullByLine} from "/@/utils/commonFunctions/commonFunctions";
import {useMessage} from "/@/hooks/web/useMessage";
import {readFile} from "fs-extra";
import endMarker from '/@/assets/images/endMarker.png';
import startMarker from '/@/assets/images/startMarker.png';
import AButton from "/@/components/Button/src/BasicButton.vue";

interface variable {
  pointsTranslateData: any[]
  points:any[]
  lineLayer:any
  trackingAni:Boolean
}
export default defineComponent({
  name: "ShowDataForm",
  props: {
    data:{
      type: Array,
      default: [],
      require: true
    },
    style:{
      type: String,
      default: "height: 200px;width: 800px",
      require: true
    },
    transfer:{
      type: Boolean,
      default: true,
      require: true
    }
  },

  components: {
    AButton

  },




  setup(props, { slots }){
    const {createMessage} = useMessage();

    const variable = reactive<variable>({
      pointsTranslateData:[],
      points:[],
      lineLayer:{},
      trackingAni:false,
    })

    //创建地图并绘制路线

    const map=ref();
    let mapHolder=null;


    onMounted(()=>{
      if (props.data.length>0){
        props.data.forEach((item)=>{
          var point = new BMapGL.Point(item.longitude, item.latitude);  // 创建点坐标
          variable.points.push(point)
        })

        if (props.transfer){
          doTransefer(variable.points,callBack)
        }else {
          variable.pointsTranslateData=variable.points
        }
      }

      creatMap()
    })

    //监听值改变
    watch(props, (value) => {
      variable.points=[]
      props.data.forEach((item)=>{
        var point = new BMapGL.Point(item.longitude, item.latitude);  // 创建点坐标
        variable.points.push(point)
      })

      if (props.transfer){
        doTransefer(variable.points,callBack)
      }else {
        variable.pointsTranslateData=variable.points
        drawMap()
      }
    })

   onMounted(()=>{
     variable.points=[]
     props.data.forEach((item)=>{
       var point = new BMapGL.Point(item.longitude, item.latitude);  // 创建点坐标
       variable.points.push(point)
     })

     if (props.transfer){
       doTransefer(variable.points,callBack)
     }else {
       variable.pointsTranslateData=variable.points
       drawMap()
     }
   })






    const creatMap=()=>{
      mapHolder = new BMapGL.Map("map");          // 创建地图实例
      var point = new BMapGL.Point(116.404, 39.915);  // 创建点坐标
      mapHolder.centerAndZoom(point, 15);                 // 初始化地图，设置中
      var zoomCtrl = new window.BMapGL.ZoomControl();  // 添加缩放控件
      mapHolder.addControl(zoomCtrl);
    }

    //轨迹回放按钮
    const buttonClick=()=>{
      variable.trackingAni=true
      startTrackAni(mapHolder)
    }


    //轨迹回放
    const startTrackAni=(mapHolder)=>{
      mapHolder.clearOverlays()
      mapHolder.removeNormalLayer(variable.lineLayer)
      creatMark(mapHolder)
      var pl = new BMapGL.Polyline(variable.pointsTranslateData);
      var trackAni = new BMapGLLib.TrackAnimation(mapHolder, pl, {
        overallView: true, // 动画完成后自动调整视野到总览
        tilt: 30,          // 轨迹播放的角度，默认为55
        duration: 10000,   // 动画持续时长，默认为10000，单位ms
        delay: 1000        // 动画开始的延迟，默认0，单位ms
      });
      trackAni.start();
    }

    //地图绘制
    const drawMap=()=>{
      mapHolder.clearOverlays()
      mapHolder.removeNormalLayer(variable.lineLayer)
      if (!variable.pointsTranslateData.length>0){
        return
      }
      creatLine(mapHolder)
      creatMark(mapHolder)
      creatArrowMark(mapHolder)
     //自动缩放
     let res=getCenterPoint(variable.pointsTranslateData);
      var point = new BMapGL.Point(res[0], res[1]);  // 创建点坐标
      mapHolder.centerAndZoom(point, res[2]);                 // 初始化地图，设置中
    }



    const callBack = (points, traslatePoints) => {
       variable.pointsTranslateData = traslatePoints;
    };

    //输入原始的坐标，然后会调用完成的回调函数 回调函数会给两个参数  转换前的数组  转换后的数组
    const doTransefer = (points, callBack) => {
      var convertor = new window.BMapGL.Convertor();
      let translateCount = 0;
      let pointsTransLate = [];
      // 总共需要轮回多少次
      const max = Math.ceil(points.length / 10) - 1;
      //转化坐标点
      const translateCallback = function(data) {
        if (data.status === 0) {
          // 遍历转换后的点
          for (let i = 0; i < data.points.length; i++) {
            pointsTransLate.push(data.points[i]);
          }
          translateCount += 1;
          // 剩余的还有完整的一轮
          if ((points.length - (translateCount * 10)) > 10) {
            convertor.translate(points.slice(translateCount * 10, (translateCount + 1) * 10), 1, 5, translateCallback);
          } else if ((points.length - (translateCount * 10)) > 0) {
            // 没有完整的一轮 跑剩下的
            convertor.translate(points.slice(translateCount * 10, points.length), 1, 5, translateCallback);
          } else {//跑完了
            callBack(points, pointsTransLate);
          }
        } else {
          createMessage.error("地图绘制失败: 转换坐标点失败");
        }
      };
      convertor.translate(props.data.slice(0, 10), 1, 5, translateCallback);
    };



    //获取缩放比
    const getRoom =(diff)=> {
      var room = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14);
      var diffArr = new Array(360, 180, 90, 45, 22, 11, 5, 2.5, 1.25, 0.6, 0.3, 0.15, 0.07, 0.03, 0);
      for (var i = 0; i < diffArr.length; i++) {
        if (diff - diffArr[i] >= 0) {
          return room[i];
        }
      }
      return 14;
    }


   const getCenterPoint=(points) => {
      //通过经纬度获取中心位置和缩放级别
      var maxJ = points[0].lng;
      var minJ = points[0].lng;
      var maxW = points[0].lat;
      var minW = points[0].lat;
      var res;
      for (var i = points.length - 1; i >= 0; i--) {
        res = points[i];
        if (res.lng > maxJ) maxJ = res.lng;
        if (res.lng < minJ) minJ = res.lng;
        if (res.lat > maxW) maxW = res.lat;
        if (res.lat < minW) minW = res.lat;
      }
      //就是一个点
      if (maxJ == minJ && maxW == minW) return [maxJ, maxW, 9];

      //找经度和维度差 最大的按个
      var diff = maxJ - minJ;
      if (diff < maxW - minW) diff = maxW - minW;

      diff = parseInt(10000 * diff) / 10000;
      var centerJ = minJ * 1000000 + (1000000 * (maxJ - minJ)) / 2;
      var centerW = minW * 1000000 + (1000000 * (maxW - minW)) / 2;
      var zoom = getRoom(diff);

      return [centerJ / 1000000, centerW / 1000000, zoom];
    }


    //选择哪个车
    const getCarDirction=(points)=>{
      var startJ = points[0].lng;
      var startW = points[0].lat;
      var endJ = points[1].lng;
      var endW = points[1].lat;

       let top=true;
      let left=true;

      var diffJ=0;
      var diffW =0;
      if (startJ>endJ){
        left=true
        diffJ=startJ-endJ
      }else{
        left=false
        diffJ=endJ-startJ
      }
      if (startW>endW){//往下
        top=false
        diffW=startW-endW
      }else{
        top=true
        diffW=endW-startW
      }

      //只管上下 还是左右
      if (left){
        return '/resource/img/carLeft.svg'
      }else{
        return '/resource/img/carRight.svg'
      }


    }

    const creatLine=(mapHolder)=>{
      var polyline =  new window.BMapGL.Polyline(variable.pointsTranslateData, {strokeColor:"#0e6eb8", strokeWeight:2, strokeOpacity:0.5});
      mapHolder.addOverlay(polyline);
    }


    //在两个点之间加箭头
    const creatArrowMark=(mapHolder)=>{
      //根据点去画标记
      // for (let i = 0; i < variable.pointsTranslateData.length-1; i++) {
      //   console.log('pointsTranslateData',variable.pointsTranslateData[i])
      //   let centerPoints =  getCenterPoint([variable.pointsTranslateData[i],variable.pointsTranslateData[i+1]])
      //   let angle= getAngle(variable.pointsTranslateData[i],variable.pointsTranslateData[i+1])
      //   var center = new window.BMapGL.Point(centerPoints[0], centerPoints[1]);  // 创建点坐标
      //   var arrowMark= new window.BMapGL.Marker(center, {icon: new window.BMapGL.Icon("/resource/img/gpsArrow.png", new window.BMapGL.Size(10, 10)),rotation:angle});
      //   //画箭头
      //   mapHolder.addOverlay(arrowMark);
      // }
    }


    //创建标点
    const creatMark=(mapHolder)=>{
      //根据点去画标记
      for (let i = 0; i < variable.pointsTranslateData.length; i++) {
        (function(){//闭包 用来解决弹框不对的问题


          var itemPoint=variable.pointsTranslateData[i]
          if (i<variable.pointsTranslateData.length-1){
            let angle= getAngle(variable.pointsTranslateData[i],variable.pointsTranslateData[i+1])
            console.log("angle",angle)

            var gpsMark= new window.BMapGL.Marker(itemPoint, {icon: new window.BMapGL.Icon("/resource/img/gpsArrow.png", new window.BMapGL.Size(12, 15),{

              })});//普通小圆点
            gpsMark.setRotation(angle)
          }


          //特殊的图标
          if (i===0){//起点
            gpsMark = new window.BMapGL.Marker(itemPoint, {icon: new window.BMapGL.Icon("/resource/img/startMarker.png", new window.BMapGL.Size(32, 32))});        // 创
          }
          else if(i===variable.pointsTranslateData.length-1){//终点
            gpsMark = new window.BMapGL.Marker(itemPoint, {icon: new window.BMapGL.Icon("/resource/img/endMarker.png", new window.BMapGL.Size(32, 32))});        // 创
          }
          else if (i===variable.pointsTranslateData.length-2){//车的位置
            var startPont=variable.pointsTranslateData[0];
            var endPont=variable.pointsTranslateData[variable.pointsTranslateData.length-1];
            let iconDirction=getCarDirction([startPont,endPont])
            gpsMark= new window.BMapGL.Marker(itemPoint, {icon: new window.BMapGL.Icon(iconDirction, new window.BMapGL.Size(32, 32))});
          }

          //画标注
          mapHolder.addOverlay(gpsMark);
          let infoWindow= creatinfoWindow(props.data[i])//根据原始数据创建info
          gpsMark.addEventListener("click", function(){
            mapHolder.openInfoWindow(infoWindow, itemPoint); //开启信息窗口
          });


        })();

      }
    }


    //创建展示弹框
    const creatinfoWindow=(record)=>{
      var opts = {
        width : 200,     // 信息窗口宽度
        height: 150,     // 信息窗口高度
        title : "当前车辆信息" , // 信息窗口
      }
      var carContent = "<h4 style='margin:0 0 5px 0;'>"+"车牌号:"+ifNull(record.plateNo,'')+"</h4>"
        +"<h4 style='margin:0 0 5px 0;'>"+"经度:"+ifNull(record.longitude,'')+"</h4>"
        +"<h4 style='margin:0 0 5px 0;'>"+"维度:"+ifNull(record.latitude,'')+"</h4>"
        +"<h4 style='margin:0 0 5px 0;'>"+"时间:"+ifNull(record.gpsTime,'')+"</h4>";
      var infoWindow = new window.BMapGL.InfoWindow(carContent, opts);  // 创建信息窗口对象

      return infoWindow;
    }




    const  getAngle=(start,end)=>{
     // 通过 a、b 确定角度所处的象限
      let a = start.lng - end.lng,
        b = start.lat - end.lat;
      //
      let a_c = Math.abs(a),
        b_c = Math.abs(b);
      // 获取得三角形的斜边 Math.hypot();
      let c = Math.hypot(a_c,b_c);
      // 计算弧度
      let radina = Math.acos(a_c/c);
      // 计算角度
      let angleVal = Math.floor(radina*180/Math.PI);
      // 处理最终需要旋转的角度
      if(a > 0){
        // 第二、三象限
        if(b>0){
          // 三
          angleVal = 90 + 90 - angleVal;
        }else {
          angleVal = -180 + angleVal;
        }
      }else{
        // 一、四象限
        if(b>0){
          // 四
          angleVal = angleVal;
        }else{
          // 一
          angleVal = - angleVal;
        }
      }
      return angleVal;
    }


    //贴图线
    const creatImageLine=(mapHolder)=>{
      //  //线
      // let upTwo1='/resource/img/red.png'
      //  variable.lineLayer = new BMapGL.LineLayer({
      //    enablePicked: true,
      //    autoSelect: true,
      //    pickWidth: 30,
      //    pickHeight: 30,
      //    opacity: 1,
      //    selectedColor: 'blue', // 选中项颜色
      //    style: {
      //      sequence: false, // 是否采用间隔填充纹理，默认false
      //      marginLength: 16, // 间隔距离，默认16，单位像素
      //      // borderColor: 'rgba(ff,144,132,132)',
      //      // borderMask: true, // 是否受内部填充区域掩膜，默认true,如果存在borderWeight小于0，则自动切换false
      //      // borderWeight: 2, // 描边宽度，可以设置负值
      //      strokeWeight: 6, // 描边线宽度，默认0
      //      strokeLineJoin: 'miter',//描边线连接处类型, 可选'miter', 'round', 'bevel'
      //      strokeLineCap: 'square',// 描边线端头类型，可选'round', 'butt', 'square'，默认round
      //      // 填充纹理图片地址，默认是空。图片需要是竖向表达，在填充时会自动横向处理。
      //      strokeTextureUrl:upTwo1,
      //      strokeTextureWidth: 16,
      //      strokeTextureHeight: 64,
      //
      //      strokeOpacity: .5
      //    }
      //  });
      //
      //  mapHolder.addNormalLayer(variable.lineLayer);
      //  let lineData={
      //    "type": "FeatureCollection",
      //    "features": [
      //      { "type": "Feature", "properties": { "name": "demo1" },
      //        "geometry": { "type": "LineString", "coordinates":
      //            [
      //              // [116.23128, 40.22077],
      //            ]}}
      //    ]
      //  };
      //
      //
      //  variable.pointsTranslateData.forEach((item)=>{
      //    lineData.features[0].geometry.coordinates.push([item.lng,item.lat])
      //  })
      //
      //
      //  variable.lineLayer.setData(lineData)
    }




    return{
      colSpan,
      xs,
      xxl,
      md,
      xl,
      sm,
      lg,
      props,
      map,
      buttonClick
    }
  }


});
</script>

<style scoped>




</style>

使用

  <BaiDuMap   :transfer="false" :data="variable.points" style="height: 500px;width: 100%;margin-top: 20px"> </BaiDuMap>

去查询gps的数据,反正数据格式一样就行了.现在variable.points是个数组,里面point就俩属性longitude和latitude.其实里面的弹框有用到其他的属性,反正到时候用到啥加啥

 //查询gps信息
     variable.points=[]
     if (isMyEmpty(variable.data.loadNo)){
     }else{
       let gpsRes=await esbGpsPostionPage({loadNo:variable.data.loadNo});
       gpsRes.rows.forEach(item=>{
         //数据格式需要转化
         let point={longitude:item.lon,latitude:item.lat}
         variable.points.push(point)
       })
     }

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1156518.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

图书馆书目推荐数据分析与可视化

图书馆书目推荐数据分析与可视化

目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 nodejs简介 4 2.2 express框架介绍 6 2.4 MySQL数据库 4 第3章 系统分析 5 3.1 需求分析 5 3.2 系统可行性分析 5 3.2.1技术可行性&#xff1a;…
阅读更多...
瑞萨e2studio(28)----SPI 驱动WS2812灯珠

瑞萨e2studio(28)----SPI 驱动WS2812灯珠

瑞萨e2studio.28--SPI 驱动WS2812灯珠 概述视频教学样品申请芯片级联方法数据传输时序新建工程软件准备保存工程路径芯片配置开始SPI配置SPI属性配置时钟配置SPI配置CPHA配置代码hal_entry.cws2812.cws2812.h 概述 本文介绍了如何使用瑞萨RA微控制器&#xff0c;结合E2STUDIO…
阅读更多...
基于热交换算法的无人机航迹规划-附代码

基于热交换算法的无人机航迹规划-附代码

基于热交换算法的无人机航迹规划 文章目录 基于热交换算法的无人机航迹规划1.热交换搜索算法2.无人机飞行环境建模3.无人机航迹规划建模4.实验结果4.1地图创建4.2 航迹规划 5.参考文献6.Matlab代码 摘要&#xff1a;本文主要介绍利用热交换算法来优化无人机航迹规划。 1.热交换…
阅读更多...
【设计模式】第22节：行为型模式之“状态模式”

【设计模式】第22节：行为型模式之“状态模式”

一、简介 状态模式一般用来实现状态机&#xff0c;而状态机常用在游戏、工作流引擎等系统开发中。不过&#xff0c;状态机的实现方式有多种&#xff0c;除了状态模式&#xff0c;比较常用的还有分支逻辑法和查表法。该模式允许对象内部状态改变使改变它的行为。 二、适用场景…
阅读更多...
【NI-DAQmx入门】计数器

【NI-DAQmx入门】计数器

1.计数器的作用 NI产品的计数器一般来说兼容TTL信号&#xff0c;定义如下&#xff1a;0-0.8V为逻辑低电平&#xff0c;2~5V为高电平&#xff0c;0.8-2V为高阻态&#xff0c;最大上升下降时间为50ns。 计数器可以感测上升沿&#xff08;从逻辑低到逻辑高的转变&#xff09;和下降…
阅读更多...
【电源专题】POE连接方式与功率等级划分

【电源专题】POE连接方式与功率等级划分

在文章【电源专题】什么是POE&#xff1f;中我们讲到了&#xff1a;PoE&#xff08;Power over Ethernet&#xff09;是指通过网线传输电力的一种技术&#xff0c;借助现有以太网口通过网线同时为终端设备&#xff08;如&#xff1a;IP电话、AP、IP摄像头等&#xff09;进行数据…
阅读更多...
web：[GYCTF2020]Blacklist

web：[GYCTF2020]Blacklist

题目 点开靶机&#xff0c;页面显示为 查看源码 没有其他线索 先提交1试一下 猜测是sql注入&#xff0c;先测试 同时注意到url 提交为3-1&#xff0c;发现页面回显为空白 可以判断为字符型注入 输入select&#xff0c;看是否存在回显 回显了黑名单限制的关键字 但是发现没有…
阅读更多...
第五章 I/O管理 九、磁盘的结构

第五章 I/O管理 九、磁盘的结构

目录 一、概念 二、磁盘的物理地址 1、定义&#xff1a; 2、图像&#xff1a; 如何读取一个“块”&#xff1a; 三、磁盘的分类 四、总结 一、概念 磁盘是由多个盘片和读写磁头组成的&#xff0c;每个盘片都有自己的读写磁头。盘片表面被划分成许多同心圆的磁道&#xff…
阅读更多...
并发编程-CPU缓存架构详解 Disruptor的高性能设计方案

并发编程-CPU缓存架构详解 Disruptor的高性能设计方案

1.CPU缓存架构详解 1.1 CPU高速缓存概念 CPU缓存即高速缓冲存储器&#xff0c;是位于CPU与主内存间的一种容量较小但速度很高的存储器。CPU高 速缓存可以分为一级缓存&#xff0c;二级缓存&#xff0c;部分高端CPU还具有三级缓存&#xff0c;每一级缓存中所储存的全部数 据都…
阅读更多...
深入了解 RocketMQ：高性能消息中间件

深入了解 RocketMQ：高性能消息中间件

二、RocketMQ基本概念 2.1 消息模型&#xff08;Message Model&#xff09; RocketMQ主要由Producer、Broker、Consumer三部分组成&#xff0c;其中Producer负责生产消息&#xff0c;Consumer负责消费消息&#xff0c;Broker负责存储消息。Broker在实际部署过程中对应一台服务…
阅读更多...
硬件知识积累 RS422接口

硬件知识积累 RS422接口

1. RS422 基本介绍 EIA-422&#xff08;过去称为RS-422&#xff09;是一系列的规定采用4线&#xff0c;全双工&#xff0c;差分传输&#xff0c;多点通信的数据传输协议。它采用平衡传输采用单向/非可逆&#xff0c;有使能端或没有使能端的传输线。和RS-485不同的是EIA-422不允…
阅读更多...
高精度5米分辨率DEM数字高程数据

高精度5米分辨率DEM数字高程数据

​5米分辨率DEM/DSM(无控)&#xff0c;以多颗高分辨率卫星数据为原始数据&#xff0c;基于智能立体模型构建与点云密集匹配&#xff0c;利用网络分布式与多核并行计算技术&#xff0c;三维点云融合与地形提取技术&#xff0c;辅以智能化的人机交互编辑等手段&#xff0c;处理和…
阅读更多...
Android开发知识学习——Kotlin基础

Android开发知识学习——Kotlin基础

函数声明 声明函数要用用 fun 关键字&#xff0c;就像声明类要用 class 关键字一样 「函数参数」的「参数类型」是在「参数名」的右边 函数的「返回值」在「函数参数」右边使用 : 分隔&#xff0c;没有返回值时可以省略 声明没有返回值的函数&#xff1a; fun main(){println…
阅读更多...
阿里云发布通义千问2.0，性能超GPT-3.5，加速追赶GPT-4

阿里云发布通义千问2.0，性能超GPT-3.5，加速追赶GPT-4

10月31日&#xff0c;阿里云正式发布千亿级参数大模型通义千问2.0。在10个权威测评中&#xff0c;通义千问2.0综合性能超过GPT-3.5&#xff0c;正在加速追赶GPT-4。当天&#xff0c;通义千问APP在各大手机应用市场正式上线&#xff0c;所有人都可通过APP直接体验最新模型能力。…
阅读更多...
聊一聊B端产品和C端产品的区别

聊一聊B端产品和C端产品的区别

To C 和 To B 的产品究竟有什么区别&#xff1f;难道仅仅只是使用对象和买单者不一样嘛&#xff1f;刚入行的产品经理是不是傻傻分不清楚&#xff1f;做产品经理这么久的你是否思考过这个问题&#xff1f; 作为一名产品经理&#xff0c;也设计过To B 和 To C的产品&#xff0c…
阅读更多...
13年测试老鸟，软件测试经验总结分享，这几年你走了多少坑...

13年测试老鸟，软件测试经验总结分享，这几年你走了多少坑...

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 1、测试阶段划分 …
阅读更多...
个性化医疗：数字孪生的未来之路

个性化医疗：数字孪生的未来之路

数字孪生技术已经成为医疗领域的一项重要创新&#xff0c;为医疗保障提供了全新的可能性。它基于数学、物理和计算机科学原理&#xff0c;通过创建数字化模型和仿真来模拟生物系统和医疗设备。 1. 个性化治疗 数字孪生技术可创建患者的个性化模型&#xff0c;以更好地了解疾病…
阅读更多...
Python 自动化（十六）静态文件处理

Python 自动化（十六）静态文件处理

准备工作 将不同day下的代码分目录管理&#xff0c;方便后续复习查阅 (testenv) [rootlocalhost projects]# ls day01 day02 (testenv) [rootlocalhost projects]# mkdir day03 (testenv) [rootlocalhost projects]# cd day03 (testenv) [rootlocalhost day03]# django-admi…
阅读更多...
C语言 每日一题 day9

C语言 每日一题 day9

求最大值及其下标 本题要求编写程序&#xff0c;找出给定的n个数中的最大值及其对应的最小下标&#xff08;下标从0开始&#xff09;。 输入格式 : 输入在第一行中给出一个正整数n&#xff08;1 < n≤10&#xff09;。第二行输入n个整数&#xff0c;用空格分开。 输出格式 …
阅读更多...
Nodejs和npm的使用方法和教程

Nodejs和npm的使用方法和教程

Nodejs简介 Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 它几乎是任何类型项目的流行工具&#xff01; &#xff08; 运行环境&#xff0c;是不是很熟悉&#xff0c;对。就是 java JRE&#xff0c;Java 运行时环境&#xff09; Node.js 在浏览器之外运行 V8 Java…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023