l***@126.com
l***@126.com
  • 发布:2021-11-23 00:24
  • 更新:2022-10-14 10:30
  • 阅读:857

纯nvue开发安卓端APP演示项目(附体验二维码)

分类:uniCloud

nvue开发APP具有性能好的优势,空闲之余,遂采用nvue开发前端,uniCloud开发后端的方式,开发了一款功能较为简单的社交类安卓端APP演示应用,功能较为简单,但开发过程中涉及到的技术点较为全面,相信大部分开发同行都会遇到,开发过程中也踩过不少坑,在此发帖,以期和有兴趣的朋友交流学习,也可以代为开发APP项目。尽管这是非商业项目,目的用于交流学习,该演示项目也已取得软件著作权证书,还希望各位朋友尊重劳动成果,不要反编译和破解,有想技术和知识交流的尽管提问,一定知无不言。

前端部分:
页面全部是采用nvue,布局推荐使用flex布局,css写法较为受限,但uniapp对nvue样式的支持是绝对能满足开发所需的,要比weex的支持更加友好。组件推荐使用uni-ui,实在没有合适的自己也可以写组件

后端部分:
采用的是uniCloud,主要是对数据的增删改查,事务的运用,用户的注册登陆和token的维护等等。存储使用云存储即可。

涉及到的知识点如下:
1、flex布局,自定义顶部导航,nvue简单过渡动画、swiper加list、cell、refresh等组件的配合使用;长列表数据推荐使用list组件,实机体验起来还是不错的;
2、返回顶部操作,nvue返回页面顶部需要用到uni.requireNativePlugin(),且在list组件内第一个子组件要设置ref,类似于锚点的位置;
3、层级的实现,nvue的层级不是靠z-index来实现的,是写在容器越里面,则显示在最上面来实现的;
4、背景图的实现;
5、app启动隐私政策和用户协议的配置;
6、第三方登陆的配置,此演示项目使用了QQ登陆;
7、分享功能的实现,自己有注册第三方分享的话用自定义分享,若没有,可以使用系统级分享;
8、开屏广告的配置和内容联盟的配置;
9、实现随机获取不重复的后端数据;
10、事务在uniCloud中的运用,例如点赞操作,必须是点赞成功、点赞量加1、给对应用户发送消息等等一些列操作全部成功,方能提交对数据库数据的更改,否则事务需要回滚,保证操作的合理。在电商项目里经常会用到事务;
11、邮件的发送;
12、用户信息的维护使用uni-id即可,注册、登陆、token的维护官方都已经封装好了;
13、版本更新的实现;
14、项目配置文件的管理;
15、云函数中开发过程中错误信息的调试;
16、数据库的建表、增删改查的实现、联表查询等;
.............................................................................
细节上的知识点待后面陆续更新

体验二维码:使用浏览器扫码下载即可体验

效果图如下:

3 关注 分享
5***@qq.com j***@163.com 1***@qq.com

要回复文章请先登录注册

4***@qq.com

4***@qq.com

请问开源了没,想学习学习
2022-10-14 10:30
z***@gmail.com

z***@gmail.com

回复 l***@126.com :
好的 在线蹲一个 想学习下哈 (奈何没有安卓手机 预览不了)
2021-11-24 10:24
l***@126.com

l***@126.com (作者)

回复 z***@gmail.com :
还有许多细节需要调试下,没什么问题后会考虑开源
2021-11-23 16:55
z***@gmail.com

z***@gmail.com

这算是开源出来还是?
2021-11-23 16:02
l***@126.com

l***@126.com (作者)

回复 一抱一个胖猪猪 :
感谢,希望对想开发APP的人有帮助
2021-11-23 11:46
一抱一个胖猪猪

一抱一个胖猪猪

很美
2021-11-23 08:42
l***@126.com

l***@126.com (作者)

回复 1***@qq.com :
有帮助就行
2021-11-23 08:36
1***@qq.com

1***@qq.com

可以啊,list组件回滚到顶部对我有用,之前搞了半天弄不出来
2021-11-23 01:40