1***@qq.com
1***@qq.com
  • 发布:2019-10-15 09:52
  • 更新:2019-12-05 12:31
  • 阅读:3408

第一次接触uniapp 制作app 总结1

分类:uni-app
历时三个月 ,基本完成了公司的app项目!下面我我在使用uniapp时遇到的问题做个总结【可能并非全部】(其实只用了两个多月,后面app部分页面,及流程重做了)  

1、项目开始时
其实项目开始时,页面已经用vue做了一半了,但是后来老大说可能要做成小程序,然后告诉了我这个框架《uniapp》花了近一个星期,边学边做又将vue上的项目转移到uniapp ,做开始遇到了几个小问题都是一些标签使用上的问题,基本多看几遍文档就能够解决!
2、修改BUG
在整个项目编写过程中,我将几个遇到的问题列举下:
1、注册(上传多张图片)
这个问题一共用了差不多一个多星期。
需求:用户注册需要填写信息,上传图片 1、身份证正反2、生活照(用来做人脸识别)3、权限证书(权限证书又分了三种对应三种权限)
这个需求,这么理解,三个权限可以组合,也就是权限1
单独的权限需要传1、身份证正 2、身份证反 3、生活照 4、权限证书
两个权限需要传1、身份证正 2、身份证反 3、生活照 4、权限证书1 5、权限证书2
三个权限都有的 1、身份证正 2、身份证反 3、生活照 4、权限证书1 5、权限证书2 6、权限证书3
在这里遇到的问题就是关于上传的问题,刚开始我没有使用uniapp内置的api 我直接调用的接口,后来发现传不了,需要用表单,但是页面结构都已经做好了,所以就放弃了这一种,然后就是百度,发现又uploadfile 这个api 然后就开始了 钻坑之旅
1.多张图片传不了?(files)
用了差不多一天多的时间发现多张图片传不了???一头雾水不是写的5+app吗?
因为花了太多的时间果断放弃!

  1. 将图片转未base64
    又去百度搜索图片转base64的方法,最后发现转完图片太大了这个方法肯定不行,转完后的大小几十M到一两百M,好吧又果断放弃
    3.然后有回到在页面添加标签form表单的方法
    这个方法用了半天去改页面弄东西,后来发现,需要操作dom通过js去创建表单。。嫌弃太麻烦又放弃了!
    4.最后还是用回了uploadfile
    选来选去最后还是用回了这个内置的api,经过自己不断的学习(问人),发现自己少了个东西 {name:name,uri:图片地址}在一个不起眼的角落里还有一个files 的说明uri 和name 的问题如图


然后果断的加上,通过遍历一个一个的去加,加完以后发现可以了然后调用接口就完事儿了!!oh!mygod!(其实这当中,还有其它的问题,但是都是无关痛痒的,也都是自身的问题就不详细描述了)
2、导航标题
刚学的时候就知道有自定义导航,但是没当回事儿,只是看了一遍没咋注意!觉得就用官方给的就好了呀!后来才知道,还是自己太年轻!
在刚开始用官方给的导航没点问题,感觉也还不错!这个框架真好用!后来一个需求 ,我基本把所有页面的导航都换成了自定义导航!
需求:根据订单不同的状态在导航是否显示二维码跳转页! 在导航上让一个button消失??后来发现可以在上面进行操作(点击执行某个事件onNavigationBarButtonTap(e){})但是无法隐藏,好吧全部改成自定义
3、状态栏
在将导航改成自定义后发现状态栏不见了。果断百度后来知道了height: var(--status-bar-height);去设置状态栏等等。
历史三个月踩了很多坑,还收获了很多,在这里做已分享,可能还有很多的不足之处,希望大家提出宝贵意见!非常感激!又不懂的欢迎来问,直接加我qq就行。虽然我会的不是很多,但是还是希望大家共同进步!

0 关注 分享

要回复文章请先登录注册

zhangdiandong

zhangdiandong

什么APP,我能下载看下实现效果吗?
2019-12-05 12:31
1***@qq.com

1***@qq.com (作者)

回复 zhangdiandong :
app的哦。小程序用只写了静态就丢给别人了。
2019-10-15 15:58
zhangdiandong

zhangdiandong

你这是做的小程序,还是app?
2019-10-15 10:51