基于微信小程序的移动学习平台的设计与实现.docx

摘要

本项目将要设计及制作一个移动学习平台微信小程序，该小程序的主要功能是为用户提供一个可在线观看关于数学和英语的视频学习资料的平台。小程序的设计及实现过程中所使用到的软件工具包括微信开发者工具（小程序编写及后台云数据库）、思维导图工具（页面交互流程理解）。

本项目中所涉及到的流程包括有：小程序功能的构想、使用云开发数据库上传视频和图片、轮播图功能的实现、分区列表的设计、通过点击事件实现带参数跳转至视频详情页、视频详情页的数据获取与展示、收藏功能的实现、发表评论功能的、收藏与评论状态的数据库实时更新、模糊搜索功能的实现、程序测试等。

关键词：微信小程序云开发移动学习平台视频播放

Abstract

ThisprojectwilldesignandimplementamobilelearningplatformbaseonWeChatminiprogram.ThemainfunctionofthisminiprogramistoprovideaplatformforuserstowatchlearningmaterialsaboutMathandEnglishonline.ThetoolsusedinthedesignandimplementationoftheminiprogramincludeWeChatwebdevtools(CodedesignandCloudDatabase),

MindjetMindManager(pageinteractionprocessflowchart).

Workprocessinvolvedinthisprojectare:theideaofminiprogramfunctions,UploadvideosandimagesbyusingCloudDevelopmentDatabase,thedesignofCarouselbanner,thedesignofpartitionlists,jumptovideodetailpageswithparametersbyclickevents,dataacquisitionanddisplayofvideodetailpages,thedesignofaddfavoritefunction,thedesignofcommentfunction,clouddatabasereal-timeupdateoffavoriteandcommentstatus,theimplementationoffuzzysearchfunction,programtest,etc.

Keywords:WeChatminiprogramClouddevelopmentMobileLearningplatformVideoplaying

目录TOC\o1-3\h\z\u

第一章绪论 1

1.1开发背景及意义 1

1.2国内外研究现状 1

1.3课题研究内容 2

1.4论文的组织结构 2

第二章开发环境 3

2.1开发工具的介绍 3

2.2项目结构介绍 3

2.3云数据库介绍 4

2.3.1“数据库”页面 4

2.3.2“存储”页面 5

2.3.3“云函数”页面 5

第三章小程序需求分析 6

3.1程序整体需求分析 6

3.2云开发需求分析 7

3.3视频详情页的需求分析 7

第四章小程序功能实现 8

4.1从云数据库获取信息 8

4.1.1建立视频数据信息存储列表 8

4.1.2小程序页面获取视频列表 9

4.2首页轮播图 10

4.2.1轮播图的意义 10

4.2.2首页轮播图的实现 10

4.3分区页面导航栏 12

4.3.1小程序底部导航栏 12

4.3.2首页头部导航栏 13

4.3.3遇到的问题与解决办法 14

4.4对应视频的视频详情页数据获取 15

4.4.1带参数跳转至视频详情页 15

4.4.2视频详情页数据获取 16

4.4.3遇到的问题与解决办法 17

4.5收藏和评论 18

4.5.1收藏功能的基本实现 18

4.5.2收藏状态的服务器上传与同步 18

4.5.3用户信息的获取