项目简介

听书小程序是一款基于UniApp框架开发的在线听书应用,旨在为用户提供高质量的有声书资源和舒适愉悦的听书体验。该小程序集成了多种功能模块和技术实现,包括背景音频播放、视频直播、多人聊天室、微信支付以及余额支付等。

在技术方面,该小程序采用UniApp、Vue3、TypeScript作为主要开发框架,并使用Pinia作为状态管理库,TypeScript作为类型检测工具,Sass作为拓展语法,GraceUI和Uni-UI作为UI组件库。网络请求方面,使用uni.request进行基本请求和响应拦截器。同时,通过组件库快速开发和美化页面,对组件进行二次封装,实现组件的复用和解耦。此外,该小程序也注重工程化思想,提升代码可维护性和可扩展性。

适学人群

  • 小程序开发者

    有一定开发经验,进一步提升技能水平

  • 小程序开发初学者和入门者

    通过实战项目掌握小程序开发流程

  • 技术开发人员

    对小程序开发感兴趣、想要全面了解小程序

主要技术点

  • 01

    模块设计;微信支付、余额模块的统一设计。

  • 02

    权限管理:前台页面权限的管理。

  • 03

    使用TXLivePusher、TCPlayer、Websocket实现直播功能。

  • 04

    小程序内置API:交互、支付、网络请求、预览图片、本地存储、音频等。

  • 05

    小程序分包加载:降低小程序的启动时间、包的体积,提升用户体验度。

  • 06

    小程序组件开发:将页面内的功能模块抽象成自定义组件,实现代码的复用。

  • 07

    网络请求封装:request 方法封装、快捷方式封装、响应拦截器、请求拦截器。

  • 08

    UI组件库:Grace-UI、Uni-UI组件库实现页面的构建,以及针对各种功能组件的封装,比如图片上传、音频上传组件、可拖动改变高度的响应式组件等。

  • 09

    自定义底部导航。

项目效果展示