微信小程序课程-第八章 微信小程序作业

第八章设置（其他API的使用）填空题1.微信小程序的通过调用________方法获得用户基本信息。答案：wx.getUserInfo和wx.getUserProfile2.微信小程序使用________API实现异步清除缓存。答案：wx.clearStorage。3.在微信校程序中使用______API，获得当前系统基本信息。答案：wx.getSystemInfoAsync和wx.getSystemInfo。4.在微信校程序中使用______API，实现文件下载和文件预览答案：wx.downLoadFile和wx.openDocument。5.对于文件下载中单此文件下载对于文件大小限制是________答案：200M判断题1.在当前最新版本中微信小程序中通过wx.getUserInfo无法获得对应微信用户昵称和头像信息。(√)2.在微信的缓存操作中缓存的存储支持同步与异步的方式，但在清除缓存的操作只能支持异步的方式。(×)3.在微信小程序用于消息提示的API常用有wx.showToast(Objectobject)和wx.showModal(Objectobject)，不同的是前者是显示消息提示框，而后者显示模态对话框。(√)在微信小程序中可以使用wx.scanCode(Object)方法可以实现扫码二维码，但不能支持其他条形码扫码的功能。(×)4.在微信小程序中可以使用wx.downloadFile实现文件下载，但对于单个文件下载大小限制不能超过20M(×)选择题微信小程序中关于获取用户基本信息说明错误是()A.在微信小程序的API提供wx.getUserInfo和wx.getUserProfile方法获取用户基本信息。B.当前版本中wx.getUserInfo()方法获取的用户信息，昵称名为“微信用户”，头像为“灰色头像”，其他信息无法获取。C.到2022年5月25日24时之后，微信官方将收回wx.getUserProfile接口的使用，因此该调用此方法就会有异常。D.对于wx.getUserInfo和wx.getUserProfile方法的使用，微信官方进行调整后，尽管无法获得微信用户详细信息，但对于获取用户的openId的能力不受影响。2.下列选项中，关于小程序API描述，说法错误的是(D)A.onPullDownRefresh实现页面下拉刷新B.wx.getlmageInfo获取图片信息C.wx.openLocation打开当前位置D.wx.checkLogin检查登录态是否过期3.下列选项中，不属于wx.openDocument()方法支持的文件类型是(C)A.pdf文件。B.word文件C.png文件D.ppt文件4..下列关于小程序数据缓存API的说法错误的是(D)。A.wx.setStorage()异步保存数据缓存B.wx.getStorageInfoSync()同步获取当前storage的相关信息C.wx.getStorage()从本地缓存中异步获取指定key的内容D.异步方式需要执行try…catch捕获异常来获取错误信息5.下列关于在微信小程序中文件下载API的使用说法正确是(BD)。A.wx.downloadFile(Object)方法Object参数中url属性和filePath为必填属性。B.在微信小程序中对于文件中单次下载文件大小不能超过200M。C.使用downloadFile()方法实现多文件下载，最多并发不能超过5个。D.在文件下载成功的回调方法，文件下载临时文件保存到tempFilePath变量。简答题1.基于微信用户信息的相关API，请简单描述在微信小程序开发中如何处理用户信息。简述在微信小程序中如何实现文件下载与预览功能。编程题查阅微信官方API文档，实现一个简易的指南针。参考实现步骤：步骤1：在设置页面添加指南针显示组件，在setting.wxml中添加如下示例代码如下：

<modal

title="指南针"

confirm-text="确定"

no-cancel

hidden="{{compassHidden}}"

bindconfirm="hideCompass"

confirm-color="#1F4BA5">

当前方向：偏北{{compassVal}}°

</modal>查阅微信官方API文档，实现文件上传功能。参考实现步骤：步骤1：新添加一个文件上传页面，在设置页面添加“文件上传”选项，并添加跳转到文件上传页面，如下图所示：用户点击“文件上传”选择，跳转到文件上传页面，如下图：步骤2：在setting.js文件中添加添加业务逻辑代码，示例代码如下：

//

指南针

showCompass()

{

this.setData({

compassHidden:

false

});

wx.onCompassChange((result)

=>

{

if

(!passHidden)

{

this.setData({

compassVal:

result.direction.toFixed(2)

});

}

})

}步骤2：实现点击“上传图片”图片，完成图片选择和文件上传逻辑，示例代码如下：//

上传文件

upLoadFile(){

console.log("====upLoadFile=====");

wx.chooseImage({

success

(res)

{

const

tempFilePaths

=

res.tempFilePaths

wx.uploadFile({

url:

'http://localhost:8080/file/upload',

filePath:

tempFilePaths[0],

name:

'file',

formData:

{

'user':

'test'

},

success

(res){

const

data

=

res.data

console.log(data);

wx.showToast({

title:

'文件上传成功',

icon:"success"

})

},

fail:(res)=>{

wx.showToast({

title:

'文件上传失败',

icon:"error"

})

}

})

}

})

},上述的文件上传的服务器是基于Java的SpringBoot实现的，也可以使用其他服务器语言进行实现，服务器的上传图片处理代码如下：@RestController

publicclassFileController{

@PostMapping("/file/upload")

publicResultInfofile(@RequestParam("file")MultipartFilefile){

System.out.println("=====file=======");

System.out.println(file.getOriginalFilename());//文件名

System.out.println(file.getContentType());//文件类型

System.out.println(file.getSize());//文件大小

//获得文件上传路径

Stringpath=null;

try{

path=ResourceUtils.getURL("classpath:").getPath()+"/static/uploadfiles";

System.out.print("文件上传路径:"+path);

Filedest=newFile(path);

if(!dest.exists()){

dest.mkdirs();

}

StringfileName=file.getOriginalFilename();

file.transferTo(newFile(dest,fileName));

ResultInforesult=newResultInfo(true,"文件上传成功");

returnresult;

}catch(IOExceptione){

e.printStackTrace();

ResultInforesult=newResultInfo(false,"文件上传失败"+e.getMessage());

returnresult;

}

}

classResultInfo{

privatebooleansuccess;

privateStringmessage;

publicResultInfo(){

}

publicResultInfo(booleansuccess,Stringmessage){

this.success=success;

this.message=message;

}

publicbooleanisSuccess(){

returnsuccess;

}

publicvoidsetSuccess(booleansuccess){