# 萌芽 **Repository Path**: liyanpinghhh/germination ## Basic Information - **Project Name**: 萌芽 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-04-06 - **Last Updated**: 2023-03-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README 项目概览 ## **1、项目成员：** ​ 组长：李艳苹 ​ 组员：赵晓雯、靳诗韵、罗雯莉、耿依宁、金薇佳 ## **2、仓库地址：** https://gitee.com/liyanpinghhh/germination.git ## **3、项目名称：** 萌芽 ​ 名称寓意：萌芽，是指草木初生发芽，亦用来比喻事物的开端。一个宝宝对于一个家庭来说就像一颗萌芽的种子，充满了爱与希望，我们希望通过我们的产品帮助每一颗含苞的种子灿然萌芽。孩子从出生到学会走路、吃饭、说话，一切从无开始，对于宝爸宝妈来说也是一个全新的开始，给我们一份信任，我们将帮助每一个爱的小窝有一个相宜的萌芽环境。 ## **4、背景介绍：** ​ 前苏联教育家苏霍姆林斯基曾对几千个家庭进行了研究，他发现，儿童的智力发展和母亲对孩子的早期教育有巨大的依存关系。尤其在3岁前，如果父母和孩子交流得少，交流内容简单，孩子是在情感和智力活动都比较贫乏的状态中长大，那么孩子的智商就会偏低，行为也容易出现偏差。 ​ 父母是孩子的第一任老师，但是对于很多新手爸妈来说早教是一件完全陌生的事情，我们希望打造一款集多种功能于一体的婴幼儿启蒙产品来帮助宝爸宝妈们轻松带娃，愉快成长。 ## **5、主要功能介绍：** ​ 我们的小程序分年龄段提供适合的启蒙教育，并为宝爸宝妈提供记录、交流的平台。 ​ (1)分阶段教学：例如启蒙一阶段（适合1岁-3岁的宝宝）通过动画图片教幼儿认识数字、动物、水果、拼音、汉字等。幼儿启蒙的主要部分之一是智力启蒙，而智力启蒙第一要诀是语言输入，因为人是用语言来思维的，语言的清晰度和思维清晰度完全呈正相关。落实到具体的操作上，也就是让孩子从小便开始接触语言的用法，而结合动画图片也进一步加强了孩子对于环境的感知能力。亲子互动趣味小视频：帮助父母提供适合宝宝年龄段的趣味活动；幼儿启蒙的另一主要部分之一情感启蒙第一要诀是多和孩子接触。亲子互动趣味小视频通过提供互动模板，一方面通过亲子互动充足亲子亲密时间，另一方面，宝宝跟着互动的过程就是他们的身体、社会性、智慧及创造力等方面的成长过程，通过直观形象的互动过程使宝宝真切地感知外界。 ​ (2)宝宝成长手册：家长可以记录宝宝的成长记录，让宝宝的成长“有迹可循”。 ​ (3)家长育儿经交流社区：家长可以发布一些自己和孩子进行互动的趣事，或分享经验，或求取“真经”，让晋升为新手宝爸宝妈的你并不孤单。 ## **6、实现技术：** ​ 墨刀、微信开发者工具、titbit、mySQL、koa # 萌芽前端 ## 启蒙模块 ###登录 + 微信授权登录 ![](./萌芽前端图片/授权登录.png) + 输入宝贝信息，修改出生时间等 ![](./萌芽前端图片/输入宝贝信息.png) ### 选择启蒙阶段 ![](./萌芽前端图片/选择启蒙阶段.png) ### 启蒙一阶段 + 认知小技巧模块选择页面，进入认知页面，可以播放中英文音频 ![](./萌芽前端图片/认知小技巧.png) ![](./萌芽前端图片/认知水果.png) ![](./萌芽前端图片/认知交通工具.png) ![](./萌芽前端图片/认知数字.png) ![](./萌芽前端图片/认知动物.png) + 亲子趣味互动视频列表 ![](./萌芽前端图片/亲子趣味互动视频列表.png) + 进入视频播放页面，观看视频，对视频进行点赞和收藏 ![互动视频页面](./萌芽前端图片/互动视频页面.png) + 发布评论，对评论进行点赞 ![](./萌芽前端图片/互动视频评论.png) + 点击删除按钮，对自己发布的评论进行删除 ![](./萌芽前端图片/互动视频评论删除.png) + 互动视频自己的评论删除成功 ![](./萌芽前端图片/互动视频评论删除成功.png) ### 启蒙二阶段 + 中华传统节日列表页和视频播放页 ![中华传统节日列表页](./萌芽前端图片/中华传统节日列表.png) ![节日视频播放](./萌芽前端图片/节日视频.png) + 寓言故事列表页和视频播放页 ![寓言故事列表页](./萌芽前端图片/寓言故事列表.png) ![寓言故事视频播放](./萌芽前端图片/寓言视频.png) + 认知测试模块选择页面，选择一个模块进入测试页面 ![测试列表页](./萌芽前端图片/测试列表.png) ![测试页面](./萌芽前端图片/测试页面.png) + 选择正确或错误页面 ![回答正确](./萌芽前端图片/回答正确.png) ![回答错误](./萌芽前端图片/回答错误.png) + 测试结束选择重新作答或退出测试页面 ![测试结束](./萌芽前端图片/测试结束.png) ### 启蒙三模块 + 启蒙三视频首页 ![启蒙三视频首页](./萌芽前端图片/启蒙三视频首页.png) + 科普小驿站播放页面 ![科普小驿站播放页面](./萌芽前端图片/科普小驿站播放页面.png) + 视频播放时，视频下方会有一个问题测试 ![展示问题页面](./萌芽前端图片/展示问题页面.png) + 选择正确或错误页面 ![回答正确](./萌芽前端图片/回答正确页面.png) ![回答错误](./萌芽前端图片/回答错误页面.png) + 安全小卫士视频播放及回答问题 ![](./萌芽前端图片/安全小卫士视频播放及问题界面.png) ## 社区模块 + 进入社区页面展示社区动态 ![image-20220523100816665](萌芽前端图片/社区动态页面.png) + 点击右下角加号进入发布动态页面 ![image-20220523101122136](萌芽前端图片/发布动态-未编辑.png) + 编辑动态内容并选择图片，点击发布按钮发布 ![image-20220523101157904](萌芽前端图片/发布动态-已编辑.png) + 动态发布成功 ![image-20220523101243053](萌芽前端图片/动态发布成功.png) + 点击动态内容查看动态详情 ![image-20220523101337735](萌芽前端图片/查看发布动态.png) + 对他人动态进行评论点赞操作 ![image-20220523101449726](萌芽前端图片/查看他人动态.png) ![image-20220523101537542](萌芽前端图片/在动态下发布评论.png) ![image-20220523101646843](萌芽前端图片/成功发布动态评论.png) + 对评论进行点赞操作 ![image-20220523101717382](萌芽前端图片/点赞评论动态.png) + 点击删除图标删除评论 ![image-20220523101815191](萌芽前端图片/删除评论.png) + 删除我发布的动态 ![image-20220523101848313](萌芽前端图片/删除发布动态.png) ## 足迹模块 + 足迹页面 ![](./萌芽前端图片/足迹页面.png) + 点击右下角编辑新的足迹动态 ![](./萌芽前端图片/足迹动态发布.png) + 保存新的足迹动态 ![](./萌芽前端图片/足迹动态已编辑.png) + 新的足迹动态发布成功 ![](./萌芽前端图片/足迹动态发布成功.png) + 查看某个足迹动态详情 ![](./萌芽前端图片/足迹详情.png) + 点击右上角删除足迹动态 ![](./萌芽前端图片/足迹动态删除.png) + 删除足迹动态成功 ![足迹动态删除成功](./萌芽前端图片/足迹动态删除成功.png) ## 我的模块 + 我的用户中心页面 ![我的用户中心页面](./萌芽前端图片/我的用户中心页面.png) + 点击修改信息，进入用户信息修改页面，修改性别和年龄，点击保存修改，修改成功![原用户信息](./萌芽前端图片/原用户信息.png)![修改用户信息](./萌芽前端图片/修改用户信息.png) + 点击我的喜欢，进入喜欢页面 ![我的喜欢](./萌芽前端图片/我的喜欢.png) + 点击右上角管理，选择要删除的视频，点击删除，删除成功，点击完成![删除单个视频](./萌芽前端图片/我的单个视频删除.png)![单个视频删除成功](./萌芽前端图片/我的单个视频删除完成.png) + 点击右上角管理，点击左下角全选，点击删除，删除成功，点击完成![全选删除](./萌芽前端图片/我的视频全选.png)![全选删除完成](./萌芽前端图片/我的视频全选删除完成.png) + 我的收藏 的管理同 我的喜欢 一致，以下是我的收藏页面 ![我的喜欢](./萌芽前端图片/我的收藏.png) + 历史记录 的管理同 我的喜欢 一致，以下是历史记录页面![历史记录](./萌芽前端图片/我的历史记录.png) + 意见反馈 ![点击意见反馈对本小程序提出意见](./萌芽前端图片/我的意见反馈.png) + 编辑意见 ![](./萌芽前端图片/我的意见编辑.png) + 意见反馈成功 ![](./萌芽前端图片/我的意见反馈成功.png) # 启蒙后台管理系统 ### **首页(hi~萌芽)**： 小程序数据统计展示-总计用户数，视频数量，题库容量，社区动态数；项目详细相关信息展示-项目名称，需求背景，产品目标，任务分配。 ![image-20211205190420779](./萌芽后台管理系统图片/hi~萌芽.png) ### **用户管理页**： 获取用户信息相关列表:展示用户ID，用户名，性别，年龄，头像等信息，并可以对用户信息进行操作 ![image-20211205190542244](./萌芽后台管理系统图片/用户管理.png) 调用数据库接口，获取用户信息相关列表渲染在前端界面，可以进行添加用户操作 ![image-20211205190834893](./萌芽后台管理系统图片/增加新用户.png) 调用数据库接口，获取用户信息相关列表渲染在前端界面，可以进行注销用户操作 ![image-20211205190913560](./萌芽后台管理系统图片/注销用户.png) ### **视频管理页**： 包括情感启蒙列表，智力启蒙列表（节日列表、安全列表、科学列表、故事列表）等视频信息的管理，展示视频对应的ID，视频标题，视频封面，视频预览按钮，呈现指定视频的点赞数，收藏数，评论数等，并可以对视频信息进行操作 ![image-20211205190556750](./萌芽后台管理系统图片/视频信息.png) 调用数据库接口，可以进行预览视频详情 ![image-20211205190958546](./萌芽后台管理系统图片/视频预览.png) 调用数据库接口，可以进行视频更新 ![image-20211205191015906](./萌芽后台管理系统图片/视频内容更新.png) 调用数据库接口，可以进行视频添加 ![image-20211205191032638](./萌芽后台管理系统图片/视频内容增加.png) ### **认知管理页**： 包括认知启蒙列表，认知测试列表，实现对题库等内容图片进行可视化展示的管理。展示测试内容ID，问题描述，选项图片渲染，正确答案，并可以对测试信息进行操作 ![image-20211205190616187](./萌芽后台管理系统图片/题库内容管理.png) 调用数据库接口，可以进行测试内容更新 ![image-20211205191054053](./萌芽后台管理系统图片/认知题库更新.png) 调用数据库接口，可以进行测试内容删除 ![image-20211205191109445](./萌芽后台管理系统图片/认知题库删除.png) 调用数据库接口，可以进行测试内容添加 ![image-20211205191123404](./萌芽后台管理系统图片/认知题库增加.png) ### **宝宝记录管理** 总览用户数及对宝宝成长模块记录详情 ![image-20211205191123404](./萌芽后台管理系统图片/宝宝记录用户预览.png) 增加对宝宝成长记录模块，以时间为结点记录宝宝详细信息 ![image-20211205191123404](./萌芽后台管理系统图片/宝宝记录个人详情查看.png) ### **用户反馈管理** 新增用户对该小程序使用可提出有效的建议 方便进行后续更改等 ![image-20211205191123404](./萌芽后台管理系统图片/用户反馈记录增删改查.png)