# project_practice **Repository Path**: wangxue1214/project_practice ## Basic Information - **Project Name**: project_practice - **Description**: 项目实训一 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-10-22 - **Last Updated**: 2022-07-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 项目概览 ## **1、项目成员：** ​ 组长：王雪 ​ 组员：赵晓雯、李艳苹、靳诗韵、罗雯莉 ## **2、仓库地址：** https://gitee.com/wangxue1214/project_practice.git ## **3、项目名称：** 萌芽 ​ 名称寓意：萌芽，是指草木初生发芽，亦用来比喻事物的开端。一个宝宝对于一个家庭来说就像一颗萌芽的种子，充满了爱与希望，我们希望通过我们的产品帮助每一颗含苞的种子灿然萌芽。孩子从出生到学会走路、吃饭、说话，一切从无开始，对于宝爸宝妈来说也是一个全新的开始，给我们一份信任，我们将帮助每一个爱的小窝有一个相宜的萌芽环境。 ## **4、背景介绍：** ​ 前苏联教育家苏霍姆林斯基曾对几千个家庭进行了研究，他发现，儿童的智力发展和母亲对孩子的早期教育有巨大的依存关系。尤其在3岁前，如果父母和孩子交流得少，交流内容简单，孩子是在情感和智力活动都比较贫乏的状态中长大，那么孩子的智商就会偏低，行为也容易出现偏差。 ​ 父母是孩子的第一任老师，但是对于很多新手爸妈来说早教是一件完全陌生的事情，我们希望打造一款集多种功能于一体的婴幼儿启蒙产品来帮助宝爸宝妈们轻松带娃，愉快成长。 ## **5、主要功能介绍：** ​ 我们的小程序分年龄段提供适合的启蒙教育，其次又提供两个分别面向父母和孩子的模块 ​ (1)分阶段教学(例如启蒙一阶段（适合1岁-3岁的宝宝）通过动画图片教幼儿认识数字、动物、水果、拼音、汉字等。幼儿启蒙的主要部分之一是智力启蒙，而智力启蒙第一要诀是语言输入，因为人是用语言来思维的，语言的清晰度和思维清晰度完全呈正相关。落实到具体的操作上，也就是让孩子从小便开始接触语言的用法，而结合动画图片也进一步加强了孩子对于环境的感知能力。 ​ (2)亲子互动趣味小视频(帮助父母提供适合宝宝年龄段的趣味活动；幼儿启蒙的另一主要部分之一情感启蒙第一要诀是多和孩子接触。亲子互动趣味小视频通过提供互动模板，一方面通过亲子互动充足亲子亲密时间，另一方面，宝宝跟着互动的过程就是他们的身体、社会性、智慧及创造力等方面的成长过程，通过直观形象的互动过程使宝宝真切地感知外界。 ​ (3)家长育儿经交流社区(家长可以发布一些自己和孩子进行互动的小视频，或分享经验，或求取“真经”，让晋升为新手宝爸宝妈的你并不孤单。 ​ 目前我们暂时只想到了这几个功能，后期有其他功能再做完善 ## **6、实现技术：** ​ 我们将使用墨刀、微信开发者工具、KOA、mySQL ## 数据库建表 1.user（用户） | id | userId | userName | sex | age | head_Photo | |-----|--------|--------------|--------------|-----------------|--------------| | int | int | varchar(100) | varchar(100) | int | varchar(255) | | | 分配 | 调用接口获取 | | 通过用户选择的宝贝出生年份填写 | 调用接口获取 | 2.cognize（启蒙1认知） | | | | | | ---- | ------------------------------------- | ------------ | -------------------- | | id | cognize_Classify | imgUrl | amount | | int | varchar(100) | varchar(255) | int | | | 对应题组表名(其值可以是fruit_Cognize) | 题组封面 | 记录每个题组内的题量 | 3.fruit_Cognize（水果认知） | | | | | | | | ---- | ------------ | ------------ | ------------ | ------------ | ------------ | | id | imgUrl | Cname | Caudio | Ename | Eaudio | | int | varchar(255) | varchar(100) | varchar(255) | varchar(100) | varchar(255) | | | 水果图片 | 水果中文名 | 水果中文读音 | 水果英文名 | 水果英文读音 | 4.interactive_Video（互动视频） | | | | | | | | | | ---- | ------- | ------------ | ------------ | ------------ | ---------------------------- | ----------------- | ------------------------------------- | | id | videoId | video_Img | videoUrl | video_Title | play_Time | type | stage | | int | int | varchar(255) | varchar(255) | varchar(100) | bigint | int | int | | | | | | | 在退出视频播放时记录播放时长 | 标志是视频其值为1 | 标志是第几阶段的亲子互动视频，其值为1 | 5.interactive_Comments（互动视频评论） | | | | | | | | | ---- | --------- | ------------ | ------------ | ------------ | ----------- | ------------------- | | id | commentId | videoId | userId | content | public_Time | type | | int | int | int | int | varchar(255) | bigint | int | | | | 评论视频的id | 评论的用户id | | | 标志是视频，其值为2 | 6.thumbs_Up（点赞内容） | | | | | | ---- | ------------ | ------------------------- | --------------------- | | id | userId | type | from_Id | | int | int | int | int | | | 点赞用户的id | 点赞的内容类型，其值为1/2 | 对应videoId/commentId | 7.collections（收藏） | | | | | ---- | ------------ | ----------- | | id | userId | videoId | | int | int | int | | | 收藏用户的id | 对应videoId | 8.culture_Knowledge（文化小百科） | | | | | ---- | ------------ | ----------------------------------- | | id | imgUrl | culture_Classify | | int | varchar(255) | varchar(100) | | | 题组封面 | 对应题组表名(其值为festival和story) | 9.festival（节日） | | | | | | | ---- | ---------------------------------- | ------------ | ------------ | -------------- | | id | festivalId | video_Img | videoUrl | festival_Title | | int | int | varchar(255) | varchar(255) | varchar(100) | | | 每个节日视频id，记录点击的哪个视频 | | | | 10.story（寓言故事） | | | | | | | ---- | -------------------------------------- | ------------ | ------------ | ------------ | | id | storyId | video_Img | videoUrl | story_Title | | int | int | varchar(255) | varchar(255) | varchar(100) | | | 每个寓言故事视频id，记录点击的哪个视频 | | | | 11.funny_Test（趣味测试） | | | | | | | ---- | ---------------------------------- | ------------ | ------------ | ---------------------- | | id | test_Classify | imgUrl | test_Title | amount | | int | varchar(100) | varchar(255) | varchar(100) | int | | | 对应题组表名(其值可以是fruit_Test) | | | 记录每个测试题组的题量 | 12.fruit_Test（水果趣味测试） | | | | | | | | | | ---- | ------------ | ------------ | ------------ | ------------ | ------------------ | ----------------------- | -------------- | | id | imgUrl_0 | imgUrl_1 | imgUrl_2 | imgUrl_3 | question | right_Answer | question_Audio | | int | varchar(255) | varchar(255) | varchar(255) | varchar(255) | varchar(200) | int | varchar(255) | | | | | | | 每个测试上面的问题 | 正确答案，其值为0/1/2/3 | 问题的音频 | 13.play_History（历史记录） | | | | | | ---- | ------ | ------- | --------- | | id | userId | videoId | play_Time | | int | int | int | bigint | | | | | 播放时长 | 14.community（社区） | | | | | | | | ---- | --------- | ------ | ------- | ----------- | ----------------------- | | id | dynamicId | userId | content | public_Time | type | | int | int | int | text | bigint | int | | | | | | | 标志是社区动态，其值为3 | 15.community_Comments（社区评论） | | | | | | | | | ---- | --------- | ------ | ---------------------- | ------------ | ----------- | --------------------------- | | id | commentId | userId | dynamicId | content | public_Time | type | | int | int | int | int | varchar(200) | bigint | int | | | | | 标志是哪条动态下的评论 | | | 标志是社区动态的评论其值为3 | 16.community_Like（社区点赞） | | | | | | ---- | ------ | ------------------------- | ----------------------- | | id | userId | type | from_Id | | int | int | int | int | | | | 点赞的内容类型，其值为3/4 | 对应dynamicId/commentId | # 萌芽前端 ## 启蒙模块 ### 选择启蒙阶段 ![选择启蒙阶段](./萌芽前端图片/选择阶段.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) + 删除我发布的动态 ![社区页面](./萌芽前端图片/删除我的动态.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)