项目介绍:
小眠睡眠()本项目是针对睡眠领域提供的一项服务。基于解决用户的睡眠问题,我们提供了用户
睡眠数据的记录与监测,实时显示睡眠状态,并在检测到异常时进行提醒,同时生成
睡眠总结报告。
负责模块:
框架搭建与后续工作分配:负责项目框架的搭建并进行后续工作的分配,确保项目
的整体结构和流程的顺利进行。同时负责完成部分基础组件、业务组件与工具类的开发
工作。
睡眠数据采样分析与图表绘制优化:针对大量的睡眠数据,进行采样分析,优化图
表绘制效率,确保睡眠数据的准确性和可视化展示的高效性。
页面拆分与通用模块封装:将网页框架进行拆分,对通用模块进行二次封装,将复
杂的处理逻辑转变为简单的配置组件,并收集后续新增的业务场景,持续增强组件的
应用功能。
技术要点:
登录凭证校验:通过调用wx.login获取登录凭证code,并将code发送给服务器。服
务器再将appid、appSecret和code发送给微信接口服务进行校验。使用
wx-getStorageSync记录用户的唯一id,以确认登录状态。若未登录,则返回登录界面。
分享功能实现:利用wx.showShareMenu和onShareAppMessage方法实现分享功能,
通过onShareAppMessage自定义分享时的图片和标题。
页面逻辑管理:通过onLoad、onHide等钩子丽数来管理页面的逻辑,确保页面呈现
与交互的正常运作。
发现页面轮播效果:通过swiper组件实现发现页面的轮播效果,提升用户体验。
接口请求流程简化:二次封装uni.request,简化接口请求流程,提高代码的可读性。
异步编程优化:利用async和await提高代码的可读性和维护性,使异步操作更加简
洁明了。
自定义导航栏:封装van-nav-bar组件,自定义标题和左侧图标与文字,提升页面的
个性化设置效果。
全局状态管理:通过Pinia全局集中式状态管理,实现全局数据的共享,方便各模块
间的数据传递与管理。
下拉刷新与上传头像:利用enablePullDownRefresh和startPullDownRefresh实现下拉
刷新功能,并结合van-uploader和ui.uploadFile实现用户信息个性化设置中的头像上
传功能。