第六章总结

已于 2024-04-17 16:53:48 修改
阅读量340 收藏 6
点赞数 3
文章标签： 服务器 linux 前端
于 2024-04-12 11:07:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_81882535/article/details/137520821
版权

一、网络API

1、发起网络请求

通过wx.request(object)获取百度（http://www.baidu.com)首页的数据。

wxml： 

<button type="primary" bind:tap="getbaidutap">获取HTMl数据</button>
<textarea value='{{html}}' auto-heightmaxlength="0"></textarea>

js： 

Page({
 data:{
   html:''
 },
getbaidutap:function(){
  var that=this;
  wx.request({
    ur1:'https://www.baidu.com',Page({
  data:{
    html:""
  },
  getbaidutap:function(){
    var that=this;
    wx.request({
      url:'http://www.baidu.com',  //百度网址
      data:{},  //发送数据为空
      header:{'Content-Type':'application/json'},
      success:function(res){
        console.log(res);
        that.setData({
        html:res.data
        })
      }
    })
  }
})
    data:{},
    header:{'Content-Type':'application/json'},
    success:function(res){
      console.log(res);
      that.setData({
      html:res.data
      })
    }
  })
}
})

通过wx.request)object)的GET方法获取邮政编码对应的地址信息。  

js： 


Page({
  data:{
    postcode:"",
    address:[],
    errMsg:"",
    error_code:-1,
  },
  input:function(e){
    this.setData({
      postcode:e.detail.value,
    })
    console.log(e.detail.value)
  },
  find:function(){
    var postcode=this.data.postcode;
    if(postcode!=null&&postcode!=""){
      var self=this;
      wx.showToast({
        title:'正在查询，请稍后....',
        icon:'loading',
        duration:1000
      });
      wx.request({
        url:'https://v.juhe.cn/postcode/query',
        data:{
          'postcode':postcode,
          'key':'0ff9bfccdf147476e067de994eb5496e'
        },
        header:{
          // 'Content-Type':'application/json',
          'Content-Type':'application/json',
        },
        method:'GET',
        success:function(res){
          wx.hideToast();
          if(res.data.error_code==0){
            console.log(res);
            self.setData({
              errMsg:"",
              error_code:res.data.error_code,
              address:res.data.result.list
            })
          }
          else{
            self.setData({
              errMsg:res.data.reason||res.data.reason,
              error_code:res.data.error_code
            })
          }
        }
      })
    }
  }
})

wxml： 

<view>邮政编码：</view>
<input type="text" bindinput="input" placeholder='6位邮政编码'/>
<button type="primary" bind:tap="find">查询</button>
<block wx:for="{{address}}">
  <block wx:for="{{item}}">
    <text>{{item}}</text>
  </block>
</block>

通过wx.request(object)的POST的方法获取邮政编码对应的地址信息。 

js： 

Page({
  data:{
    postcode:'',
    address:[],
    errMsg:'',
    error_code:-1
  },
  input:function(e){
    this.setData({
      postcode:e.detail.value,
    })
    console.log(e.detail.value)
  },
  find:function(){
    var postcode=this.data.postcode;
    if(postcode!=null&&postcode!=""){
      var self=this;
      wx.showToast({
        title:'正在查询，请稍侯....',
        icon:'loading',
        duration:10000
      });
      wx.request({
        ur1:'https://v.juhe.cn/postcode/query',
        data:{
          'postcode':postcode,
          'key':'0ff9bfccdf147476e067de994eb5496e'
        },
        header:{
          'Content-type':'application/x-www-form-urlencoded',
        },
        method:'POST',
        success:function(res){
          wx.hideToast();
          if(res.data.error_code==0){
            console.log(res);
            self.setData({
              errMsg:'',
              error_code:res.data.error_code,
              address:res.data.result.list
            })
          }
          else{
            self.setData({
              errMsg:res.data.reason||res.data.reason,
              error_code:res.data.error_code
            })
          }
        }
      })
    }
  }
})

wxml： 

