前面两天学习了uniapp的使用,以及基本实战,然后想着项目过程中肯定还会遇到各种各样的问题,所以大算做一个练手的项目试试。
1、UI设计
参考了很多背单词的app都是花里胡哨的,想着背单词就专注背单词然后就大概设计了如下界面
2、组件剥离
这里把顶部个人信息以及单词详情都抽取出来做组件,然后可以在学习单词,复习单词和单词详情界面通用
3、列表白屏
我发现在加载单词列表超过2000后,整个小程序都白屏了,也不知道怎么回事,最后网上找的解决方案就是把列表的每一项抽取成组件,然后就好了
4、小程序兼容
比如微信小程序和QQ小程序,登录的方式都不同,所以这里用#ifdef等命令就非常的完美
5、前后端加密
听说小程序返回的数据为了保证安全性会进行加密,所以这里就简单的进行了AES对称加密,反正也不是什么非常重要的信息
6、后端实现
后端就比较简单了,就一个简单的springboot应用,然后用guava来保存用户会话,反正是小应用用来测试的,所以就不考虑什么redis这种比较耗资源的东西了,毕竟阿里云的服务器还是挺贵的。
7、体验总结
总的来说比用微信小程序原生开发简单很多,并且也方便发布到其它小程序,可惜字节跳动小程序个人是搞不了的,所以只能在微信上测试,大家有兴趣可以去微信上搜搜:趣玩背单词,看看有没有啥bug。