当前位置: 首页 > Web前端 > HTML

从0到1:基于微信小程序的瑜伽馆预约平台开发笔记

时间:2023-03-28 00:07:00 HTML

背景分析  随着全民健身意识的增强,各种健身模式不断涌现。瑜伽也受到了大众的喜爱,瑜伽行业发展越来越快。作为健身房的老板,你还让会员用纸牌在微信群里订课吗?您还在使用传统的Excel排课吗?如果有一个小程序可以让会员一键订课,会不会让你惊喜、惊喜、激动呢?是的,瑜伽预约小程序就是为解决健身房老板的课程预约痛点而诞生的。功能包括瑜伽馆动态、瑜伽常识、瑜伽老师预约、瑜伽班预约等模块。  系统基于MVC架构,基于微信小程序平台开发。校园用户操作简单快捷:无需下载安装APP。功能抽象数据库设计中遇到的技术难点小程序启动是用户体验极其重要的一环。启动时间过长会导致小程序用户流失读取小程序的配置和代码,注入JS引擎。在预订主包的代码注入过程中,会触发小程序的App.onLaunch和第一个App.onShow生命周期。预订开发者代码注入完成后,框架端会根据预订用户访问的页面进行一些页面数据初始化工作,并触发首页的Page.onLoad、Page.onShow事件。对启动时间的影响预约开发者代码的注入时间直接影响小程序的启动时间。在主流的JS引擎中,代码注入的耗时包括编译和执行。代码量、同步接口调用和一些复杂的计算都会影响注入的耗时。由于定时首页渲染需要使用逻辑层发送的数据,如果开发者的代码注入时间过长,也会延迟首页渲染的启动。在部分平台预约上,微信客户端会使用V8引擎的CodeCaching技术缓存代码编译结果,以减少二次注入时的编译耗时。开发者代码注入(渲染层)保留开发者的wxss和wxml会通过编译注入到渲染层,包括页面渲染所需的页面结构和样式信息。渲染层的注入时间主要与预订页面结构的复杂程度和使用的自定义组件的数量有关。渲染层和逻辑层的开发代码注入是并行进行的。对启动时间的影响由于定时首页渲染需要用到渲染层的页面结构和样式信息,如果开发者的代码注入时间过长,会延迟定时首页渲染的启动。首页(初始)渲染预订开发者代码注入完成后,结合逻辑层获取的数据和渲染层获取的页面结构和样式信息,预订小程序框架将渲染出小程序的首页,显示小程序首屏,触发首页Page.onReady事件。Page.onReady事件被触发以标记小程序启动过程的完成。预约首页渲染对启动耗时的影响主要受页面结构和渲染涉及的数据量的影响。小程序首屏渲染完成。从开发者的角度来看,预约小程序首屏渲染完成的标志是首页的Page.onReady事件。.从框架的角度来看,约会小程序首屏的内容是根据小程序的初始数据和渲染开始前到达的setData数据来渲染的。首屏渲染完成并不意味着小程序页面就一定有完整的内容,开发者触发的setData(比如通过wx.request异步请求数据)可能无法参与首屏渲染。由于框架和启动流程的差异,小程序定义的首屏渲染完成并不等同于浏览器的加载事件。小程序启动阶段是从定时用户点击访问小程序到小程序首屏渲染(触发首页Page.onReady事件)。打开率/到达率预约小程序首屏渲染PV与用户点击小程序PV的比值。ChurnRate=1-OpenRate小程序代码包优化代码包优化的核心方法是减小代码包的大小。预约小程序代码包的大小直接影响下载时间,影响预约小程序启动时的用户体验。开发者可以采取以下措施来优化预约小程序的代码包大小:1.对预约小程序进行分包加载;2、重构优化预约小程序代码;界面设计后台界面设计Git开源代码