<view>邮政编码：</view>
<inputtype="text"bindinput="input"placeholder='6位邮政编码'/>
<buttontype="primary"bindtap="find">查询</button>
<blockwx:for="{{address}}">
<blockwx:for="{{item}}">
<text>{{item}}</text>
</block>
</block>
2、上传文件

 wxml：

<button type="primary" bind:tap="uploadimage">上传图片</button>
<image  src="{{img}}" mode="widthFix"/>

js： 

Page({
  data:{
    img:null,
  },
  uploadimage:function(){
    var that=this;
    //选择图片
    wx.chooseImage({
      success:function(res){
        var tempFilePaths=res.tempFilePaths
        upload(that,tempFilePaths);
      }
    })
    function upload(page,path){
    //显示toast提示消息
      wx.showToast({
        icon:"loading",
        title:"正在上传"
      }),
      wx.uploadFile({
        url:"http://localhost/",
        filePath:path[0],
        name:'file',
        success:function(res){
          console.log(res);
          if(res.statusCode!=200){
            wx.showModal({
              title:'提示',
              content:'上传失败',
              showCancel:false
            })
            return;
          }
          var data=res.data
          page.setData({  //上传成功修改显示头像
            img:path[0]
          })
        },
        fail:function(e){
          console.log(e);
          wx.showModal({
            title:'提示',
            content:'上传失败',
            showCancel:false
          })
        },
        complete:function(){
       //隐藏Toast
          wx.hideToast();
        }
      })
    }
  }
})

3、下载文件

wxml：

<button type="primary" bind:tap='downloadimage'>下载图像</button>
<image src="{{img}}" mode='widthFix'style="width:90%;height:500px"></image>

js：

Page({
  data:{
    img:null
  },
  downloadimage:function(){
    var that=this;
    wx.downloadFile({
      url:"http://localhost/l.jpg",
      success:function(res){
        console.log(res)
        that.setData({
          img:res.tempFilePath
        })
      }
    })
  }
})

 

 二、多媒体API

1、图片API

（1）选择图片或拍照

js： 

wx.chooseImage({
  count:2,
  sizeType:['original','camera'],
  success:function(res){
    var tempFilepaths=res.tempFilepaths
    var tempFiles=res.tempFiles;
    console.log(tempFilepaths)
    console.log(tempFiles)
  }
})

（2）预览图片

wx.previewImage({
  current:"http://bmob-cdn-16488.b0.upaiyun.com/2018/02/05/2.png",
  urls:["http://bmob-cdn-16488.b0.upaiyun.com/2018/02/05/1.png",
"http://bmob-cdn-16488.b0.upaiyun.com/2018/02/05/2.png",
"http://bmob-cdn-16488.b0.upaiyun.com/2018/02/05/3.jpg"
]
})

（3）获取图片信息

wx.chooseImage({
  success:function(res){
    wx.getImageInfo({
      src:res.tempFilepaths[0],
      success:function(e){
        console.log(e.width)
        console.log(e.height)
      }
    })
  },
})

 （4）保存图片到系统相册

wx.chooseImage({
  success:function(res){
    wx.saveImageToPhotosAlbum({
      filepath:res.tempFilepaths[0],
      success:function(e){
        console.log(e)
      }
    })
  },
})
2、录音API

（1）开始录音

（2）停止录音

wx.startRecord
({
  success:function(res){
    var tempFilepath=res.tempFilepath
  },
  fail:function(res){
  }
})
setTimeout(function(){
  wx.stopRecord()
},10000)
3、音频播放控制API

（1）播放语音

wx.startRecord({
  success:function(res){
    var tempFilepath=res.tempFilepath
    wx.playVoice({
      filepath:tempFilepath,
      complete:function(){
      }
    })
  }
})

（2）暂停播放

wx.startRecord({
  success:function(res){
    var tempFilepath=res.tempFilepath
    wx.playVoice({
      filepath:tempFilepath
    })

    setTimeout(function(){
      wx.pauseVoice()
    },5000)
  }
})

（3） 结束播放

