个人随笔
目录
Uniapp实战之背单词小程序应用
2021-11-15 21:21:52

前面两天学习了uniapp的使用,以及基本实战,然后想着项目过程中肯定还会遇到各种各样的问题,所以大算做一个练手的项目试试。

1、UI设计

参考了很多背单词的app都是花里胡哨的,想着背单词就专注背单词然后就大概设计了如下界面




2、组件剥离

这里把顶部个人信息以及单词详情都抽取出来做组件,然后可以在学习单词,复习单词和单词详情界面通用

3、列表白屏

我发现在加载单词列表超过2000后,整个小程序都白屏了,也不知道怎么回事,最后网上找的解决方案就是把列表的每一项抽取成组件,然后就好了

4、小程序兼容

比如微信小程序和QQ小程序,登录的方式都不同,所以这里用#ifdef等命令就非常的完美

5、前后端加密

听说小程序返回的数据为了保证安全性会进行加密,所以这里就简单的进行了AES对称加密,反正也不是什么非常重要的信息

6、后端实现

后端就比较简单了,就一个简单的springboot应用,然后用guava来保存用户会话,反正是小应用用来测试的,所以就不考虑什么redis这种比较耗资源的东西了,毕竟阿里云的服务器还是挺贵的。

7、体验总结

总的来说比用微信小程序原生开发简单很多,并且也方便发布到其它小程序,可惜字节跳动小程序个人是搞不了的,所以只能在微信上测试,大家有兴趣可以去微信上搜搜:万词斩,看看有没有啥bug。

 561

啊!这个可能是世界上最丑的留言输入框功能~


当然,也是最丑的留言列表

有疑问发邮件到 : suibibk@qq.com 侵权立删
Copyright : 个人随笔   备案号 : 粤ICP备18099399号