Github仓库地址? https://github.com/xiaoli-guan/personal-project.git
一、项目介绍
我这个项目的主要功能是:能够上传本地图片,并附上对这张照片的感想等句子,并保存下来。
典型用户是喜爱记录生活的人。
在我看来,记录生活的点点滴滴就是一种浪漫。随时拍一张美图,附上见解、感言等,保存下来供日后观看,说不定又会有新的感受。
二、完成情况
目前基本功能已经完成。登录、上传图片、添加文字、保存。整体运行正常,基本达到了预想设计。
三、页面、控件介绍
主要用了两个页面,一个用来设置图片,一个用来登录及浏览已保存的图片。
在控件上,组件主要使用image、button、text、view和input。
在API上,
调用了wx.chooseMedia()来上传本地图片;
wx.chooseMedia({
count: 9,
mediaType: ['image','video'],
sourceType: ['album', 'camera'],
maxDuration: 30,
camera: 'back',
success:(res)=>{
console.log(res.tempFiles[0].tempFilePath);
that.setData({
image_url:res.tempFiles[0].tempFilePath,
index:that.data.index+1
})
}
})
其中,count是最多可以选择的文件个数,
mediaType是文件类型,
sourceType是图片和视频选择的来源,
maxDuration是拍摄视频最长拍摄时间,单位秒。时间范围为 3s 至 60s 之间。不限制相册。camera是仅在 sourceType 为 camera 时生效,使用前置或后置摄像头
调用了wx.setStorage()缓存个人信息;
调用了wx.getUserProfile()获取用户信息;
调用了wx.getStorage()获取本地缓存。
四、测试情况
先点击右下角的加号选择图片上传。
然后在文字框内输入感言
可以看到,在图鉴页面可以查看到
多上传几张看看效果
可以看到,效果还是不错的。
五、遇到的问题
问题一:
刚开始时,对于浪漫这个主题实在是无从下手,在印象中浪漫不就是小情侣之间的亲亲我我嘛,我一个单身十几年的直男哪懂这些啊。思来想去,在网上找了许多资料,最终确定制作一个上传图片添加文字的小程序。保存此时的感悟,也可以说是一种对自己的浪漫吧。
问题二:
对于不同页面之间传输数据,我刚开始也不太懂,就参照着实验4(高校新闻网)弄了一个,但效果不行,获取到的数据都是空的。后来才知道,tabBar之间传输数据不能使用navigator。于是就改用setStorage。由于没有学过JavaScript,很多数据类型我都是一窍不通,只能依葫芦画瓢,在缓存本地数据时也出现了不少差错。
六、心得体会
本次实验十分有趣,虽然也遇到了一些问题,但最终都解决了。遇到不懂的知识,不断地在网络上寻找解决方法,这不也是一种乐趣吗?
通过这一门课,我稍微熟悉了小程序开发和安卓开发。两者稍微有点区别,但本质都是差不多地,前端布局,后端逻辑。在这堂课上学到的知识,相信对我接下来的课程会有所帮助。