wx.startRecord({
  success:function(res){
    var tempFilepath=res.tempFilepath
    wx.playVoice({
      filepath:tempFilepath
    })
    
    setTimeout(function(){
      wx.stopVoice()
    },5000)
  }
})
4、音乐播放控制API

 案例展示：

wxml：

<view class="container">
<image class="bgaudio" src="{{changeImg? music.coverImg:'../image/lxy1.png'}}"/>
<view class="control-view">
<image src="../image/lxy2.png" bind:tap="onPositionTap" data-how="0"/>
<image src="../image/{{isPlaying?'pause':'lxy2'}}.png" bind:tap="onAudioTap"/>
<image src="../image/lxy3.png" bind:tap="onStopTap"/>
<image src="../image/lxy4.png" bind:tap="onPositionTap" data-how="1"/>
</view>
</view>

json：

{
}

wxss：

.bgaudio{
  height: 350rpx;
  width: 350rpx;
  margin-bottom: 100rpx;
}
.control-viewimage{
  height: 64rpx;
  width: 64rpx;
  margin: 30rpx;
}

js：

Page({
  data:{
    isPlaying:false,
    coverImgchangedImg:false,
    music:{
      "url":
      "http://bmob-cdn-16488.b0.upaiyun.com/2018/02/09/117e4alb405195b18061299e2de89597.mp3",
      "titie":"盛晓玫-有一天",
      "coverImg":
      "http://bmob-cdn-16488.b0.upaiyun.com/2018/02/09/f604297140c9681880cc3d3e581f7724.jpg"
    },
  },
  onLoad:function(){
    this.onAudioState();
  },
  onAudioTap:function(event){
    if(this.data.isPlaying){
      wx.pauseBackgroundAudio();
    }else{
      let music =this.data.music;
      wx.playBackgroundAudio({
        dataUrl:music.url,
        title:music.titie,
        coverImgUrl:music.coverImg
      })
    }
  },
  onStopTap:function(){
    let that=this;
    wx.stopBackgroundAudio({
      success:function(){
        that.setData({isPlaying:false,changedImg:false});
      }
    })
  },
  onPositionTap:function(event){
    let how=event.target.dataset.how;
    wx.getBackgroundAudioPlayerState({
      success:function(res){
        let status=res.duration;
        if(status===1){
          let duration=res.duration;
          let currentPosition=res.currentPosition;
          if(how==="0"){
            let position=currentPosition-10;
            if(position<0){
              position=1;
            }
            wx.seekBackgroundAudio({
              position:position
            });
            wx.showToast({title:"快退10s",duration:500});
          }
          if(how==="1"){
            let position=currentPosition+10;
            if(position>duration){
              position=duration-1;
            }
            wx.seekBackgroundAudio({
              position:position
            });
            wx.showToast({title:"快进10s",duration:500});
          }
        }else{
          wx.showToast({title:"音乐未播放",duration:800});
        }
      }
    })
  },
  onAudioState:function(){
    let that=this;
    wx.onBackgroundAudioPlay(function(){
      that.setData({isPlaying:true,changedImg:true});
      console.log("on play");
    });
    wx.onBackgroundAudioPause(function(){
      that.setData({isPlaying:false});
      console.log("on pause");
    });
    wx.onBackgroundAudioStop(function(){
      that.setData({isPlaying:false,changedImg:false});
      console.log("on stop");
    });
  }
})

 三、文件API

1、保存文件 

saveImg:function(){
  wx.chooseImage({
    count:1,
    sizeType:['original','compressed'],
    sourceType:['album','camera'],
    success:function(res){
      var tempFilePaths=res.tempFilePaths[0]
      wx.saveFile({
        tempFilePath:tempFilePaths,
        success:function(res){
          var saveFilePath=res.savedFilePath;
          console.log(saveFilePath)
        }
      })

    }
  })
}
2、获取本地文件列表

wx.getSavedFileList({
  success:function(res){
    that.setData({
      fileList:res.fileList
    })
  }
})
3、获取本地文件的文件信息

