个人项目--以浪漫为主题

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，很多数据类型我都是一窍不通，只能依葫芦画瓢，在缓存本地数据时也出现了不少差错。

六、心得体会

本次实验十分有趣，虽然也遇到了一些问题，但最终都解决了。遇到不懂的知识，不断地在网络上寻找解决方法，这不也是一种乐趣吗？

通过这一门课，我稍微熟悉了小程序开发和安卓开发。两者稍微有点区别，但本质都是差不多地，前端布局，后端逻辑。在这堂课上学到的知识，相信对我接下来的课程会有所帮助。