wx.chooseImage({
    count:1,
    sizeType:['original','compressed'],
    sourceType:['album','camera'],
    success:function(res){
      var tempFilePaths=res.tempFilePaths[0]
      wx.saveFile({
        tempFilePath:tempFilePaths,
        success:function(res){
          var saveFilePath=res.savedFilePath;
         wx.getSavedFileInfo({
           filePath:saveFilePath,
           success:function(res){
             console.log(res.size)
           }
         })
        }
      })
    }
  })
4、删除本地信息

wx.getSavedFileList({
  success:function(res){
    if(res.fileList.length>0){
      wx.removeSavedFile({
      fileList:res.fileList[0].filePath,
      complete:function(res){
        console.log(res)
      }
    })
  }
}
})
5、打开文档

wx.downloadFile({
  url:"http://localhost/fm2.pdf",
  success:function(res){
    var tempFilePath=res.tempFilePath;
    wx.openDocument({
      filePath:tempFilePath,
      success:function(res){
        console.log("打开成功")
      }
    })
  }
})

四、本地数据及缓存API

1、保存数据

（1）wx.setStonrage(Object)

wx.setStorage({
  key:'name',
  data:'sdy',
  success:function(res){
    console.log(res)
  }
})

(2)wx.setStorageSync(key,data)

wx.setStorageSync('age','25')
2、获取数据

（1)wx.getStorage(Object)

wx.getStorage({
key:'name',
success:function(res){
console.log(res.data)
},
}）

（2）wx.getStorageSync(key) 

try{
  var value=wx.getStorageSync('age')
  if(value){
    console.log("获取成功"+value)
  }
}catch(e){
  console.log("获取失败")
}
3、删除数据

（1）wx.removeStorage(Object)

wx.getStorage({
  key:'name',
  success:function(res){
  console.log("删除成功")
  },
  fail:function(){
    console,log("删除失败")
  }
  })

(2) wx.removeStorageSync(key)

try{
  wx.removeStorageSync('name')
}catch(e){
}
4、清空数据

（1）wx.clearStorage()

wx.getStorage({
  key:'name',
  success:function(res){
    wx.clearStorage()
  },
})

(2)wx.clearStroageSync()

try{
  wx.clearStorageSync()
}catch(e){
}

五、位置信息API

1、获取位置信息

wx.getLocation({
  type:'wgs84',
  success:function(res){
    console.log("经度:"+res.longitude);
    console.log("纬度:"+res.latitude);
    console.log("速度:"+res.longitude);
    console.log("位置的精确度:"+res.accuracy);
    console.log("水平精确度:"+res.horizontalAccuracy);
    console.log("垂直精确度:"+res.verticalAccuracy);
  },
})
2、选择位置信息  

wx.chooseLocation({
  success:function(res){
    console.log("位置的名称:"+res.name);
    console.log("位置的地址:"+res.address);
    console.log("位置的经度:"+res.longitude);
    console.log("位置的纬度:"+res.latitude);
  }
})
3、显示位置信息
wx.getLocation({
  type:'gcj02',
  success:function(res){
var latitude=res.latitude
var longitude=res.longitude
wx.openLocation({
  latitude: latitude,
  longitude: longitude,
  scale:10,
  name:'智慧国际酒店',
  address:'西安市长安区西长安区300号'
})
  }
})

六、设备相关API

 1、获取系统信息

 

wx.getSystemInfo({
  success:function(res){
    console.log("手机型号:"+res.model)
    console.log("设备像素比:"+res.pixelRatio)
    console.log("窗口的宽度:"+res.windowWidth)
    console.log("窗口的高度:"+res.windowHeight)
    console.log("微信的版本号:"+res.version)
    console.log("操作系统平台:"+res.system)
    console.log("客户端平台:"+res.platform)
  },
})

2、网络状态

（1）获取网络状态

wx.getNetworkType({
  success:function(res){
    console.log(res.networkType)
  },
})

（2）监听网络状态变化

wx.onNetworkStatusChange(function(res){
  console.log("网络是否连接:"+res.isConnected)
  console.log("变化后的网络类型:"+res.networkType)
})
3、拨打电话

wx.makePhoneCall({
  phoneNumber: '18092585093',
})

 4、扫描二维码

//允许从相机和相册扫码
wx.scanCode({
  success:(res)=>{
    console.log(res.result)
    console.log(res.scanType)
    console.log(res.charSet)
    console.log(res.path)
  }
})
//只允许从相机扫码
wx.scanCode({
  onlyFromCamera:true,
  success:(res)=>{
    console.log(res)
  }
})

lcbwalxy
关注
微型计算机原理与接口技术第六章总结
landiao8848的博客
05-25 185
第六章 输入输出和中断技术
6.第六章总结1
08-08
第六章总结的内容主要聚焦在电子通信中的调制与解调技术以及非线性器件的伏安特性分析。首先，我们讨论了线性频谱搬移，这是一个关键概念，指的是在调制过程中，信号的不同频率成分比例保持不变，允许只搬移部分频谱...
计算机网络第六章总结
weixin_65440201的博客
05-23 1452
6.1域名系统DNS（从域名解析出IP地址） 6.1.1域名系统概述 域名系统DNS：是互联网使用的命名系统，用来把便于人们使用的机器名字转换为IP地址。 域名到IP地址的解析是由分布在互联网上的许多域名服务器程序共同完成的，其中域名到IP地址的解析过程的要点如下：当某一个应用进程需要把主机名解析为IP地址时，该应用进程就调用解析程序，并成为DNS的一个客户，把待解析的域名放在DNS请求报文中，以UDP用户数据报方式发给本地域名服务器（使用UDP是为了减少开销），本地域名服务器在查找域名后，把对应的I
第六章 总结及作业【编译原理】
小心星的博客
06-07 1052
第六章 总结及作业【编译原理】
信号与系统第六章总结
qq_43543515的博客
06-03 525
西瓜书第六章总结
weixin_44852879的博客
12-27 445
【C#学习笔记】第六章总结
q418030645的博客
08-24 563
《C#入门经典第七期》第六章函数书后总结 定义函数 用函数名、0个或多个参数及返回类型来定义函数。函数的名称和参数统称为函数的签名。可以定义名称相同但签名不同的多个函数——这称为函数重载。也可以在结构类型中定义函数 返回值和参数 函数的返回类型可以是任意类型，如果没有返回值，那么就是void。参数也可以是任意类型，由一个用逗号分隔的类型和名称对组成。个数不定的特定类型的参数可以通过参数数组...
【笔记】概统论与数理统计第六章知识点总结
weixin_44835327的博客
06-27 855
6.1 大数律 切比雪夫不等式：设随机变量的期望和方差都存在, 则对任意 ε > 0, 有 依概率收敛：设是一随机变量序列，a 为常数，若对任意 ε > 0，有 直观意义：当 n 充分大的时候, |Xn − a| 以极大的概率充分接近于 0 一个随机变量序列依概率收敛的充分条件 切比雪夫大数定律：对两两不相关的随机变量序列 {}，若 E(), D() 都存在, 且有常数 C < ∞ 使得 D() ≤ C，k
matLab学习笔记第六章
m0_52024881的博客
11-17 1480
仿真 启动方法一： 建立一个简单的Simulink实例 Simulink界面窗口介绍 slx mdl simulink的工作原理 6.2simulink的常用模块库 simulink建立系统模型 ’ 改变模块方向 快捷键 ctrl+r 将模块顺时针旋转90° ctrl+I将模块顺时针旋转180° 可以将两个东西或多个东西选中之后旋转 右键旋转 颜色设定 ...
《概率论与数理统计》（浙大第四版）第六章总结笔记（纯手写）
qq_45681057的博客
05-26 2849
一. 写在前面 教材：《概率论与数理统计》（浙大第四版） 这份笔记仅为个人笔记，不具有全面性与权威性。但非常希望这份笔记可以给有需要的读者一些启发 这份笔记中可能存在错误或者偏差，希望与读者在评论区一起交流 这份笔记完全原创，但读者可以根据需要进行分享   二. 第六章总结笔记 ...
计算机网络知识点总结——第六章应用层
weixin_44546342的博客
08-08 2526
HTTP协议定义了浏览器（万维网客户进程）怎样向万维网服务器请求万维网文档，以及服务器怎样把文档传送给浏览器。：电子邮件客户端软件，为客户提供接口写发邮件（Foxmail，Outlook），功能：撰写、显示、处理、通信。万维网以客户/服务器方式工作，用户使用的浏览器就是万维网客户程序，万维网文档所驻留的主机运行服务器程序。提供不同种类主机系统（硬、软件体系等都不可以不同）之间的文件传输能力。：SMTP（发送邮件），POP3、IMAP（接收协议）的，因此在报文中的每一个字段都是一些ASCII码串。...
数据库第六章总结+课后题（2020.4.13作业）
01-19
两个小节，问题的提出和规范化。 主要是规范化，定义比较多 问题的提出 规范化 函数依赖 函数依赖：设R(U)是一个属性集U上的关系模式，X和Y是U的子集。若对于R(U)的任意一个可能的关系r，r 中不可能存在：两个元组...
第六章总结与展望.7z
12-31
"第六章总结与展望"这个标题可能指的是一个文档或一系列资料，它涵盖了某个特定技术主题的第六个章节的内容，并对当前研究或实践进行了回顾，同时对未来的发展趋势进行了预测。这种类型的文件常见于学术论文、技术...
通信原理课件通信原理\第六章 总结.doc
05-16
通信原理的课件很详细通信原理\第六章 总结.doc
Linux常用命令
wang_san_sui_的博客
09-23 729
Linux 系统提供了大量的命令来管理系统和处理文件。：创建新文件或更新现有文件的时间戳。：报告文件系统的磁盘空间使用情况。：查看当前正在运行的进程的状态。：从排序好的文件中删除重复行。：显示系统中正在运行的进程。：安全地复制文件到远程机器。：打印当前工作目录的路径。：移动或重命名文件/目录。：更改文件或目录的所有者。：更改文件或目录的权限。：在文件系统中查找文件。：安全地登录到远程机器。：模式扫描和处理语言。：对文件内容进行排序。：查看文件的开始部分。：查看文件的结束部分。：检查磁盘使用情况。
Linux基础命令——账户简单管理
2301_79096184的博客
09-20 1120
4.会话类型：如果 root 用户通过 su 命令切换到其他用户，原始的 root 会话可能会被隐藏。这里可以通过/etc/shadow文件下看到，stu02用户密码，前面有感叹号，而正常情况下是没有的。1.没有通过终端登录，root 用户可能通过图形界面（如桌面环境）登录。命令：ps aux （显示所有用户的进程信息）命令：ps -p 1 （显示进程 ID 为 1 的进程）命令：ps -u username （显示指定用户的进程）命令：ps （ 显示当前终端的进程）
Linux 文件目录结构（详细）
最新发布
2301_80035882的博客
09-26 170
Linux的文件系统是采用级层式的树状目录结构，在此结构中的最上层是根目录“/”，然后在此目录下再创建其他的目录。Linux世界中，一切皆文件！
高级java每日一道面试题-2024年9月26日-运维篇[分布式篇]-如何保证每个服务器的时间都是同步的?
qq_43071699的博客
09-26 785
确保服务器之间的时间同步对于维护分布式系统的一致性、日志记录的准确性以及安全认证的有效性非常重要。
CentOs-Stream-9 解决此系统未向授权服务器注册问题
纸上得来终觉浅，绝知此事要躬行
09-26 234
无法执行yum安装rpm问题(后面安装Mysql会遇到)：This system is not registered with an entitlement server. You can use "rhc" or "subscription-manager" to register.
总结认知神经科学第六章
02-15
第六章主要内容是关于认知神经科学中的注意力。注意力是认知系统中的一个重要组成部分，是指个体对外界刺激的选择性关注。 在本章中，可以学习到注意力的种类和作用，例如分配注意力和维持注意力；注意力的神经机制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值